@otto-de/b2b-core-components 1.7.0 → 1.8.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/README.md +8 -8
- package/dist/b2b-core-components/app-globals-0f993ce5.js +3 -0
- package/dist/b2b-core-components/b2b-alert.entry.js +48 -0
- package/dist/b2b-core-components/b2b-anchor.entry.js +22 -0
- package/dist/b2b-core-components/b2b-breadcrumb-item.entry.js +36 -0
- package/dist/b2b-core-components/b2b-breadcrumb.entry.js +30 -0
- package/dist/b2b-core-components/b2b-button.entry.js +79 -0
- package/dist/b2b-core-components/b2b-card.entry.js +43 -0
- package/dist/b2b-core-components/b2b-checkbox-group.entry.js +88 -0
- package/dist/b2b-core-components/b2b-checkbox.entry.js +89 -0
- package/dist/b2b-core-components/b2b-chip-component.entry.js +36 -0
- package/dist/b2b-core-components/b2b-core-components.css +215 -1
- package/dist/b2b-core-components/b2b-core-components.esm.js +51 -1
- package/dist/b2b-core-components/b2b-dropdown.entry.js +64 -0
- package/dist/b2b-core-components/b2b-grid-col.entry.js +34 -0
- package/dist/b2b-core-components/b2b-grid-row.entry.js +25 -0
- package/dist/b2b-core-components/b2b-grid.entry.js +17 -0
- package/dist/b2b-core-components/b2b-headline.entry.js +31 -0
- package/dist/b2b-core-components/b2b-icon.entry.js +415 -0
- package/dist/b2b-core-components/b2b-input-group.entry.js +76 -0
- package/dist/b2b-core-components/b2b-input-label.entry.js +22 -0
- package/dist/b2b-core-components/b2b-input-list-option.entry.js +25 -0
- package/dist/b2b-core-components/b2b-input-list.entry.js +165 -0
- package/dist/b2b-core-components/b2b-input.entry.js +96 -0
- package/dist/b2b-core-components/b2b-label.entry.js +19 -0
- package/dist/b2b-core-components/b2b-modal.entry.js +220 -0
- package/dist/b2b-core-components/b2b-pagination.entry.js +118 -0
- package/dist/b2b-core-components/b2b-paragraph.entry.js +23 -0
- package/dist/b2b-core-components/b2b-radio-button.entry.js +74 -0
- package/dist/b2b-core-components/b2b-radio-group.entry.js +89 -0
- package/dist/b2b-core-components/b2b-required-separator.entry.js +16 -0
- package/dist/b2b-core-components/b2b-rounded-icon.entry.js +27 -0
- package/dist/b2b-core-components/b2b-scrollable-container.entry.js +16 -0
- package/dist/b2b-core-components/b2b-search.entry.js +33 -0
- package/dist/b2b-core-components/b2b-separator.entry.js +18 -0
- package/dist/b2b-core-components/b2b-spinner.entry.js +21 -0
- package/dist/b2b-core-components/b2b-tab-group.entry.js +132 -0
- package/dist/b2b-core-components/b2b-tab-panel.entry.js +17 -0
- package/dist/b2b-core-components/b2b-tab.entry.js +39 -0
- package/dist/b2b-core-components/b2b-table-cell.entry.js +48 -0
- package/dist/b2b-core-components/b2b-table-header.entry.js +88 -0
- package/dist/b2b-core-components/b2b-table-row.entry.js +112 -0
- package/dist/b2b-core-components/b2b-table-rowgroup.entry.js +144 -0
- package/dist/b2b-core-components/b2b-table.entry.js +55 -0
- package/dist/b2b-core-components/b2b-textarea.entry.js +62 -0
- package/dist/b2b-core-components/b2b-toggle-button.entry.js +55 -0
- package/dist/b2b-core-components/b2b-toggle-group.entry.js +65 -0
- package/dist/b2b-core-components/b2b-tooltip.entry.js +75 -0
- package/dist/b2b-core-components/b2b-wizard-icon.entry.js +21 -0
- package/dist/b2b-core-components/b2b-wizard-step.entry.js +22 -0
- package/dist/b2b-core-components/b2b-wizard.entry.js +57 -0
- package/dist/b2b-core-components/icons/b2b_icon-360-degree.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-advice.svg +7 -7
- package/dist/b2b-core-components/icons/b2b_icon-allergen-sulfur-dioxide-sulfite.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-almond.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-archive.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-armchair.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-arrow-down.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-arrow-graph.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-arrow-left.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-arrow-right.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-arrow-up.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-assembly.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-assortment.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-attachment.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-augmented-reality.svg +9 -9
- package/dist/b2b-core-components/icons/b2b_icon-autonomous-team.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-bank-details.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-bar-graph-ascending.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-bar-graph-axis.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-barley.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-basket-sale.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-basket.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-basketball.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-bikini.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-blogs.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-brandshop.svg +8 -8
- package/dist/b2b-core-components/icons/b2b_icon-brazil-nut.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-browser-click.svg +7 -7
- package/dist/b2b-core-components/icons/b2b_icon-browser-content.svg +9 -9
- package/dist/b2b-core-components/icons/b2b_icon-browser-psm.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-burger.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-bus.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-callback.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-camera.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-cashback.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-cashew-nut.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-catalogue.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-categories.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-celery.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-certificate.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-chair.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-chat.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-check-bold.svg +1 -1
- package/dist/b2b-core-components/icons/b2b_icon-check.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-chicken.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-city.svg +9 -9
- package/dist/b2b-core-components/icons/b2b_icon-clear.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-close.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-code-management.svg +7 -7
- package/dist/b2b-core-components/icons/b2b_icon-contact-mail.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-copy.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-cow.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-crab.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-critique.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-curtain.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-cut-out.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-dashboard.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-deer.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-delete.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-delivery-24h.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-delivery-desired-date-selection.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-delivery-desired-date.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-delivery-express.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-delivery-flat.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-delivery-on-hangers.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-delivery-preferred-place.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-desktop-phone-ads-click.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-desktop-phone-ads.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-desktop-phone.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-desktop.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-devices-monitor-laptop-tablet.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-dish-feature-lactose-free.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-dislike.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-disposal.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-document-sign.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-downloads.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-dress.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-dungarees.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-duration.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-e-invoice.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-edit-pad.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-edit.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-egg.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-ellipsis.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-email-verification-confirmed-safe.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-email-verification-confirmed.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-email-verification-sent-safe.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-email-verification-sent.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-empty-hint.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-end-to-end.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-error-article-image.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-error-hint.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-error.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-euro.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-event.svg +15 -15
- package/dist/b2b-core-components/icons/b2b_icon-events.svg +15 -15
- package/dist/b2b-core-components/icons/b2b_icon-faq.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-feedback.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-filter.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-fish.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-fitness.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-flag-chequered.svg +7 -7
- package/dist/b2b-core-components/icons/b2b_icon-flexible-work.svg +9 -9
- package/dist/b2b-core-components/icons/b2b_icon-flip.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-food-processor.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-fullscreen.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-gallery-view.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-gamepad.svg +8 -8
- package/dist/b2b-core-components/icons/b2b_icon-garlic.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-gender-intersex.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-globe.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-gluten.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-glutenfree.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-handshake.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-hashtag.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-hazelnut.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-hide.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-high-heels.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-home.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-info-small.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-info.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-inplace-zoom-reverse.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-inplace-zoom.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-insurance.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-kamut.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-laptop-os.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-laptop.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-leaving-page.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-light-bulb.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-like-fingers.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-like-product.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-like.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-line-graph.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-list-view.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-location.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-lupine.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-macadamia.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-material-samples.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-measurement.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-megaphone.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-mic.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-milk.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-minus.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-money-coins.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-money-document.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-money-plus.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-money-stack.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-money.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-move.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-mustard.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-nav.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-new.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-newsletter-sign-up.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-notification.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-nuts.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-oat.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-order-cancelled.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-order-delivered.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-order-form.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-order-management.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-order-misdirected.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-order-on-road.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-order-packed.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-order-payment.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-order-received.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-order-return.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-order-shipped.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-order-state-unknown.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-order-stored.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-order.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-otto-app.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-otto-campus.svg +16 -16
- package/dist/b2b-core-components/icons/b2b_icon-otto-company.svg +19 -19
- package/dist/b2b-core-components/icons/b2b_icon-otto-laptop.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-otto-logo.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-otto-up-points.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-otto-up.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-paper-plane.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-pause.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-payment-credit-card.svg +7 -7
- package/dist/b2b-core-components/icons/b2b_icon-payment-invoice.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-payment-pause.svg +9 -9
- package/dist/b2b-core-components/icons/b2b_icon-payment-plan-protection.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-payment-plan.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-pdf.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-peanut.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-pecan-nut.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-pending.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-person-access.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-person-callcenter.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-person-check.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-person-colleagues.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-person-community.svg +9 -9
- package/dist/b2b-core-components/icons/b2b_icon-person-development.svg +9 -9
- package/dist/b2b-core-components/icons/b2b_icon-person-female.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-person-info.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-person-male.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-person-rating.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-person-support.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-person-switch.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-person-workshop.svg +8 -8
- package/dist/b2b-core-components/icons/b2b_icon-person.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-phone-permission.svg +9 -9
- package/dist/b2b-core-components/icons/b2b_icon-phone.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-pig.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-pin.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-pinch-gesture.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-pinch.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-pistachio.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-plant.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-play-1.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-play.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-plus.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-price-alert.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-price-tag.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-print.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-puzzle.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-qr-code.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-question-hint.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-question.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-rating-empty.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-rating-filled.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-rating-half.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-rating-order.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-rating-payment.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-remote-work.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-repair.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-reply.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-retirement-provision.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-rocket.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-rye.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-sabbatical.svg +19 -19
- package/dist/b2b-core-components/icons/b2b_icon-sale.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-save.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-sea.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-search-enter.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-search.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-seo.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-service-info.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-sesame.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-settings.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-share-ios.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-share.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-sheep.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-shell.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-shirt.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-shopping-cart-euro.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-shopping-cart.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-show.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-smiley-angry.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-smiley-happy.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-smiley-negative.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-smiley-neutral.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-smiley-positive.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-sms-info.svg +7 -7
- package/dist/b2b-core-components/icons/b2b_icon-sneaker.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-sort-ascending.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-sort-descending.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-sort.svg +7 -7
- package/dist/b2b-core-components/icons/b2b_icon-soy.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-spelt.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-stationary.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-studies.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-success.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-sustainable-delivery.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-sustainable-energy-efficient.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-sustainable-production.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-sustainable-recycling.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-sustainable-resource.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-swipe-gesture.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-sync-device.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-t-shirt.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-tablet.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-tableware.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-target-group.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-teddy.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-test-result.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-town.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-trend-down.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-trend-up.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-trousers.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-trusted.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-unpin.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-upload.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-vacation.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-variant-content.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-vegan.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-vegetarian.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-village.svg +10 -10
- package/dist/b2b-core-components/icons/b2b_icon-volume-off.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-volume-on.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-voucher.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-walnut.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-warning.svg +5 -5
- package/dist/b2b-core-components/icons/b2b_icon-warranty.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-washing-machine.svg +7 -7
- package/dist/b2b-core-components/icons/b2b_icon-whatsapp.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-wheat.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-wifi.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-wishlist-active.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-wishlist.svg +3 -3
- package/dist/b2b-core-components/icons/b2b_icon-work-life.svg +6 -6
- package/dist/b2b-core-components/icons/b2b_icon-workshop.svg +7 -7
- package/dist/b2b-core-components/icons/b2b_icon-zoom-in.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_icon-zoom-out.svg +4 -4
- package/dist/b2b-core-components/icons/b2b_logo-carrier-dhl.svg +23 -0
- package/dist/b2b-core-components/icons/b2b_logo-carrier-gls.svg +17 -0
- package/dist/b2b-core-components/icons/b2b_logo-carrier-hermes.svg +9 -0
- package/dist/b2b-core-components/icons/b2b_logo-carrier-ups.svg +14 -0
- package/dist/b2b-core-components/index-7788f606.js +3804 -0
- package/dist/b2b-core-components/index.esm.js +1 -0
- package/dist/b2b-core-components/{p-d83c2084.entry.js → p-0034d167.entry.js} +1 -1
- package/dist/b2b-core-components/{p-2ad8bdb6.entry.js → p-024220fb.entry.js} +1 -1
- package/dist/b2b-core-components/{p-7a879329.entry.js → p-0354d337.entry.js} +1 -1
- package/dist/b2b-core-components/{p-197c1a6d.entry.js → p-068eb8ba.entry.js} +1 -1
- package/dist/b2b-core-components/{p-03e21565.entry.js → p-0f60ff5a.entry.js} +1 -1
- package/dist/b2b-core-components/{p-f190bf79.entry.js → p-220d5f79.entry.js} +1 -1
- package/dist/b2b-core-components/{p-f24515bf.entry.js → p-299d5c71.entry.js} +1 -1
- package/dist/b2b-core-components/{p-e31915cf.entry.js → p-2ad195d3.entry.js} +1 -1
- package/dist/b2b-core-components/{p-33e66446.entry.js → p-2b0b7edf.entry.js} +1 -1
- package/dist/b2b-core-components/p-328f253e.entry.js +1 -0
- package/dist/b2b-core-components/{p-cf0999e2.entry.js → p-381bd00a.entry.js} +1 -1
- package/dist/b2b-core-components/{p-c60253d2.entry.js → p-39f965f2.entry.js} +1 -1
- package/dist/b2b-core-components/{p-54fd68eb.entry.js → p-46f1d12d.entry.js} +1 -1
- package/dist/b2b-core-components/{p-c294dd0c.entry.js → p-50633227.entry.js} +1 -1
- package/dist/b2b-core-components/p-54ecee35.entry.js +1 -0
- package/dist/b2b-core-components/{p-e5b78075.entry.js → p-57a842ba.entry.js} +1 -1
- package/dist/b2b-core-components/p-5c18c291.js +2 -0
- package/dist/b2b-core-components/{p-e811411a.entry.js → p-6463d394.entry.js} +1 -1
- package/dist/b2b-core-components/{p-b6a8a06f.entry.js → p-66048f63.entry.js} +1 -1
- package/dist/b2b-core-components/{p-8ad1bb92.entry.js → p-6814fed4.entry.js} +1 -1
- package/dist/b2b-core-components/{p-6140304e.entry.js → p-71bcb908.entry.js} +1 -1
- package/dist/b2b-core-components/{p-1d007eea.entry.js → p-75cff1be.entry.js} +1 -1
- package/dist/b2b-core-components/{p-04fc18cd.entry.js → p-7a1e9ef2.entry.js} +1 -1
- package/dist/b2b-core-components/{p-0965b990.entry.js → p-7d05e787.entry.js} +1 -1
- package/dist/b2b-core-components/{p-f8ed569f.entry.js → p-89dc58cc.entry.js} +1 -1
- package/dist/b2b-core-components/{p-97ef9805.entry.js → p-8fb5f715.entry.js} +1 -1
- package/dist/b2b-core-components/{p-c885a630.entry.js → p-a4ba259c.entry.js} +1 -1
- package/dist/b2b-core-components/{p-42e7f397.entry.js → p-a4c859d6.entry.js} +1 -1
- package/dist/b2b-core-components/{p-681d6880.entry.js → p-a635b768.entry.js} +1 -1
- package/dist/b2b-core-components/{p-b3ccfc58.entry.js → p-a7d829d8.entry.js} +1 -1
- package/dist/b2b-core-components/{p-1e2752b2.entry.js → p-a8043eb7.entry.js} +1 -1
- package/dist/b2b-core-components/{p-dd79ab5b.entry.js → p-af7e9d0b.entry.js} +1 -1
- package/dist/b2b-core-components/{p-2328144b.entry.js → p-c59bffbe.entry.js} +1 -1
- package/dist/b2b-core-components/{p-60badad5.entry.js → p-c93fc43f.entry.js} +1 -1
- package/dist/b2b-core-components/{p-f7e9f889.entry.js → p-cfd92648.entry.js} +1 -1
- package/dist/b2b-core-components/{p-44ccd8f4.entry.js → p-d92add70.entry.js} +1 -1
- package/dist/b2b-core-components/{p-b8049234.entry.js → p-da2823f1.entry.js} +1 -1
- package/dist/b2b-core-components/{p-98b563a9.entry.js → p-e8d1236b.entry.js} +1 -1
- package/dist/b2b-core-components/{p-542a358a.entry.js → p-e9f3a7af.entry.js} +1 -1
- package/dist/b2b-core-components/{p-3c0671ef.entry.js → p-edbe9fc0.entry.js} +1 -1
- package/dist/b2b-core-components/{p-2d01e68a.entry.js → p-f1625da0.entry.js} +1 -1
- package/dist/b2b-core-components/{p-8bad814b.entry.js → p-f6f7c598.entry.js} +1 -1
- package/dist/b2b-core-components/{p-d07210e2.entry.js → p-ff36af9f.entry.js} +1 -1
- package/dist/b2b-core-components/shadow-css-3392baef.js +449 -0
- package/dist/b2b-core-components/table.types-7607e721.js +40 -0
- package/dist/cjs/app-globals-3a1e7e63.js +5 -0
- package/dist/cjs/b2b-alert.cjs.entry.js +2 -2
- package/dist/cjs/b2b-anchor.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.cjs.entry.js +83 -0
- package/dist/cjs/b2b-button_2.cjs.entry.js +1 -1
- 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 +93 -0
- package/dist/cjs/b2b-checkbox_3.cjs.entry.js +2 -2
- package/dist/cjs/b2b-chip-component.cjs.entry.js +6 -3
- package/dist/cjs/b2b-core-components.cjs.js +37 -7
- package/dist/cjs/b2b-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/b2b-grid-col.cjs.entry.js +1 -1
- package/dist/cjs/b2b-grid-row.cjs.entry.js +1 -1
- 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.cjs.entry.js +17 -6
- package/dist/cjs/b2b-input-group.cjs.entry.js +80 -0
- package/dist/cjs/b2b-input-group_2.cjs.entry.js +1 -1
- package/dist/cjs/b2b-input-label.cjs.entry.js +1 -1
- package/dist/cjs/b2b-input-list-option.cjs.entry.js +29 -0
- package/dist/cjs/b2b-input-list.cjs.entry.js +169 -0
- package/dist/cjs/b2b-input.cjs.entry.js +100 -0
- package/dist/cjs/b2b-input_2.cjs.entry.js +1 -1
- package/dist/cjs/b2b-label.cjs.entry.js +1 -1
- package/dist/cjs/b2b-modal.cjs.entry.js +1 -1
- package/dist/cjs/b2b-pagination.cjs.entry.js +1 -1
- package/dist/cjs/b2b-paragraph.cjs.entry.js +1 -1
- package/dist/cjs/b2b-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/b2b-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/b2b-required-separator.cjs.entry.js +1 -1
- package/dist/cjs/b2b-rounded-icon.cjs.entry.js +1 -1
- package/dist/cjs/b2b-scrollable-container.cjs.entry.js +1 -1
- package/dist/cjs/b2b-search.cjs.entry.js +1 -1
- package/dist/cjs/b2b-separator.cjs.entry.js +1 -1
- package/dist/cjs/b2b-spinner.cjs.entry.js +25 -0
- package/dist/cjs/b2b-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/b2b-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/b2b-tab.cjs.entry.js +1 -1
- package/dist/cjs/b2b-table-cell.cjs.entry.js +52 -0
- package/dist/cjs/b2b-table-header.cjs.entry.js +92 -0
- package/dist/cjs/b2b-table-row.cjs.entry.js +2 -2
- package/dist/cjs/b2b-table-rowgroup.cjs.entry.js +2 -2
- package/dist/cjs/b2b-table.cjs.entry.js +2 -2
- package/dist/cjs/b2b-textarea.cjs.entry.js +2 -2
- package/dist/cjs/b2b-toggle-button.cjs.entry.js +1 -1
- package/dist/cjs/b2b-toggle-group.cjs.entry.js +1 -1
- package/dist/cjs/b2b-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/b2b-wizard-icon.cjs.entry.js +2 -2
- package/dist/cjs/b2b-wizard-step.cjs.entry.js +2 -2
- package/dist/cjs/b2b-wizard.cjs.entry.js +2 -2
- package/dist/cjs/index-7f7a006f.js +4038 -0
- package/dist/cjs/{index-04e07a00.js → index-ceb9958a.js} +216 -51
- package/dist/cjs/loader.cjs.js +5 -12
- package/dist/cjs/shadow-css-163d1bb0.js +451 -0
- package/dist/cjs/table.types-308923fc.js +48 -0
- package/dist/collection/collection-manifest.json +49 -49
- package/dist/collection/components/alert/alert.css +3 -3
- package/dist/collection/components/alert/alert.e2e.js +1 -1
- package/dist/collection/components/alert/alert.js +1 -1
- package/dist/collection/components/alert/alert.stories.js +18 -18
- package/dist/collection/components/anchor/anchor.css +2 -2
- package/dist/collection/components/anchor/anchor.js +2 -2
- package/dist/collection/components/anchor/anchor.spec.js +39 -39
- package/dist/collection/components/anchor/anchor.stories.js +8 -8
- package/dist/collection/components/breadcrumb/breadcrumb-item.js +3 -2
- package/dist/collection/components/breadcrumb/breadcrumb.css +2 -2
- package/dist/collection/components/breadcrumb/breadcrumb.e2e.js +5 -5
- package/dist/collection/components/breadcrumb/breadcrumb.js +3 -2
- package/dist/collection/components/breadcrumb/breadcrumb.stories.js +6 -6
- package/dist/collection/components/button/button.css +2 -2
- package/dist/collection/components/button/button.e2e.js +14 -14
- package/dist/collection/components/button/button.js +4 -3
- package/dist/collection/components/button/button.stories.js +58 -58
- package/dist/collection/components/card/card.css +2 -2
- package/dist/collection/components/card/card.e2e.js +4 -4
- package/dist/collection/components/card/card.js +1 -1
- package/dist/collection/components/card/card.spec.js +18 -18
- package/dist/collection/components/card/card.stories.js +9 -9
- package/dist/collection/components/checkbox/checkbox.css +2 -2
- package/dist/collection/components/checkbox/checkbox.e2e.js +1 -1
- package/dist/collection/components/checkbox/checkbox.js +7 -4
- package/dist/collection/components/checkbox/checkbox.spec.js +3 -3
- package/dist/collection/components/checkbox/checkbox.stories.js +11 -11
- package/dist/collection/components/checkbox-group/checkbox-group.css +2 -2
- package/dist/collection/components/checkbox-group/checkbox-group.e2e.js +6 -6
- package/dist/collection/components/checkbox-group/checkbox-group.js +3 -2
- package/dist/collection/components/checkbox-group/checkbox-group.spec.js +3 -3
- package/dist/collection/components/checkbox-group/checkbox-group.stories.js +12 -12
- package/dist/collection/components/chip/chip.css +26 -9
- package/dist/collection/components/chip/chip.e2e.js +3 -3
- package/dist/collection/components/chip/chip.js +7 -3
- package/dist/collection/components/chip/chip.stories.js +20 -6
- package/dist/collection/components/dropdown/dropdown.css +2 -2
- package/dist/collection/components/dropdown/dropdown.e2e.js +6 -6
- package/dist/collection/components/dropdown/dropdown.js +5 -3
- package/dist/collection/components/dropdown/dropdown.spec.js +3 -3
- package/dist/collection/components/dropdown/dropdown.stories.js +15 -15
- package/dist/collection/components/grid/column.js +2 -2
- package/dist/collection/components/grid/grid.e2e.js +5 -5
- package/dist/collection/components/grid/grid.js +1 -1
- package/dist/collection/components/grid/grid.stories.js +153 -153
- package/dist/collection/components/grid/row.js +2 -2
- package/dist/collection/components/headline/headline.css +2 -2
- package/dist/collection/components/headline/headline.e2e.js +1 -1
- package/dist/collection/components/headline/headline.js +1 -1
- package/dist/collection/components/headline/headline.spec.js +39 -39
- package/dist/collection/components/headline/headline.stories.js +4 -4
- package/dist/collection/components/icon/icon.css +2 -2
- package/dist/collection/components/icon/icon.js +7 -6
- package/dist/collection/components/icon/icon.spec.js +3 -3
- package/dist/collection/components/icon/icon.stories.js +14 -14
- package/dist/collection/components/icon/icons/b2b_icon-360-degree.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-advice.svg +7 -7
- package/dist/collection/components/icon/icons/b2b_icon-allergen-sulfur-dioxide-sulfite.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-almond.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-archive.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-armchair.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-arrow-down.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-arrow-graph.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-arrow-left.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-arrow-right.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-arrow-up.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-assembly.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-assortment.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-attachment.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-augmented-reality.svg +9 -9
- package/dist/collection/components/icon/icons/b2b_icon-autonomous-team.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-bank-details.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-bar-graph-ascending.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-bar-graph-axis.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-barley.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-basket-sale.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-basket.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-basketball.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-bikini.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-blogs.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-brandshop.svg +8 -8
- package/dist/collection/components/icon/icons/b2b_icon-brazil-nut.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-browser-click.svg +7 -7
- package/dist/collection/components/icon/icons/b2b_icon-browser-content.svg +9 -9
- package/dist/collection/components/icon/icons/b2b_icon-browser-psm.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-burger.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-bus.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-callback.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-camera.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-cashback.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-cashew-nut.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-catalogue.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-categories.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-celery.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-certificate.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-chair.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-chat.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-check-bold.svg +1 -1
- package/dist/collection/components/icon/icons/b2b_icon-check.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-chicken.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-city.svg +9 -9
- package/dist/collection/components/icon/icons/b2b_icon-clear.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-close.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-code-management.svg +7 -7
- package/dist/collection/components/icon/icons/b2b_icon-contact-mail.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-copy.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-cow.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-crab.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-critique.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-curtain.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-cut-out.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-dashboard.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-deer.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-delete.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-delivery-24h.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-delivery-desired-date-selection.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-delivery-desired-date.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-delivery-express.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-delivery-flat.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-delivery-on-hangers.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-delivery-preferred-place.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-desktop-phone-ads-click.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-desktop-phone-ads.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-desktop-phone.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-desktop.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-devices-monitor-laptop-tablet.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-dish-feature-lactose-free.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-dislike.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-disposal.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-document-sign.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-downloads.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-dress.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-dungarees.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-duration.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-e-invoice.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-edit-pad.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-edit.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-egg.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-ellipsis.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-email-verification-confirmed-safe.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-email-verification-confirmed.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-email-verification-sent-safe.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-email-verification-sent.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-empty-hint.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-end-to-end.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-error-article-image.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-error-hint.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-error.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-euro.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-event.svg +15 -15
- package/dist/collection/components/icon/icons/b2b_icon-events.svg +15 -15
- package/dist/collection/components/icon/icons/b2b_icon-faq.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-feedback.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-filter.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-fish.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-fitness.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-flag-chequered.svg +7 -7
- package/dist/collection/components/icon/icons/b2b_icon-flexible-work.svg +9 -9
- package/dist/collection/components/icon/icons/b2b_icon-flip.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-food-processor.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-fullscreen.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-gallery-view.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-gamepad.svg +8 -8
- package/dist/collection/components/icon/icons/b2b_icon-garlic.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-gender-intersex.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-globe.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-gluten.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-glutenfree.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-handshake.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-hashtag.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-hazelnut.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-hide.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-high-heels.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-home.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-info-small.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-info.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-inplace-zoom-reverse.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-inplace-zoom.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-insurance.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-kamut.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-laptop-os.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-laptop.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-leaving-page.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-light-bulb.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-like-fingers.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-like-product.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-like.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-line-graph.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-list-view.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-location.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-lupine.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-macadamia.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-material-samples.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-measurement.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-megaphone.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-mic.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-milk.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-minus.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-money-coins.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-money-document.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-money-plus.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-money-stack.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-money.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-move.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-mustard.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-nav.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-new.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-newsletter-sign-up.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-notification.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-nuts.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-oat.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-order-cancelled.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-order-delivered.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-order-form.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-order-management.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-order-misdirected.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-order-on-road.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-order-packed.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-order-payment.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-order-received.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-order-return.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-order-shipped.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-order-state-unknown.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-order-stored.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-order.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-otto-app.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-otto-campus.svg +16 -16
- package/dist/collection/components/icon/icons/b2b_icon-otto-company.svg +19 -19
- package/dist/collection/components/icon/icons/b2b_icon-otto-laptop.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-otto-logo.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-otto-up-points.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-otto-up.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-paper-plane.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-pause.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-payment-credit-card.svg +7 -7
- package/dist/collection/components/icon/icons/b2b_icon-payment-invoice.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-payment-pause.svg +9 -9
- package/dist/collection/components/icon/icons/b2b_icon-payment-plan-protection.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-payment-plan.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-pdf.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-peanut.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-pecan-nut.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-pending.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-person-access.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-person-callcenter.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-person-check.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-person-colleagues.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-person-community.svg +9 -9
- package/dist/collection/components/icon/icons/b2b_icon-person-development.svg +9 -9
- package/dist/collection/components/icon/icons/b2b_icon-person-female.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-person-info.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-person-male.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-person-rating.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-person-support.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-person-switch.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-person-workshop.svg +8 -8
- package/dist/collection/components/icon/icons/b2b_icon-person.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-phone-permission.svg +9 -9
- package/dist/collection/components/icon/icons/b2b_icon-phone.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-pig.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-pin.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-pinch-gesture.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-pinch.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-pistachio.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-plant.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-play-1.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-play.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-plus.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-price-alert.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-price-tag.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-print.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-puzzle.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-qr-code.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-question-hint.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-question.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-rating-empty.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-rating-filled.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-rating-half.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-rating-order.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-rating-payment.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-remote-work.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-repair.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-reply.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-retirement-provision.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-rocket.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-rye.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-sabbatical.svg +19 -19
- package/dist/collection/components/icon/icons/b2b_icon-sale.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-save.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-sea.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-search-enter.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-search.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-seo.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-service-info.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-sesame.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-settings.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-share-ios.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-share.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-sheep.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-shell.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-shirt.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-shopping-cart-euro.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-shopping-cart.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-show.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-smiley-angry.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-smiley-happy.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-smiley-negative.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-smiley-neutral.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-smiley-positive.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-sms-info.svg +7 -7
- package/dist/collection/components/icon/icons/b2b_icon-sneaker.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-sort-ascending.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-sort-descending.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-sort.svg +7 -7
- package/dist/collection/components/icon/icons/b2b_icon-soy.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-spelt.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-stationary.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-studies.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-success.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-sustainable-delivery.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-sustainable-energy-efficient.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-sustainable-production.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-sustainable-recycling.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-sustainable-resource.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-swipe-gesture.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-sync-device.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-t-shirt.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-tablet.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-tableware.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-target-group.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-teddy.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-test-result.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-town.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-trend-down.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-trend-up.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-trousers.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-trusted.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-unpin.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-upload.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-vacation.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-variant-content.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-vegan.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-vegetarian.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-village.svg +10 -10
- package/dist/collection/components/icon/icons/b2b_icon-volume-off.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-volume-on.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-voucher.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-walnut.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-warning.svg +5 -5
- package/dist/collection/components/icon/icons/b2b_icon-warranty.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-washing-machine.svg +7 -7
- package/dist/collection/components/icon/icons/b2b_icon-whatsapp.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-wheat.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-wifi.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-wishlist-active.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-wishlist.svg +3 -3
- package/dist/collection/components/icon/icons/b2b_icon-work-life.svg +6 -6
- package/dist/collection/components/icon/icons/b2b_icon-workshop.svg +7 -7
- package/dist/collection/components/icon/icons/b2b_icon-zoom-in.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_icon-zoom-out.svg +4 -4
- package/dist/collection/components/icon/icons/b2b_logo-carrier-dhl.svg +23 -0
- package/dist/collection/components/icon/icons/b2b_logo-carrier-gls.svg +17 -0
- package/dist/collection/components/icon/icons/b2b_logo-carrier-hermes.svg +9 -0
- package/dist/collection/components/icon/icons/b2b_logo-carrier-ups.svg +14 -0
- package/dist/collection/components/icon/request.js +2 -2
- package/dist/collection/components/icon/types.js +5 -1
- package/dist/collection/components/input/input.css +2 -2
- package/dist/collection/components/input/input.e2e.js +3 -3
- package/dist/collection/components/input/input.js +12 -7
- package/dist/collection/components/input/input.spec.js +3 -3
- package/dist/collection/components/input/input.stories.js +57 -57
- package/dist/collection/components/input-group/input-group.css +2 -2
- package/dist/collection/components/input-group/input-group.e2e.js +14 -14
- package/dist/collection/components/input-group/input-group.js +1 -1
- package/dist/collection/components/input-group/input-group.spec.js +6 -6
- package/dist/collection/components/input-group/input-group.stories.js +26 -26
- package/dist/collection/components/input-label/input-label.e2e.js +1 -1
- package/dist/collection/components/input-label/input-label.js +1 -1
- package/dist/collection/components/input-list/input-list-option.js +3 -2
- package/dist/collection/components/input-list/input-list.css +2 -2
- package/dist/collection/components/input-list/input-list.e2e.js +3 -3
- package/dist/collection/components/input-list/input-list.js +3 -2
- package/dist/collection/components/input-list/input-list.stories.js +31 -31
- package/dist/collection/components/label/label.css +2 -2
- package/dist/collection/components/label/label.e2e.js +1 -1
- package/dist/collection/components/label/label.js +1 -1
- package/dist/collection/components/label/label.spec.js +23 -23
- package/dist/collection/components/label/label.stories.js +2 -2
- package/dist/collection/components/modal/modal.css +2 -2
- package/dist/collection/components/modal/modal.e2e.js +1 -1
- package/dist/collection/components/modal/modal.js +6 -5
- package/dist/collection/components/modal/modal.stories.js +20 -20
- package/dist/collection/components/pagination/pagination.css +2 -2
- package/dist/collection/components/pagination/pagination.e2e.js +2 -2
- package/dist/collection/components/pagination/pagination.js +5 -4
- package/dist/collection/components/pagination/pagination.spec.js +3 -3
- package/dist/collection/components/pagination/pagination.stories.js +4 -4
- package/dist/collection/components/paragraph/paragraph.css +2 -2
- package/dist/collection/components/paragraph/paragraph.e2e.js +1 -1
- package/dist/collection/components/paragraph/paragraph.js +1 -1
- package/dist/collection/components/paragraph/paragraph.stories.js +14 -14
- package/dist/collection/components/radio/radio.css +2 -2
- package/dist/collection/components/radio/radio.e2e.js +1 -1
- package/dist/collection/components/radio/radio.js +7 -4
- package/dist/collection/components/radio/radio.spec.js +3 -3
- package/dist/collection/components/radio/radio.stories.js +11 -11
- package/dist/collection/components/radio-group/radio-group.css +2 -2
- package/dist/collection/components/radio-group/radio-group.e2e.js +6 -6
- package/dist/collection/components/radio-group/radio-group.js +3 -2
- package/dist/collection/components/radio-group/radio-group.spec.js +3 -3
- package/dist/collection/components/radio-group/radio-group.stories.js +19 -19
- package/dist/collection/components/required-separator/required-separator.css +2 -2
- package/dist/collection/components/required-separator/required-separator.e2e.js +1 -1
- package/dist/collection/components/required-separator/required-separator.js +1 -1
- package/dist/collection/components/required-separator/required-separator.stories.js +5 -5
- package/dist/collection/components/rounded-icon/rounded-icon.css +2 -2
- package/dist/collection/components/rounded-icon/rounded-icon.js +4 -4
- package/dist/collection/components/rounded-icon/rounded-icon.stories.js +10 -10
- package/dist/collection/components/scrollable-container/scrollable-container.css +2 -2
- package/dist/collection/components/scrollable-container/scrollable-container.js +1 -1
- package/dist/collection/components/scrollable-container/scrollable-container.stories.js +20 -20
- package/dist/collection/components/search/search.e2e.js +3 -3
- package/dist/collection/components/search/search.js +3 -2
- package/dist/collection/components/search/search.stories.js +34 -34
- package/dist/collection/components/separator/separator.css +2 -2
- package/dist/collection/components/separator/separator.e2e.js +1 -1
- package/dist/collection/components/separator/separator.js +1 -1
- package/dist/collection/components/separator/separator.stories.js +6 -6
- package/dist/collection/components/spinner/spinner.css +2 -2
- package/dist/collection/components/spinner/spinner.e2e.js +1 -1
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/spinner/spinner.spec.js +21 -21
- package/dist/collection/components/spinner/spinner.stories.js +2 -2
- package/dist/collection/components/tab/tab.css +2 -2
- package/dist/collection/components/tab/tab.e2e.js +1 -1
- package/dist/collection/components/tab/tab.js +1 -1
- package/dist/collection/components/tab/tab.spec.js +3 -3
- package/dist/collection/components/tab-group/tab-group.e2e.js +22 -22
- package/dist/collection/components/tab-group/tab-group.js +4 -3
- package/dist/collection/components/tab-group/tab-group.stories.js +37 -37
- package/dist/collection/components/tab-panel/tab-panel.css +2 -2
- package/dist/collection/components/tab-panel/tab-panel.e2e.js +1 -1
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/tab-panel/tab-panel.spec.js +3 -3
- package/dist/collection/components/table/table-cell/table-cell.css +2 -2
- package/dist/collection/components/table/table-cell/table-cell.js +10 -7
- package/dist/collection/components/table/table-header/table-header.css +2 -2
- package/dist/collection/components/table/table-header/table-header.js +8 -5
- package/dist/collection/components/table/table-row/table-row.css +2 -2
- package/dist/collection/components/table/table-row/table-row.js +10 -6
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +2 -2
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.js +10 -8
- package/dist/collection/components/table/table.css +2 -2
- package/dist/collection/components/table/table.e2e.js +85 -85
- package/dist/collection/components/table/table.js +7 -5
- package/dist/collection/components/table/table.stories.js +169 -169
- package/dist/collection/components/textarea/textarea.css +2 -2
- package/dist/collection/components/textarea/textarea.e2e.js +4 -4
- package/dist/collection/components/textarea/textarea.js +8 -5
- package/dist/collection/components/textarea/textarea.stories.js +14 -14
- package/dist/collection/components/toggle-button/toggle-button.css +2 -2
- package/dist/collection/components/toggle-button/toggle-button.e2e.js +1 -1
- package/dist/collection/components/toggle-button/toggle-button.js +3 -2
- package/dist/collection/components/toggle-group/toggle-group.css +2 -2
- package/dist/collection/components/toggle-group/toggle-group.e2e.js +7 -7
- package/dist/collection/components/toggle-group/toggle-group.js +3 -2
- package/dist/collection/components/toggle-group/toggle-group.stories.js +22 -22
- package/dist/collection/components/tooltip/tooltip.css +2 -2
- package/dist/collection/components/tooltip/tooltip.e2e.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +1 -1
- package/dist/collection/components/tooltip/tooltip.stories.js +26 -26
- package/dist/collection/components/wizard/wizard-step.js +7 -5
- package/dist/collection/components/wizard/wizard.css +2 -2
- package/dist/collection/components/wizard/wizard.e2e.js +67 -67
- package/dist/collection/components/wizard/wizard.js +6 -5
- package/dist/collection/components/wizard/wizard.stories.js +17 -17
- package/dist/collection/components/wizard-icon/wizard-icon.css +2 -2
- package/dist/collection/components/wizard-icon/wizard-icon.js +7 -5
- package/dist/collection/components/wizard-icon/wizard-icon.stories.js +5 -5
- package/dist/collection/docs/config/replace-prop-controls.spec.js +1 -1
- package/dist/collection/docs/config/utils.js +2 -2
- package/dist/collection/docs/tokens/color.stories.js +35 -35
- package/dist/collection/docs/tokens/font.stories.js +51 -51
- package/dist/collection/docs/tokens/size.stories.js +40 -40
- package/dist/collection/static/assets/fonts/otto-sans-bold.svg +18 -18
- package/dist/collection/static/assets/fonts/otto-sans-thin.svg +18 -18
- package/dist/collection/static/assets/fonts/otto-sans.svg +18 -18
- package/dist/collection/utils/resources.js +1 -1
- package/dist/collection/utils/utils.spec.js +1 -1
- package/dist/components/b2b-alert.js +3 -1
- package/dist/components/b2b-checkbox-group.js +4 -1
- package/dist/components/b2b-chip-component.js +5 -2
- package/dist/components/b2b-modal.js +3 -1
- package/dist/components/b2b-pagination.js +3 -0
- package/dist/components/b2b-radio-group.js +4 -1
- package/dist/components/b2b-tab.js +2 -0
- package/dist/components/b2b-textarea.js +1 -1
- package/dist/components/b2b-toggle-group.js +3 -1
- package/dist/components/b2b-tooltip.js +2 -0
- package/dist/components/icon.js +9 -3
- package/dist/components/index.d.ts +6 -0
- package/dist/components/index.js +5 -1
- package/dist/components/input-group.js +3 -0
- package/dist/components/input-list.js +3 -1
- package/dist/components/input.js +1 -1
- package/dist/components/table-header.js +2 -0
- package/dist/components/table.types.js +4 -0
- package/dist/custom-elements.json +37 -25
- package/dist/esm/app-globals-0f993ce5.js +3 -0
- package/dist/esm/b2b-alert.entry.js +2 -2
- package/dist/esm/b2b-anchor.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.entry.js +79 -0
- package/dist/esm/b2b-button_2.entry.js +1 -1
- 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 +89 -0
- package/dist/esm/b2b-checkbox_3.entry.js +2 -2
- package/dist/esm/b2b-chip-component.entry.js +6 -3
- package/dist/esm/b2b-core-components.js +38 -8
- package/dist/esm/b2b-dropdown.entry.js +1 -1
- package/dist/esm/b2b-grid-col.entry.js +1 -1
- package/dist/esm/b2b-grid-row.entry.js +1 -1
- package/dist/esm/b2b-grid.entry.js +1 -1
- package/dist/esm/b2b-headline.entry.js +1 -1
- package/dist/esm/b2b-icon.entry.js +17 -6
- package/dist/esm/b2b-input-group.entry.js +76 -0
- package/dist/esm/b2b-input-group_2.entry.js +1 -1
- package/dist/esm/b2b-input-label.entry.js +1 -1
- package/dist/esm/b2b-input-list-option.entry.js +25 -0
- package/dist/esm/b2b-input-list.entry.js +165 -0
- package/dist/esm/b2b-input.entry.js +96 -0
- package/dist/esm/b2b-input_2.entry.js +1 -1
- package/dist/esm/b2b-label.entry.js +1 -1
- package/dist/esm/b2b-modal.entry.js +1 -1
- package/dist/esm/b2b-pagination.entry.js +1 -1
- package/dist/esm/b2b-paragraph.entry.js +1 -1
- package/dist/esm/b2b-radio-button.entry.js +1 -1
- package/dist/esm/b2b-radio-group.entry.js +1 -1
- package/dist/esm/b2b-required-separator.entry.js +1 -1
- package/dist/esm/b2b-rounded-icon.entry.js +1 -1
- package/dist/esm/b2b-scrollable-container.entry.js +1 -1
- package/dist/esm/b2b-search.entry.js +1 -1
- package/dist/esm/b2b-separator.entry.js +1 -1
- package/dist/esm/b2b-spinner.entry.js +21 -0
- package/dist/esm/b2b-tab-group.entry.js +1 -1
- package/dist/esm/b2b-tab-panel.entry.js +1 -1
- package/dist/esm/b2b-tab.entry.js +1 -1
- package/dist/esm/b2b-table-cell.entry.js +48 -0
- package/dist/esm/b2b-table-header.entry.js +88 -0
- package/dist/esm/b2b-table-row.entry.js +2 -2
- package/dist/esm/b2b-table-rowgroup.entry.js +2 -2
- package/dist/esm/b2b-table.entry.js +2 -2
- package/dist/esm/b2b-textarea.entry.js +2 -2
- package/dist/esm/b2b-toggle-button.entry.js +1 -1
- package/dist/esm/b2b-toggle-group.entry.js +1 -1
- package/dist/esm/b2b-tooltip.entry.js +1 -1
- package/dist/esm/b2b-wizard-icon.entry.js +2 -2
- package/dist/esm/b2b-wizard-step.entry.js +2 -2
- package/dist/esm/b2b-wizard.entry.js +2 -2
- package/dist/esm/index-7788f606.js +4001 -0
- package/dist/esm/{index-dfdbf4b9.js → index-f0a4762b.js} +216 -51
- package/dist/esm/loader.js +6 -13
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/shadow-css-3392baef.js +449 -0
- package/dist/esm/table.types-7607e721.js +40 -0
- package/dist/esm/wizard.types-f1a7c73a.js +8 -0
- package/dist/loader/index.d.ts +1 -1
- package/dist/scripts/stencil/generate-storybook-args.js +1 -1
- package/dist/scripts/stencil/generate-vue-web-types.js +1 -1
- package/dist/types/components/chip/chip.d.ts +1 -0
- package/dist/types/components/chip/chip.stories.d.ts +1 -0
- package/dist/types/components/icon/types.d.ts +1 -1
- package/dist/types/components.d.ts +337 -50
- package/dist/types/stencil-public-runtime.d.ts +38 -5
- package/dist/types/utils/interfaces/content.interface.d.ts +4 -4
- package/dist/types/utils/interfaces/form.interface.d.ts +38 -38
- package/dist/types/utils/interfaces/interaction.interface.d.ts +21 -21
- package/dist/types/utils/interfaces/interface.d.ts +5 -5
- package/dist/types/utils/interfaces/status.interface.d.ts +5 -5
- package/dist/types/utils/resources.d.ts +1 -1
- package/dist/web-types.json +76 -76
- package/package.json +94 -94
- package/dist/b2b-core-components/p-1c0df04b.entry.js +0 -1
- package/dist/b2b-core-components/p-9c0e419e.entry.js +0 -1
- package/dist/b2b-core-components/p-f3ce95bf.js +0 -2
- package/dist/esm/polyfills/css-shim.js +0 -1
- /package/dist/b2b-core-components/{p-bb5e7c53.js → p-5b4639bc.js} +0 -0
- /package/dist/b2b-core-components/{p-1dc70300.js → p-b1064afb.js} +0 -0
- /package/dist/{esm/wizard.types-2a03b8e0.js → b2b-core-components/wizard.types-f1a7c73a.js} +0 -0
- /package/dist/cjs/{table.types-196dc690.js → table.types-679aefd5.js} +0 -0
- /package/dist/cjs/{wizard.types-690c64bb.js → wizard.types-41d38f1a.js} +0 -0
- /package/dist/esm/{table.types-46c5a83a.js → table.types-c4d9046e.js} +0 -0
- /package/dist/types/{home/runner/work/b2b-design-system → Users/AHOEGE/Projects/otto-de}/b2b-design-system/packages/core-components/.stencil/scripts/stencil/generate-storybook-args.d.ts +0 -0
- /package/dist/types/{home/runner/work/b2b-design-system → Users/AHOEGE/Projects/otto-de}/b2b-design-system/packages/core-components/.stencil/scripts/stencil/generate-vue-web-types.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as b,c as r,h as e,H as o,g as a}from"./p-
|
|
1
|
+
import{r as b,c as r,h as e,H as o,g as a}from"./p-5c18c291.js";let i=0;const s=class{constructor(e){b(this,e),this.b2bChange=r(this,"b2b-change",7),this.generatedId=i++,this.selected=!1,this.disabled=!1,this.invalid=!1}propagateChange(b){this.disabled||(!0===b&&this.hostElement.focus(),this.b2bChange.emit(b))}render(){return e(o,{id:`b2b-tab-${this.generatedId}`,"aria-role":"tab","aria-selected":this.selected,role:!this.disabled&&"tab",disabled:this.disabled,tabindex:!this.disabled&&(this.selected?"0":"-1")},e("span",{class:{"b2b-tab":!0,"b2b-tab--selected":this.selected,"b2b-tab--disabled":this.disabled,"b2b-tab--error":this.invalid}},e("slot",null)))}get hostElement(){return a(this)}static get watchers(){return{selected:["propagateChange"]}}};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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-75);position:relative;padding:0.5rem 0;margin:0;margin-right:0.1875rem}:host .b2b-tab{display:inline-block;padding:0.5rem 1.125rem;margin:0;color:var(--b2b-color-black-100);background-color:var(--b2b-color-grey-50);border:1px solid var(--b2b-color-grey-200);border-bottom:0;border-top-left-radius:var(--b2b-size-7);border-top-right-radius:var(--b2b-size-7);cursor:pointer;transition:all 0.3s ease}:host .b2b-tab:hover{background-color:var(--b2b-color-grey-200)}:host .b2b-tab--selected,:host .b2b-tab--selected:hover{color:var(--b2b-color-white-100);background-color:var(--b2b-color-black-50);border-color:var(--b2b-color-black-50)}:host .b2b-tab--error{border-color:var(--b2b-color-error-100);background-color:var(--b2b-color-error-50);color:var(--b2b-color-error-100)}:host .b2b-tab--error.b2b-tab--selected,:host .b2b-tab--error:hover{background-color:var(--b2b-color-error-100);color:var(--b2b-color-white-100)}:host .b2b-tab--error.b2b-tab--selected:hover,:host .b2b-tab--error:hover:hover{border-color:var(--b2b-color-error-100)}:host .b2b-tab--disabled,:host .b2b-tab--disabled:hover{user-select:none;cursor:default;color:var(--b2b-color-grey-250);border-color:var(--b2b-color-grey-100);background-color:var(--b2b-color-grey-50)}';export{s as b2b_tab}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as b,h as r}from"./p-
|
|
1
|
+
import{r as b,h as r}from"./p-5c18c291.js";const e=class{constructor(r){b(this,r),this.type="neutral"}render(){return r("span",{class:{"b2b-label":!0,[`b2b-label--${this.type}`]:!0}},r("slot",null))}};e.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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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-label{display:inline-block;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-50);border-radius:var(--b2b-size-30);border:1px solid var(--b2b-color-white-100);padding:var(--b2b-size-1) var(--b2b-size-15)}.b2b-label--neutral{background-color:var(--b2b-color-grey-100)}.b2b-label--info{background-color:var(--b2b-color-info-50)}.b2b-label--success{color:var(--b2b-color-success-100);background-color:var(--b2b-color-success-50)}.b2b-label--warning{background-color:var(--b2b-color-warning-50)}.b2b-label--error{color:var(--b2b-color-error-100);background-color:var(--b2b-color-error-50)}';export{e as b2b_label}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as b,h as o,H as r,g as e}from"./p-f3ce95bf.js";const t=class{constructor(o){b(this,o),this.canLoad=()=>!1===this.disabled&&this.loading,this.checkIcon=()=>{const b=Array.from(this.hostElement.children);if(1===b.length&&0===this.hostElement.textContent.trim().length){if("b2b-icon"===b[0].tagName.toLowerCase())return!0;if("i"===b[0].tagName.toLowerCase())return!0}return!1},this.variant="secondary",this.type="button",this.size="100",this.disabled=!1,this.loading=!1,this.active=!1,this.href=void 0,this.target="self",this.download=void 0,this.groupDisabled=!1}async setFocus(){this.focusableElement.focus()}handleHostClick(b){!0!==this.disabled&&!0!==this.loading||b.stopImmediatePropagation();const o=this.hostElement.closest("form");if(null!=o&&"submit"===this.type){const b=document.createElement("button");b.type="submit",b.style.display="none",o.appendChild(b),b.click(),b.remove()}}spinner(){return o("div",{class:"b2b-button__spinner"},o("b2b-spinner",{color:"primary"===this.variant?"inverse":"secondary",size:"50"}))}render(){return o(r,{class:{"b2b-button--loading":this.canLoad(),[`b2b-button--${this.size}`]:!0,"b2b-button--active":this.active,"b2b-button--icon-only":this.checkIcon()}},void 0!==this.href?o("a",{href:this.href,target:`_${this.target}`,download:this.download,class:{disabled:this.disabled||this.groupDisabled,[`b2b-button--${this.variant}`]:!0},ref:b=>this.focusableElement=b},o("span",null,o("slot",{name:"start"}),o("slot",null),o("slot",{name:"end"})),this.canLoad()?this.spinner():null):o("button",{disabled:this.disabled||this.groupDisabled,class:{[`b2b-button--${this.variant}`]:!0},type:this.type,ref:b=>this.focusableElement=b},o("span",null,o("slot",{name:"start"}),o("slot",null),o("slot",{name:"end"})),this.canLoad()?this.spinner():null))}get hostElement(){return e(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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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")}:root,:host{--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-button-secondary-background-color:var(--b2b-color-grey-50);--b2b-button-secondary-border-color:var(--b2b-color-grey-200);--b2b-button-secondary-hover-background-color:var(--b2b-color-grey-150);--b2b-border-right:1px solid var(--b2b-button-secondary-border-color)}:root [data-theme=dark],:host [data-theme=dark]{--b2b-button-secondary-background-color:var(--b2b-color-grey-300);--b2b-button-secondary-border-color:var(--b2b-color-grey-400);--b2b-button-secondary-hover-background-color:var(--b2b-color-grey-400)}:host button,:host a{align-items:center;height:2.25rem;box-sizing:border-box;display:inline-flex;margin:0;padding:0 var(--b2b-size-30);position:relative;text-align:center;text-decoration:none;user-select:none;cursor:pointer;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);transition:background-color 0.3s ease;vertical-align:middle;border:none;border-radius:var(--b2b-border-radius)}:host button span,:host a span{display:flex;align-items:center}:host button.b2b-button--primary,:host a.b2b-button--primary{color:var(--b2b-color-white-100);background-color:var(--b2b-color-red-100);border:1px solid var(--b2b-color-red-100)}:host button.b2b-button--primary:hover,:host a.b2b-button--primary:hover{background-color:var(--b2b-color-red-200)}:host button.b2b-button--primary.loading::after,:host a.b2b-button--primary.loading::after{border:0.125rem solid rgba(255, 255, 255, 0.5);border-top:0.125rem solid var(--b2b-color-red-100)}:host button.b2b-button--secondary,:host a.b2b-button--secondary{color:var(--b2b-color-copy-default);background-color:var(--b2b-button-secondary-background-color);border:1px solid var(--b2b-button-secondary-border-color);border-right:var(--b2b-border-right)}:host button.b2b-button--secondary:hover,:host a.b2b-button--secondary:hover{background-color:var(--b2b-button-secondary-hover-background-color)}:host button.b2b-button--secondary.loading::after,:host a.b2b-button--secondary.loading::after{border:0.125rem solid rgba(51, 51, 51, 0.2);border-top:0.125rem solid var(--b2b-color-copy-default)}:host button:disabled,:host button.disabled,:host a:disabled,:host a.disabled{cursor:default;pointer-events:none;background-color:var(--b2b-color-grey-50);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);color:var(--b2b-color-grey-250)}:host button:disabled [slot=start],:host button:disabled [slot=end],:host button.disabled [slot=start],:host button.disabled [slot=end],:host a:disabled [slot=start],:host a:disabled [slot=end],:host a.disabled [slot=start],:host a.disabled [slot=end]{fill:var(--b2b-color-grey-250)}:host button:focus,:host a:focus{z-index:10}:host(.b2b-button--loading) button,:host(.b2b-button--loading) a{color:transparent;position:relative;cursor:default;pointer-events:none}:host(.b2b-button--loading).b2b-button--primary::after,:host(.b2b-button--loading).b2b-button--primary:hover{color:var(--b2b-color-white-100)}:host(.b2b-button--loading).b2b-button--secondary::after,:host(.b2b-button--loading).b2b-button--secondary:hover{color:var(--b2b-color-copy-default)}:host(.b2b-button--loading) .b2b-button__spinner{box-sizing:border-box;display:inline;position:absolute !important;top:50%;left:50%;margin-top:-0.625rem;margin-left:-0.625rem}:host(.b2b-button--loading) [slot=start],:host(.b2b-button--loading) [slot=end]{visibility:hidden}:host(.b2b-button--50) button,:host(.b2b-button--50) a{height:1.875rem;max-width:100%}:host(.b2b-button--100) button,:host(.b2b-button--100) a{height:2.25rem}:host(.b2b-button--active) button,:host(.b2b-button--active) a{background-color:var(--b2b-color-black-100);color:var(--b2b-color-white-100);border:1px solid var(--b2b-button-secondary-border-color);border-right:var(--b2b-border-right)}:host(.b2b-button--active) button:hover,:host(.b2b-button--active) a:hover{background-color:var(--b2b-color-black-100)}:host(.b2b-button--icon-only) button,:host(.b2b-button--icon-only) a{padding:0 var(--b2b-size-20)}::slotted(*[slot=start]){margin-right:var(--b2b-size-10)}::slotted(*[slot=end]){margin-left:var(--b2b-size-10)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}';const i=class{constructor(o){b(this,o),this.size="100",this.color="primary"}render(){return o("div",{class:{"b2b-spinner":!0,["b2b-spinner--size-"+this.size]:!0,["b2b-spinner--color-"+this.color]:!0}})}};i.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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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-spinner{box-sizing:border-box;border-radius:50%;display:inline-block;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.b2b-spinner--color-primary{border:var(--b2b-size-10) solid var(--b2b-color-grey-100);border-top:var(--b2b-size-10) solid var(--b2b-color-grey-300)}.b2b-spinner--color-inverse{border:var(--b2b-size-10) solid rgba(255, 255, 255, 0.5);border-top:var(--b2b-size-10) solid var(--b2b-color-white-100)}.b2b-spinner--color-secondary{border:var(--b2b-size-10) solid var(--b2b-color-grey-200);border-top:var(--b2b-size-10) solid var(--b2b-color-grey-400)}.b2b-spinner--size-50{width:var(--b2b-size-50);height:var(--b2b-size-50);border-width:var(--b2b-size-7)}.b2b-spinner--size-100{width:var(--b2b-size-90);height:var(--b2b-size-90)}.b2b-spinner--size-200{width:var(--b2b-size-150);height:var(--b2b-size-150)}';export{t as b2b_button,i as b2b_spinner}
|
|
1
|
+
import{r as b,h as o,H as r,g as e}from"./p-5c18c291.js";const t=class{constructor(o){b(this,o),this.canLoad=()=>!1===this.disabled&&this.loading,this.checkIcon=()=>{const b=Array.from(this.hostElement.children);if(1===b.length&&0===this.hostElement.textContent.trim().length){if("b2b-icon"===b[0].tagName.toLowerCase())return!0;if("i"===b[0].tagName.toLowerCase())return!0}return!1},this.variant="secondary",this.type="button",this.size="100",this.disabled=!1,this.loading=!1,this.active=!1,this.href=void 0,this.target="self",this.download=void 0,this.groupDisabled=!1}async setFocus(){this.focusableElement.focus()}handleHostClick(b){!0!==this.disabled&&!0!==this.loading||b.stopImmediatePropagation();const o=this.hostElement.closest("form");if(null!=o&&"submit"===this.type){const b=document.createElement("button");b.type="submit",b.style.display="none",o.appendChild(b),b.click(),b.remove()}}spinner(){return o("div",{class:"b2b-button__spinner"},o("b2b-spinner",{color:"primary"===this.variant?"inverse":"secondary",size:"50"}))}render(){return o(r,{class:{"b2b-button--loading":this.canLoad(),[`b2b-button--${this.size}`]:!0,"b2b-button--active":this.active,"b2b-button--icon-only":this.checkIcon()}},void 0!==this.href?o("a",{href:this.href,target:`_${this.target}`,download:this.download,class:{disabled:this.disabled||this.groupDisabled,[`b2b-button--${this.variant}`]:!0},ref:b=>this.focusableElement=b},o("span",null,o("slot",{name:"start"}),o("slot",null),o("slot",{name:"end"})),this.canLoad()?this.spinner():null):o("button",{disabled:this.disabled||this.groupDisabled,class:{[`b2b-button--${this.variant}`]:!0},type:this.type,ref:b=>this.focusableElement=b},o("span",null,o("slot",{name:"start"}),o("slot",null),o("slot",{name:"end"})),this.canLoad()?this.spinner():null))}get hostElement(){return e(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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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")}:root,:host{--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-button-secondary-background-color:var(--b2b-color-grey-50);--b2b-button-secondary-border-color:var(--b2b-color-grey-200);--b2b-button-secondary-hover-background-color:var(--b2b-color-grey-150);--b2b-border-right:1px solid var(--b2b-button-secondary-border-color)}:root [data-theme=dark],:host [data-theme=dark]{--b2b-button-secondary-background-color:var(--b2b-color-grey-300);--b2b-button-secondary-border-color:var(--b2b-color-grey-400);--b2b-button-secondary-hover-background-color:var(--b2b-color-grey-400)}:host button,:host a{align-items:center;height:2.25rem;box-sizing:border-box;display:inline-flex;margin:0;padding:0 var(--b2b-size-30);position:relative;text-align:center;text-decoration:none;user-select:none;cursor:pointer;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);transition:background-color 0.3s ease;vertical-align:middle;border:none;border-radius:var(--b2b-border-radius)}:host button span,:host a span{display:flex;align-items:center}:host button.b2b-button--primary,:host a.b2b-button--primary{color:var(--b2b-color-white-100);background-color:var(--b2b-color-red-100);border:1px solid var(--b2b-color-red-100)}:host button.b2b-button--primary:hover,:host a.b2b-button--primary:hover{background-color:var(--b2b-color-red-200)}:host button.b2b-button--primary.loading::after,:host a.b2b-button--primary.loading::after{border:0.125rem solid rgba(255, 255, 255, 0.5);border-top:0.125rem solid var(--b2b-color-red-100)}:host button.b2b-button--secondary,:host a.b2b-button--secondary{color:var(--b2b-color-copy-default);background-color:var(--b2b-button-secondary-background-color);border:1px solid var(--b2b-button-secondary-border-color);border-right:var(--b2b-border-right)}:host button.b2b-button--secondary:hover,:host a.b2b-button--secondary:hover{background-color:var(--b2b-button-secondary-hover-background-color)}:host button.b2b-button--secondary.loading::after,:host a.b2b-button--secondary.loading::after{border:0.125rem solid rgba(51, 51, 51, 0.2);border-top:0.125rem solid var(--b2b-color-copy-default)}:host button:disabled,:host button.disabled,:host a:disabled,:host a.disabled{cursor:default;pointer-events:none;background-color:var(--b2b-color-grey-50);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);color:var(--b2b-color-grey-250)}:host button:disabled [slot=start],:host button:disabled [slot=end],:host button.disabled [slot=start],:host button.disabled [slot=end],:host a:disabled [slot=start],:host a:disabled [slot=end],:host a.disabled [slot=start],:host a.disabled [slot=end]{fill:var(--b2b-color-grey-250)}:host button:focus,:host a:focus{z-index:10}:host(.b2b-button--loading) button,:host(.b2b-button--loading) a{color:transparent;position:relative;cursor:default;pointer-events:none}:host(.b2b-button--loading).b2b-button--primary::after,:host(.b2b-button--loading).b2b-button--primary:hover{color:var(--b2b-color-white-100)}:host(.b2b-button--loading).b2b-button--secondary::after,:host(.b2b-button--loading).b2b-button--secondary:hover{color:var(--b2b-color-copy-default)}:host(.b2b-button--loading) .b2b-button__spinner{box-sizing:border-box;display:inline;position:absolute !important;top:50%;left:50%;margin-top:-0.625rem;margin-left:-0.625rem}:host(.b2b-button--loading) [slot=start],:host(.b2b-button--loading) [slot=end]{visibility:hidden}:host(.b2b-button--50) button,:host(.b2b-button--50) a{height:1.875rem;max-width:100%}:host(.b2b-button--100) button,:host(.b2b-button--100) a{height:2.25rem}:host(.b2b-button--active) button,:host(.b2b-button--active) a{background-color:var(--b2b-color-black-100);color:var(--b2b-color-white-100);border:1px solid var(--b2b-button-secondary-border-color);border-right:var(--b2b-border-right)}:host(.b2b-button--active) button:hover,:host(.b2b-button--active) a:hover{background-color:var(--b2b-color-black-100)}:host(.b2b-button--icon-only) button,:host(.b2b-button--icon-only) a{padding:0 var(--b2b-size-20)}::slotted(*[slot=start]){margin-right:var(--b2b-size-10)}::slotted(*[slot=end]){margin-left:var(--b2b-size-10)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}';const i=class{constructor(o){b(this,o),this.size="100",this.color="primary"}render(){return o("div",{class:{"b2b-spinner":!0,["b2b-spinner--size-"+this.size]:!0,["b2b-spinner--color-"+this.color]:!0}})}};i.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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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-spinner{box-sizing:border-box;border-radius:50%;display:inline-block;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.b2b-spinner--color-primary{border:var(--b2b-size-10) solid var(--b2b-color-grey-100);border-top:var(--b2b-size-10) solid var(--b2b-color-grey-300)}.b2b-spinner--color-inverse{border:var(--b2b-size-10) solid rgba(255, 255, 255, 0.5);border-top:var(--b2b-size-10) solid var(--b2b-color-white-100)}.b2b-spinner--color-secondary{border:var(--b2b-size-10) solid var(--b2b-color-grey-200);border-top:var(--b2b-size-10) solid var(--b2b-color-grey-400)}.b2b-spinner--size-50{width:var(--b2b-size-50);height:var(--b2b-size-50);border-width:var(--b2b-size-7)}.b2b-spinner--size-100{width:var(--b2b-size-90);height:var(--b2b-size-90)}.b2b-spinner--size-200{width:var(--b2b-size-150);height:var(--b2b-size-150)}';export{t as b2b_button,i as b2b_spinner}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as b,c as e,h as r,H as o,g as i}from"./p-
|
|
1
|
+
import{r as b,c as e,h as r,H as o,g as i}from"./p-5c18c291.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,null,r("div",{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",null,r("div",{class:"b2b-checkbox-group__options"},r("slot",null))),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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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 +1 @@
|
|
|
1
|
-
import{r as b,c as e,h as o,H as r,g as t}from"./p-f3ce95bf.js";import{b as i,c as a}from"./p-1dc70300.js";const s=class{constructor(r){b(this,r),this.b2bOpen=e(this,"b2b-open",7),this.b2bSelected=e(this,"b2b-row-selected",7),this.toggleOpen=()=>{this.isOpen=!this.isOpen,this.b2bOpen.emit(this.isOpen)},this.getRowColor=()=>this.accordionType===i.PARENT?a.GROUP:this.color,this.getRowWidth=()=>Boolean(this.selectable)?"16px":Boolean(this.accordionType)?"24px":void 0,this.shouldAddCheckbox=()=>{let b=this.hostElement.querySelector("b2b-checkbox");return this.selectable&&!Boolean(b)},this.getParentRowGroup=()=>this.hostElement.closest("b2b-table-rowgroup"),this.getCheckbox=()=>{let b=this.getParentRowGroup();if(this.shouldAddCheckbox())return"header"===b.type?o("b2b-table-header",{style:{width:this.getRowWidth()}},o("b2b-checkbox",{standalone:!0,checked:this.checked,indeterminate:this.indeterminate})):o("b2b-table-cell",null,o("b2b-checkbox",{standalone:!0,checked:this.checked,value:this.value,indeterminate:this.indeterminate}))},this.getAccordionColumns=()=>{if(null!=this.accordionType)switch(this.accordionType){case i.HEADER:return o("b2b-table-header",{style:{width:this.getRowWidth()}});case i.PARENT:return o("b2b-table-cell",null,o("button",{onClick:this.toggleOpen,class:{"b2b-table-row__accordion-icon":!0,"b2b-table-row__accordion-icon--open":this.isOpen}},o("b2b-icon",{icon:"b2b_icon-arrow-right",clickable:!0})));case i.CHILD:return o("b2b-table-cell",null)}},this.highlight=!0,this.color="default",this.accordionType=void 0,this.selectable=void 0,this.value=void 0,this.indeterminate=!1,this.checked=!1,this.isOpen=!1}toggleSelected(b){var e;this.selectable&&(this.checked=b.detail.checked,this.b2bSelected.emit({checked:b.detail.checked,value:null!==(e=b.detail.value)&&void 0!==e?e:"header"}))}async toggleAccordion(b){this.isOpen=b,this.b2bOpen.emit(b)}componentWillLoad(){this.selectable&&!Boolean(this.value)&&"header"!==this.getParentRowGroup().type&&console.warn("You need to associate a value with the row as a unique identifier.")}render(){return o(r,{class:{"b2b-table-row":!0,"b2b-table-row--highlight":this.highlight,[`b2b-table-row--color-${this.getRowColor()}`]:!0},role:"row"},this.getAccordionColumns(),this.getCheckbox(),o("slot",null))}get hostElement(){return t(this)}};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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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{border-bottom:1px solid var(--b2b-color-grey-200);display:table-row}:host .b2b-table-row__accordion-icon{transform:rotate(0);transition:transform 0.2s ease-in-out;padding:0;background-color:transparent;border:none}:host .b2b-table-row__accordion-icon--open{transform:rotate(90deg);transition:transform 0.2s ease-in-out}:host(.b2b-table-row--color-default){background-color:inherit}:host(.b2b-table-row--color-selected){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-group){background-color:var(--b2b-color-table-expand-default)}:host(.b2b-table-row--color-default:hover){background-color:inherit}:host(.b2b-table-row--highlight:hover){background-color:var(--b2b-color-table-hover)}:host(.b2b-table-row--highlight:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-hover)}:host(.b2b-table-row--color-selected:hover){background-color:var(--b2b-color-red-100)}:host(.b2b-table-row--color-selected:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-red-100)}:host(.b2b-table-row--color-group:hover){background-color:var(--b2b-color-table-expand-hover)}:host(.b2b-table-row--color-group:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-expand-hover)}.b2b-table-header__control-cell{max-width:44px}';export{s as b2b_table_row}
|
|
1
|
+
import{r as b,c as e,h as o,H as r,g as t}from"./p-5c18c291.js";import{b as i,c as a}from"./p-b1064afb.js";const s=class{constructor(r){b(this,r),this.b2bOpen=e(this,"b2b-open",7),this.b2bSelected=e(this,"b2b-row-selected",7),this.toggleOpen=()=>{this.isOpen=!this.isOpen,this.b2bOpen.emit(this.isOpen)},this.getRowColor=()=>this.accordionType===i.PARENT?a.GROUP:this.color,this.getRowWidth=()=>Boolean(this.selectable)?"16px":Boolean(this.accordionType)?"24px":void 0,this.shouldAddCheckbox=()=>{let b=this.hostElement.querySelector("b2b-checkbox");return this.selectable&&!Boolean(b)},this.getParentRowGroup=()=>this.hostElement.closest("b2b-table-rowgroup"),this.getCheckbox=()=>{let b=this.getParentRowGroup();if(this.shouldAddCheckbox())return"header"===b.type?o("b2b-table-header",{style:{width:this.getRowWidth()}},o("b2b-checkbox",{standalone:!0,checked:this.checked,indeterminate:this.indeterminate})):o("b2b-table-cell",null,o("b2b-checkbox",{standalone:!0,checked:this.checked,value:this.value,indeterminate:this.indeterminate}))},this.getAccordionColumns=()=>{if(null!=this.accordionType)switch(this.accordionType){case i.HEADER:return o("b2b-table-header",{style:{width:this.getRowWidth()}});case i.PARENT:return o("b2b-table-cell",null,o("button",{onClick:this.toggleOpen,class:{"b2b-table-row__accordion-icon":!0,"b2b-table-row__accordion-icon--open":this.isOpen}},o("b2b-icon",{icon:"b2b_icon-arrow-right",clickable:!0})));case i.CHILD:return o("b2b-table-cell",null)}},this.highlight=!0,this.color="default",this.accordionType=void 0,this.selectable=void 0,this.value=void 0,this.indeterminate=!1,this.checked=!1,this.isOpen=!1}toggleSelected(b){var e;this.selectable&&(this.checked=b.detail.checked,this.b2bSelected.emit({checked:b.detail.checked,value:null!==(e=b.detail.value)&&void 0!==e?e:"header"}))}async toggleAccordion(b){this.isOpen=b,this.b2bOpen.emit(b)}componentWillLoad(){this.selectable&&!Boolean(this.value)&&"header"!==this.getParentRowGroup().type&&console.warn("You need to associate a value with the row as a unique identifier.")}render(){return o(r,{class:{"b2b-table-row":!0,"b2b-table-row--highlight":this.highlight,[`b2b-table-row--color-${this.getRowColor()}`]:!0},role:"row"},this.getAccordionColumns(),this.getCheckbox(),o("slot",null))}get hostElement(){return t(this)}};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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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{border-bottom:1px solid var(--b2b-color-grey-200);display:table-row}:host .b2b-table-row__accordion-icon{transform:rotate(0);transition:transform 0.2s ease-in-out;padding:0;background-color:transparent;border:none}:host .b2b-table-row__accordion-icon--open{transform:rotate(90deg);transition:transform 0.2s ease-in-out}:host(.b2b-table-row--color-default){background-color:inherit}:host(.b2b-table-row--color-selected){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-row--color-group){background-color:var(--b2b-color-table-expand-default)}:host(.b2b-table-row--color-default:hover){background-color:inherit}:host(.b2b-table-row--highlight:hover){background-color:var(--b2b-color-table-hover)}:host(.b2b-table-row--highlight:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-hover)}:host(.b2b-table-row--color-selected:hover){background-color:var(--b2b-color-red-100)}:host(.b2b-table-row--color-selected:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-red-100)}:host(.b2b-table-row--color-group:hover){background-color:var(--b2b-color-table-expand-hover)}:host(.b2b-table-row--color-group:hover) ::slotted(*){--b2b-table-cell-text-expand-bg:var(--b2b-color-table-expand-hover)}.b2b-table-header__control-cell{max-width:44px}';export{s as b2b_table_row}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as r,g as i}from"./p-
|
|
1
|
+
import{r as t,h as s,H as r,g as i}from"./p-5c18c291.js";const e=class{constructor(s){t(this,s),this.columnGap=24,this.rowGap=24,this.alignItems="stretch",this.justify="start"}render(){return s(r,{style:{"justify-content":`${this.justify}`,gap:`${this.columnGap}px`,margin:`${this.rowGap}px 0`,"align-items":`${this.alignItems}`,display:"flex","flex-wrap":"wrap","box-sizing":"border-box"}},s("slot",null))}get hostElement(){return i(this)}};export{e as b2b_grid_row}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as l,g as
|
|
1
|
+
import{r as t,h as s,H as l,g as r}from"./p-5c18c291.js";const e=class{constructor(s){t(this,s),this.calculateGrowDimension=t=>{const s=this.hostElement.closest("b2b-grid-row").columnGap;let l;return l=s>0&&null!=t?`- ${s-2*t}px`:s<=0&&null!=t?"":`- ${s-2}px`,{flex:`${null==t?1:0} 0 calc(${(null==t?1:t)/12*100}% ${l})`}},this.span=void 0,this.textAlign="left"}render(){return s(l,{style:Object.assign(Object.assign({},this.calculateGrowDimension(this.span)),{"text-align":`${this.textAlign}`})},s("slot",null))}get hostElement(){return r(this)}};export{e as b2b_grid_col}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as b,h as e,H as r}from"./p-
|
|
1
|
+
import{r as b,h as e,H as r}from"./p-5c18c291.js";let o=0;const i=class{constructor(e){b(this,e),this.generatedId=o++}render(){return e(r,{id:`b2b-tab-panel-${this.generatedId}`,role:"tabpanel"},e("div",{class:"b2b-tab-panel"},e("slot",null)))}};i.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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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 .b2b-tab-panel{margin-top:var(--b2b-size-40)}';export{i as b2b_tab_panel}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as b,h as e}from"./p-
|
|
1
|
+
import{r as b,h as e}from"./p-5c18c291.js";const r=class{constructor(e){b(this,e),this.size="400",this.align="left",this.noMargin=!1}render(){let b="b2b-headline";const r={[`${b}--${this.size}`]:!0,[`${b}--${this.align}`]:!0,[`${b}--no-margin`]:this.noMargin};switch(this.size){case"400":return e("h1",{class:r},e("slot",null));case"200":return e("h2",{class:r},e("slot",null));case"100":return e("h3",{class:r},e("slot",null))}}};r.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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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 h1,:host h2,:host h3{font-family:var(--b2b-font-family-default);color:var(--b2b-color-headline-default);margin:0}:host .b2b-headline--400{font-size:var(--b2b-size-headline-400);font-weight:var(--b2b-font-weight-thin);line-height:var(--b2b-size-headline-line-height-400);color:var(--b2b-color-headline-title)}:host .b2b-headline--200{font-size:var(--b2b-size-headline-200);font-weight:var(--b2b-font-weight-normal);line-height:var(--b2b-size-headline-line-height-200);margin-bottom:var(--b2b-size-60)}:host .b2b-headline--100{font-size:var(--b2b-size-headline-100);font-weight:var(--b2b-font-weight-bold);line-height:var(--b2b-size-headline-line-height-100);margin-bottom:var(--b2b-size-20)}:host .b2b-headline--no-margin{margin-bottom:unset}:host .b2b-headline--left{text-align:left}:host .b2b-headline--right{text-align:right}:host .b2b-headline--center{text-align:center}';export{r as b2b_headline}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as t,H as r,g as i}from"./p-
|
|
1
|
+
import{r as s,h as t,H as r,g as i}from"./p-5c18c291.js";const o=class{constructor(t){s(this,t),this.margin=24}render(){return t(r,{style:{padding:`${this.margin}px`},class:"b2b-grid"},t("slot",null))}get hostElement(){return i(this)}};o.style=":host(.b2b-grid){width:100%;margin:0 auto;box-sizing:border-box}";export{o as b2b_grid}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as b,h as e,H as r}from"./p-
|
|
1
|
+
import{r as b,h as e,H as r}from"./p-5c18c291.js";const o=class{constructor(e){b(this,e),this.alignment="horizontal"}render(){return e(r,null,e("div",{class:{[`b2b-separator--${this.alignment}`]:!0}}))}};o.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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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 .b2b-separator--horizontal{display:block;border-top:solid 1px var(--b2b-color-grey-200);width:100%}:host .b2b-separator--vertical{display:inline-flex;height:100%;border-left:solid 1px var(--b2b-color-grey-200)}';export{o as b2b_separator}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as b,c as e,h as r,H as o}from"./p-f3ce95bf.js";const i=class{constructor(o){b(this,o),this.b2bClose=e(this,"b2b-close",7),this.chooseIcon=()=>r("b2b-icon",{icon:`b2b_icon-${this.type}`}),this.close=()=>{this.opened=!1,this.b2bClose.emit()},this.canClose=()=>this.hasCloseButton&&"large"===this.size&&"error"!==this.type,this.canCustomizeIcon=()=>"small"===this.size&&this.customIcon,this.type="info",this.size="small",this.opened=!1,this.hasCloseButton=!0,this.customIcon=!1}openedChanged(b){this.opened=b}render(){return r(o,null,r("div",{class:{"b2b-alert":!0,[`b2b-alert--${this.type}`]:!0,[`b2b-alert--${this.size}`]:!0,"b2b-alert--open":this.opened}},r("div",{class:"b2b-alert__content"},r("span",{class:{[`b2b-alert--${this.type}__icon`]:!0}},this.canCustomizeIcon()?r("slot",null):this.chooseIcon()),"large"===this.size&&r("p",null,r("slot",null))),this.canClose()&&r("div",{class:"b2b-alert__close-icon",onClick:this.close},r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},r("path",{d:"M17.886 16l8.057-8.057a1.333 1.333 0 1 0-1.885-1.886l-8.057 8.057-8.057-8.057a1.333 1.333 0 1 0-1.886 1.886L14.115 16l-8.057 8.057a1.332 1.332 0 1 0 1.886 1.885l8.057-8.057 8.057 8.057a1.331 1.331 0 0 0 1.886 0 1.332 1.332 0 0 0 0-1.885L17.887 16z"})))))}static get watchers(){return{opened:["openedChanged"]}}};i.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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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-alert{display:none;padding:var(--b2b-size-30);gap:var(--b2b-size-30);font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);flex-shrink:0;border-radius:var(--b2b-size-7)}.b2b-alert--info{background-color:var(--b2b-color-info-50)}.b2b-alert--info__icon{color:var(--b2b-color-info-100)}.b2b-alert--warning{background-color:var(--b2b-color-warning-50)}.b2b-alert--error{color:var(--b2b-color-error-100);background-color:var(--b2b-color-error-50)}.b2b-alert--success{background-color:var(--b2b-color-success-50)}.b2b-alert--success__icon{color:var(--b2b-color-success-100)}.b2b-alert__close-icon{padding-top:var(--b2b-size-7);width:var(--b2b-size-30);height:var(--b2b-size-35);cursor:pointer;fill:var(--b2b-color-grey-400);flex-shrink:0}.b2b-alert__content{display:flex;align-items:center;flex:2;gap:var(--b2b-size-30)}.b2b-alert__content p{width:100%;margin:0;padding:var(--b2b-size-5) 0 var(--b2b-size-1) 0}.b2b-alert--open{display:flex}.b2b-alert--small{width:fit-content;justify-content:center;padding:var(--b2b-size-7);display:inline-flex}.b2b-alert--large{width:inherit;justify-content:space-between}';export{i as b2b_alert}
|
|
1
|
+
import{r as b,c as e,h as r,H as o}from"./p-5c18c291.js";const i=class{constructor(o){b(this,o),this.b2bClose=e(this,"b2b-close",7),this.chooseIcon=()=>r("b2b-icon",{icon:`b2b_icon-${this.type}`}),this.close=()=>{this.opened=!1,this.b2bClose.emit()},this.canClose=()=>this.hasCloseButton&&"large"===this.size&&"error"!==this.type,this.canCustomizeIcon=()=>"small"===this.size&&this.customIcon,this.type="info",this.size="small",this.opened=!1,this.hasCloseButton=!0,this.customIcon=!1}openedChanged(b){this.opened=b}render(){return r(o,null,r("div",{class:{"b2b-alert":!0,[`b2b-alert--${this.type}`]:!0,[`b2b-alert--${this.size}`]:!0,"b2b-alert--open":this.opened}},r("div",{class:"b2b-alert__content"},r("span",{class:{[`b2b-alert--${this.type}__icon`]:!0}},this.canCustomizeIcon()?r("slot",null):this.chooseIcon()),"large"===this.size&&r("p",null,r("slot",null))),this.canClose()&&r("div",{class:"b2b-alert__close-icon",onClick:this.close},r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},r("path",{d:"M17.886 16l8.057-8.057a1.333 1.333 0 1 0-1.885-1.886l-8.057 8.057-8.057-8.057a1.333 1.333 0 1 0-1.886 1.886L14.115 16l-8.057 8.057a1.332 1.332 0 1 0 1.886 1.885l8.057-8.057 8.057 8.057a1.331 1.331 0 0 0 1.886 0 1.332 1.332 0 0 0 0-1.885L17.887 16z"})))))}static get watchers(){return{opened:["openedChanged"]}}};i.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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--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-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-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-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--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:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--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-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-alert{display:none;padding:var(--b2b-size-30);gap:var(--b2b-size-30);font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);flex-shrink:0;border-radius:var(--b2b-size-7)}.b2b-alert--info{background-color:var(--b2b-color-info-50)}.b2b-alert--info__icon{color:var(--b2b-color-info-100)}.b2b-alert--warning{background-color:var(--b2b-color-warning-50)}.b2b-alert--error{color:var(--b2b-color-error-100);background-color:var(--b2b-color-error-50)}.b2b-alert--success{background-color:var(--b2b-color-success-50)}.b2b-alert--success__icon{color:var(--b2b-color-success-100)}.b2b-alert__close-icon{padding-top:var(--b2b-size-7);width:var(--b2b-size-30);height:var(--b2b-size-35);cursor:pointer;fill:var(--b2b-color-grey-400);flex-shrink:0}.b2b-alert__content{display:flex;align-items:baseline;flex:2;gap:var(--b2b-size-30)}.b2b-alert__content p{width:100%;margin:0;padding:var(--b2b-size-5) 0 var(--b2b-size-1) 0}.b2b-alert--open{display:flex}.b2b-alert--small{width:fit-content;justify-content:center;padding:var(--b2b-size-7);display:inline-flex}.b2b-alert--large{width:inherit;justify-content:space-between}';export{i as b2b_alert}
|