@otto-de/b2b-core-components 1.9.0-beta.2 → 1.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/b2b-core-components/b2b-core-components.css +1 -1
- package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
- package/dist/b2b-core-components/icons/b2b_icon-arrow-down-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-arrow-left-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-arrow-right-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-arrow-up-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-basket-50.svg +4 -0
- package/dist/b2b-core-components/icons/b2b_icon-check-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-close-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-delete-50.svg +6 -0
- package/dist/b2b-core-components/icons/b2b_icon-ellipsis.svg +2 -2
- package/dist/b2b-core-components/icons/b2b_icon-error-hint-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-filter-50.svg +5 -0
- package/dist/b2b-core-components/icons/b2b_icon-hide.svg +1 -1
- package/dist/b2b-core-components/icons/b2b_icon-info-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-info-hint-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-leaving-page-50.svg +4 -0
- package/dist/b2b-core-components/icons/b2b_icon-minus-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-pin-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-plus-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-question-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-question-hint-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-rating-empty-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-rating-filled-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-rating-half-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-refresh-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-reply-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-smiley-positive-50.svg +13 -0
- package/dist/b2b-core-components/icons/b2b_icon-sort-50.svg +7 -0
- package/dist/b2b-core-components/icons/b2b_icon-sort-ascending-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-sort-descending-50.svg +10 -0
- package/dist/b2b-core-components/icons/b2b_icon-success-hint-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-trend-down-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-trend-left.svg +12 -0
- package/dist/b2b-core-components/icons/b2b_icon-trend-right.svg +12 -0
- package/dist/b2b-core-components/icons/b2b_icon-trend-up-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-warning-hint-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-wishlist-50.svg +3 -0
- package/dist/b2b-core-components/icons/b2b_icon-wishlist-active-50.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-360-degree.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-advice.svg +7 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-allergen-sulfur-dioxide-sulfite.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-almond.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-archive.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-armchair.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-arrow-down.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-arrow-graph.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-arrow-left.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-arrow-right.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-arrow-up.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-assembly.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-assortment.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-attachment.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-augmented-reality.svg +9 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-autonomous-team.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-bank-details.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-bar-graph-ascending.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-bar-graph-axis.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-barley.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-basket-sale.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-basket.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-basketball.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-bikini.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-blogs.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-brandshop.svg +8 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-brazil-nut.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-browser-click.svg +7 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-browser-content.svg +9 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-browser-psm.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-burger.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-bus.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-callback.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-camera.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-cashback.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-cashew-nut.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-catalogue.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-categories.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-celery.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-certificate.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-chair.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-chat.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-check-bold.svg +1 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-check.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-chicken.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-city.svg +9 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-clear.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-close-bold.svg +1 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-close.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-code-management.svg +7 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-contact-mail.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-copy.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-cow.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-crab.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-critique.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-curtain.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-cut-out.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-dashboard.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-deer.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-delete.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-delivery-24h.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-delivery-desired-date-selection.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-delivery-desired-date.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-delivery-express.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-delivery-flat.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-delivery-on-hangers.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-delivery-preferred-place.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-desktop-phone-ads-click.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-desktop-phone-ads.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-desktop-phone.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-desktop.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-devices-monitor-laptop-tablet.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-dish-feature-lactose-free.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-dislike.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-disposal.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-document-sign.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-downloads.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-dress.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-dungarees.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-duration.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-e-invoice.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-edit-pad.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-edit.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-egg.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-ellipsis.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-email-verification-confirmed-safe.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-email-verification-confirmed.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-email-verification-sent-safe.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-email-verification-sent.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-empty-hint.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-end-to-end.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-error-article-image.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-error-hint.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-error.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-euro.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-event.svg +15 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-events.svg +15 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-expand.svg +1 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-faq.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-feedback.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-filter.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-fish.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-fitness.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-flag-chequered.svg +7 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-flexible-work.svg +9 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-flip.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-food-processor.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-fullscreen.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-gallery-view.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-gamepad.svg +8 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-garlic.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-gender-intersex.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-globe.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-gluten.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-glutenfree.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-handshake.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-hashtag.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-hazelnut.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-hide.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-high-heels.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-home.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-info-small.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-info.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-inplace-zoom-reverse.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-inplace-zoom.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-insurance.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-kamut.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-laptop-os.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-laptop.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-leaving-page.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-light-bulb.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-like-fingers.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-like-product.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-like.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-line-graph.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-list-view.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-location.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-lupine.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-macadamia.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-material-samples.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-measurement.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-megaphone.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-menu.svg +1 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-mic.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-milk.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-minus.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-module-operations.svg +1 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-money-coins.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-money-document.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-money-plus.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-money-stack.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-money.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-move.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-mustard.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-nav.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-new.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-newsletter-sign-up.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-notification.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-nuts.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-oat.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order-cancelled.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order-delivered.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order-form.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order-management.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order-misdirected.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order-on-road.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order-packed.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order-payment.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order-received.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order-return.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order-shipped.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order-state-unknown.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order-stored.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-order.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-otto-app.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-otto-campus.svg +16 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-otto-company.svg +19 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-otto-laptop.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-otto-logo.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-otto-up-points.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-otto-up.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-paper-plane.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-pause.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-payment-credit-card.svg +7 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-payment-invoice.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-payment-pause.svg +9 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-payment-plan-protection.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-payment-plan.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-pdf.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-peanut.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-pecan-nut.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-pending.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person-access.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person-callcenter.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person-check.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person-colleagues.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person-community.svg +9 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person-development.svg +9 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person-female.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person-info.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person-male.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person-rating.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person-support.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person-switch.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person-workshop.svg +8 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-person.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-phone-permission.svg +9 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-phone.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-pig.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-pin.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-pinch-gesture.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-pinch.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-pistachio.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-plant.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-play-1.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-play.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-plus.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-price-alert.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-price-tag.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-print.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-puzzle.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-qr-code.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-question-hint.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-question.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-rating-empty.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-rating-filled.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-rating-half.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-rating-order.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-rating-payment.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-remote-work.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-repair.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-reply.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-retirement-provision.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-rocket.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-rye.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sabbatical.svg +19 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sale.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-save.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sea.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-search-enter.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-search.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-seo.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-service-info.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sesame.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-settings.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-share-ios.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-share.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sheep.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-shell.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-shirt.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-shopping-cart-euro.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-shopping-cart.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-show.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-smiley-angry.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-smiley-happy.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-smiley-negative.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-smiley-neutral.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-smiley-positive.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sms-info.svg +7 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sneaker.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sort-ascending.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sort-descending.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sort.svg +7 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-soy.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-spelt.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-stationary.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-studies.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-success.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sustainable-delivery.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sustainable-energy-efficient.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sustainable-production.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sustainable-recycling.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sustainable-resource.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-swipe-gesture.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-sync-device.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-t-shirt.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-tablet.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-tableware.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-target-group.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-teddy.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-test-result.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-town.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-trash.svg +1 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-trend-down.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-trend-left.svg +12 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-trend-right.svg +12 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-trend-up.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-trousers.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-trusted.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-unpin.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-upload.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-user-management.svg +1 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-vacation.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-variant-content.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-vegan.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-vegetarian.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-viewtoggle-tiles.svg +1 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-village.svg +10 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-volume-off.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-volume-on.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-voucher.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-walnut.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-warning-hint.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-warning.svg +5 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-warranty.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-washing-machine.svg +7 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-whatsapp.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-wheat.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-wifi.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-wishlist-active.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-wishlist.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-work-life.svg +6 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-workshop.svg +7 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-zoom-in.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-zoom-out.svg +4 -0
- package/dist/b2b-core-components/icons-100/b2b_logo-carrier-dhl.svg +23 -0
- package/dist/b2b-core-components/icons-100/b2b_logo-carrier-gls.svg +17 -0
- package/dist/b2b-core-components/icons-100/b2b_logo-carrier-hermes.svg +9 -0
- package/dist/b2b-core-components/icons-100/b2b_logo-carrier-ups.svg +14 -0
- package/dist/b2b-core-components/p-02c3e38e.entry.js +1 -0
- package/dist/b2b-core-components/p-07bc2191.entry.js +1 -0
- package/dist/b2b-core-components/p-0bcf079c.entry.js +1 -0
- package/dist/b2b-core-components/p-0ec7de22.entry.js +1 -0
- package/dist/b2b-core-components/p-0fd28783.entry.js +1 -0
- package/dist/b2b-core-components/p-11da264c.entry.js +1 -0
- package/dist/b2b-core-components/p-1fb6a6f8.entry.js +1 -0
- package/dist/b2b-core-components/p-2103fe78.entry.js +1 -0
- package/dist/b2b-core-components/p-2218987f.entry.js +1 -0
- package/dist/b2b-core-components/p-25aaf272.entry.js +1 -0
- package/dist/b2b-core-components/p-2d426936.entry.js +1 -0
- package/dist/b2b-core-components/p-2dd11d48.entry.js +1 -0
- package/dist/b2b-core-components/p-359ce83c.entry.js +1 -0
- package/dist/b2b-core-components/p-38626c78.entry.js +1 -0
- package/dist/b2b-core-components/p-387990be.entry.js +1 -0
- package/dist/b2b-core-components/p-38998a52.entry.js +1 -0
- package/dist/b2b-core-components/p-3a98c9c9.entry.js +1 -0
- package/dist/b2b-core-components/p-3d4b228b.entry.js +1 -0
- package/dist/b2b-core-components/{p-2b0b7edf.entry.js → p-4e5c008e.entry.js} +1 -1
- package/dist/b2b-core-components/p-5b052666.entry.js +1 -0
- package/dist/b2b-core-components/p-5b15a55f.entry.js +1 -0
- package/dist/b2b-core-components/p-60d9ba88.entry.js +1 -0
- package/dist/b2b-core-components/p-67ea769d.entry.js +1 -0
- package/dist/b2b-core-components/p-6ff25e30.entry.js +1 -0
- package/dist/b2b-core-components/p-7a08679e.entry.js +1 -0
- package/dist/b2b-core-components/p-7a0c1ada.entry.js +1 -0
- package/dist/b2b-core-components/p-7b021a62.entry.js +1 -0
- package/dist/b2b-core-components/p-8bb6c888.entry.js +1 -0
- package/dist/b2b-core-components/p-8da7c951.entry.js +1 -0
- package/dist/b2b-core-components/p-90ff0cd1.entry.js +1 -0
- package/dist/b2b-core-components/p-925d9070.entry.js +1 -0
- package/dist/b2b-core-components/p-a4202aad.entry.js +1 -0
- package/dist/b2b-core-components/p-a5825744.entry.js +1 -0
- package/dist/b2b-core-components/p-ad8b109e.entry.js +1 -0
- package/dist/b2b-core-components/p-b3f85ec6.entry.js +1 -0
- package/dist/b2b-core-components/p-b6a753e8.js +2 -0
- package/dist/b2b-core-components/p-b908127f.entry.js +1 -0
- package/dist/b2b-core-components/p-bcc6a797.entry.js +1 -0
- package/dist/b2b-core-components/p-bff69403.js +1 -0
- package/dist/b2b-core-components/p-c09e03c7.entry.js +1 -0
- package/dist/b2b-core-components/p-c4f11f81.entry.js +1 -0
- package/dist/b2b-core-components/p-c791cefb.entry.js +1 -0
- package/dist/b2b-core-components/p-cafd5cd3.entry.js +1 -0
- package/dist/b2b-core-components/p-d06ef328.entry.js +1 -0
- package/dist/b2b-core-components/p-d6400aa5.js +1 -0
- package/dist/b2b-core-components/p-dc017553.entry.js +1 -0
- package/dist/b2b-core-components/p-dc8a7a69.entry.js +1 -0
- package/dist/b2b-core-components/p-e1255160.js +1 -0
- package/dist/b2b-core-components/p-ed36dfe2.entry.js +1 -0
- package/dist/b2b-core-components/p-ef0b67f7.entry.js +1 -0
- package/dist/b2b-core-components/p-f2b41fc6.entry.js +1 -0
- package/dist/b2b-core-components/p-f4d4c269.js +1 -0
- package/dist/b2b-core-components/p-f8a750e7.entry.js +1 -0
- package/dist/b2b-core-components/p-fbdd6ae8.entry.js +1 -0
- package/dist/b2b-core-components/p-fdbe1232.entry.js +1 -0
- package/dist/cjs/app-globals-3a1e7e63.js +5 -0
- package/dist/cjs/b2b-alert.cjs.entry.js +43 -42
- package/dist/cjs/b2b-anchor.cjs.entry.js +17 -16
- package/dist/cjs/b2b-breadcrumb-item.cjs.entry.js +31 -30
- package/dist/cjs/b2b-breadcrumb.cjs.entry.js +25 -24
- package/dist/cjs/b2b-button_2.cjs.entry.js +88 -84
- package/dist/cjs/b2b-card.cjs.entry.js +37 -36
- package/dist/cjs/b2b-checkbox-group.cjs.entry.js +81 -80
- package/dist/cjs/b2b-checkbox.cjs.entry.js +94 -0
- package/dist/cjs/b2b-chip-component_2.cjs.entry.js +75 -0
- package/dist/cjs/b2b-core-components.cjs.js +6 -4
- package/dist/cjs/b2b-dropdown.cjs.entry.js +57 -56
- package/dist/cjs/b2b-flyout-menu-option.cjs.entry.js +38 -0
- package/dist/cjs/b2b-flyout-menu.cjs.entry.js +173 -0
- package/dist/cjs/b2b-grid-col.cjs.entry.js +29 -29
- package/dist/cjs/b2b-grid-row.cjs.entry.js +20 -20
- package/dist/cjs/b2b-grid.cjs.entry.js +11 -10
- package/dist/cjs/b2b-headline.cjs.entry.js +25 -24
- package/dist/cjs/b2b-icon-100.cjs.entry.js +387 -0
- package/dist/cjs/b2b-icon.cjs.entry.js +405 -397
- package/dist/cjs/b2b-input-group_2.cjs.entry.js +220 -223
- package/dist/cjs/b2b-input-label.cjs.entry.js +16 -15
- package/dist/cjs/b2b-input_2.cjs.entry.js +107 -105
- package/dist/cjs/b2b-label.cjs.entry.js +14 -13
- package/dist/cjs/b2b-modal.cjs.entry.js +169 -168
- package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js +167 -0
- package/dist/cjs/b2b-pagination.cjs.entry.js +103 -102
- package/dist/cjs/b2b-paragraph.cjs.entry.js +18 -17
- package/dist/cjs/b2b-progress-bar.cjs.entry.js +43 -0
- package/dist/cjs/b2b-radio-button.cjs.entry.js +68 -67
- package/dist/cjs/b2b-radio-group.cjs.entry.js +83 -82
- package/dist/cjs/b2b-required-separator.cjs.entry.js +11 -10
- package/dist/cjs/b2b-rounded-icon.cjs.entry.js +22 -21
- package/dist/cjs/b2b-scrollable-container.cjs.entry.js +11 -10
- package/dist/cjs/b2b-search.cjs.entry.js +27 -27
- package/dist/cjs/b2b-separator.cjs.entry.js +13 -12
- package/dist/cjs/b2b-tab-group.cjs.entry.js +119 -119
- package/dist/cjs/b2b-tab-panel.cjs.entry.js +11 -10
- package/dist/cjs/b2b-tab.cjs.entry.js +32 -31
- package/dist/cjs/b2b-table-cell_2.cjs.entry.js +159 -0
- package/dist/cjs/b2b-table-row.cjs.entry.js +101 -101
- package/dist/cjs/b2b-table-rowgroup.cjs.entry.js +135 -131
- package/dist/cjs/b2b-table.cjs.entry.js +71 -49
- package/dist/cjs/b2b-textarea.cjs.entry.js +56 -55
- package/dist/cjs/b2b-toggle-button.cjs.entry.js +50 -49
- package/dist/cjs/b2b-toggle-chip.cjs.entry.js +60 -0
- package/dist/cjs/b2b-toggle-group.cjs.entry.js +57 -56
- package/dist/cjs/b2b-toggle-switch.cjs.entry.js +70 -0
- package/dist/cjs/b2b-tooltip.cjs.entry.js +67 -66
- package/dist/cjs/b2b-wizard-icon.cjs.entry.js +16 -15
- package/dist/cjs/b2b-wizard-step.cjs.entry.js +17 -16
- package/dist/cjs/b2b-wizard.cjs.entry.js +50 -49
- package/dist/{esm/index-f0a4762b.js → cjs/index-668808fd.js} +464 -214
- package/dist/cjs/loader.cjs.js +5 -3
- package/dist/cjs/request-412d37bc.js +44 -0
- package/dist/cjs/{table.types-679aefd5.js → table.types-5df665b6.js} +21 -20
- package/dist/cjs/utils-41f7ffa8.js +40 -0
- package/dist/cjs/wizard.types-40a1058c.js +10 -0
- package/dist/collection/collection-manifest.json +10 -2
- package/dist/collection/components/alert/alert.css +8 -6
- package/dist/collection/components/alert/alert.e2e.js +63 -63
- package/dist/collection/components/alert/alert.js +164 -164
- package/dist/collection/components/alert/alert.stories.js +23 -23
- package/dist/collection/components/anchor/anchor.css +20 -10
- package/dist/collection/components/anchor/anchor.js +100 -100
- package/dist/collection/components/anchor/anchor.spec.js +20 -20
- package/dist/collection/components/anchor/anchor.stories.js +12 -12
- package/dist/collection/components/breadcrumb/breadcrumb-item.js +120 -120
- package/dist/collection/components/breadcrumb/breadcrumb.css +8 -6
- package/dist/collection/components/breadcrumb/breadcrumb.e2e.js +43 -43
- package/dist/collection/components/breadcrumb/breadcrumb.js +64 -64
- package/dist/collection/components/breadcrumb/breadcrumb.stories.js +6 -6
- package/dist/collection/components/button/button.css +34 -6
- package/dist/collection/components/button/button.e2e.js +64 -64
- package/dist/collection/components/button/button.js +312 -292
- package/dist/collection/components/button/button.stories.js +79 -61
- package/dist/collection/components/card/card.css +8 -6
- package/dist/collection/components/card/card.e2e.js +103 -103
- package/dist/collection/components/card/card.js +133 -133
- package/dist/collection/components/card/card.spec.js +10 -10
- package/dist/collection/components/card/card.stories.js +8 -8
- package/dist/collection/components/checkbox/checkbox.css +8 -6
- package/dist/collection/components/checkbox/checkbox.e2e.js +27 -27
- package/dist/collection/components/checkbox/checkbox.js +365 -365
- package/dist/collection/components/checkbox/checkbox.spec.js +30 -30
- package/dist/collection/components/checkbox/checkbox.stories.js +13 -13
- package/dist/collection/components/checkbox-group/checkbox-group.css +8 -6
- package/dist/collection/components/checkbox-group/checkbox-group.e2e.js +69 -69
- package/dist/collection/components/checkbox-group/checkbox-group.js +251 -251
- package/dist/collection/components/checkbox-group/checkbox-group.spec.js +25 -25
- package/dist/collection/components/checkbox-group/checkbox-group.stories.js +13 -13
- package/dist/collection/components/chip/chip.css +12 -8
- package/dist/collection/components/chip/chip.e2e.js +16 -16
- package/dist/collection/components/chip/chip.js +141 -134
- package/dist/collection/components/chip/chip.stories.js +9 -10
- package/dist/collection/components/dropdown/dropdown.css +8 -6
- package/dist/collection/components/dropdown/dropdown.e2e.js +40 -40
- package/dist/collection/components/dropdown/dropdown.js +244 -244
- package/dist/collection/components/dropdown/dropdown.spec.js +35 -35
- package/dist/collection/components/dropdown/dropdown.stories.js +12 -12
- package/dist/collection/components/flyout-menu/flyout-menu-option.js +126 -0
- package/dist/collection/components/flyout-menu/flyout-menu.css +292 -0
- package/dist/collection/components/flyout-menu/flyout-menu.e2e.js +97 -0
- package/dist/collection/components/flyout-menu/flyout-menu.js +201 -0
- package/dist/collection/components/flyout-menu/flyout-menu.stories.js +89 -0
- package/dist/collection/components/grid/column.js +68 -68
- package/dist/collection/components/grid/grid.e2e.js +10 -10
- package/dist/collection/components/grid/grid.js +41 -41
- package/dist/collection/components/grid/grid.stories.js +51 -51
- package/dist/collection/components/grid/row.js +96 -96
- package/dist/collection/components/headline/headline.css +9 -7
- package/dist/collection/components/headline/headline.e2e.js +10 -10
- package/dist/collection/components/headline/headline.js +90 -90
- package/dist/collection/components/headline/headline.spec.js +20 -20
- package/dist/collection/components/headline/headline.stories.js +7 -7
- package/dist/collection/components/icon/icon.css +8 -6
- package/dist/collection/components/icon/icon.js +171 -143
- package/dist/collection/components/icon/icon.spec.js +13 -13
- package/dist/collection/components/icon/icon.stories.js +32 -32
- package/dist/collection/components/icon/icons/b2b_icon-arrow-down-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-arrow-left-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-arrow-right-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-arrow-up-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-basket-50.svg +4 -0
- package/dist/collection/components/icon/icons/b2b_icon-check-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-close-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-delete-50.svg +6 -0
- package/dist/collection/components/icon/icons/b2b_icon-ellipsis.svg +2 -2
- package/dist/collection/components/icon/icons/b2b_icon-error-hint-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-filter-50.svg +5 -0
- package/dist/collection/components/icon/icons/b2b_icon-hide.svg +1 -1
- package/dist/collection/components/icon/icons/b2b_icon-info-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-info-hint-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-leaving-page-50.svg +4 -0
- package/dist/collection/components/icon/icons/b2b_icon-minus-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-pin-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-plus-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-question-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-question-hint-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-rating-empty-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-rating-filled-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-rating-half-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-refresh-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-reply-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-smiley-positive-50.svg +13 -0
- package/dist/collection/components/icon/icons/b2b_icon-sort-50.svg +7 -0
- package/dist/collection/components/icon/icons/b2b_icon-sort-ascending-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-sort-descending-50.svg +10 -0
- package/dist/collection/components/icon/icons/b2b_icon-success-hint-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-trend-down-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-trend-left.svg +12 -0
- package/dist/collection/components/icon/icons/b2b_icon-trend-right.svg +12 -0
- package/dist/collection/components/icon/icons/b2b_icon-trend-up-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-warning-hint-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-wishlist-50.svg +3 -0
- package/dist/collection/components/icon/icons/b2b_icon-wishlist-active-50.svg +3 -0
- package/dist/collection/components/icon/types.js +352 -317
- package/dist/collection/components/icon-100/icon-100.css +242 -0
- package/dist/collection/components/icon-100/icon-100.e2e.js +40 -0
- package/dist/collection/components/icon-100/icon-100.js +175 -0
- package/dist/collection/components/icon-100/icon-100.stories.js +86 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-360-degree.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-advice.svg +7 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-allergen-sulfur-dioxide-sulfite.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-almond.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-archive.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-armchair.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-arrow-down.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-arrow-graph.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-arrow-left.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-arrow-right.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-arrow-up.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-assembly.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-assortment.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-attachment.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-augmented-reality.svg +9 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-autonomous-team.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-bank-details.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-bar-graph-ascending.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-bar-graph-axis.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-barley.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-basket-sale.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-basket.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-basketball.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-bikini.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-blogs.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-brandshop.svg +8 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-brazil-nut.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-browser-click.svg +7 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-browser-content.svg +9 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-browser-psm.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-burger.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-bus.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-callback.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-camera.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-cashback.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-cashew-nut.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-catalogue.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-categories.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-celery.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-certificate.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-chair.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-chat.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-check-bold.svg +1 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-check.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-chicken.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-city.svg +9 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-clear.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-close-bold.svg +1 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-close.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-code-management.svg +7 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-contact-mail.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-copy.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-cow.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-crab.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-critique.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-curtain.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-cut-out.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-dashboard.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-deer.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-delete.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-24h.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-desired-date-selection.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-desired-date.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-express.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-flat.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-on-hangers.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-delivery-preferred-place.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-desktop-phone-ads-click.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-desktop-phone-ads.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-desktop-phone.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-desktop.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-devices-monitor-laptop-tablet.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-dish-feature-lactose-free.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-dislike.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-disposal.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-document-sign.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-downloads.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-dress.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-dungarees.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-duration.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-e-invoice.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-edit-pad.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-edit.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-egg.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-ellipsis.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-email-verification-confirmed-safe.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-email-verification-confirmed.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-email-verification-sent-safe.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-email-verification-sent.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-empty-hint.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-end-to-end.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-error-article-image.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-error-hint.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-error.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-euro.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-event.svg +15 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-events.svg +15 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-expand.svg +1 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-faq.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-feedback.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-filter.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-fish.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-fitness.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-flag-chequered.svg +7 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-flexible-work.svg +9 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-flip.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-food-processor.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-fullscreen.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-gallery-view.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-gamepad.svg +8 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-garlic.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-gender-intersex.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-globe.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-gluten.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-glutenfree.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-handshake.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-hashtag.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-hazelnut.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-hide.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-high-heels.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-home.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-info-small.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-info.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-inplace-zoom-reverse.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-inplace-zoom.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-insurance.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-kamut.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-laptop-os.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-laptop.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-leaving-page.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-light-bulb.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-like-fingers.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-like-product.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-like.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-line-graph.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-list-view.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-location.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-lupine.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-macadamia.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-material-samples.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-measurement.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-megaphone.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-menu.svg +1 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-mic.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-milk.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-minus.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-module-operations.svg +1 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-money-coins.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-money-document.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-money-plus.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-money-stack.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-money.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-move.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-mustard.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-nav.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-new.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-newsletter-sign-up.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-notification.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-nuts.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-oat.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order-cancelled.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order-delivered.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order-form.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order-management.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order-misdirected.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order-on-road.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order-packed.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order-payment.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order-received.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order-return.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order-shipped.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order-state-unknown.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order-stored.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-order.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-app.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-campus.svg +16 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-company.svg +19 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-laptop.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-logo.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-up-points.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-otto-up.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-paper-plane.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-pause.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-payment-credit-card.svg +7 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-payment-invoice.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-payment-pause.svg +9 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-payment-plan-protection.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-payment-plan.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-pdf.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-peanut.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-pecan-nut.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-pending.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person-access.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person-callcenter.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person-check.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person-colleagues.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person-community.svg +9 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person-development.svg +9 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person-female.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person-info.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person-male.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person-rating.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person-support.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person-switch.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person-workshop.svg +8 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-person.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-phone-permission.svg +9 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-phone.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-pig.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-pin.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-pinch-gesture.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-pinch.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-pistachio.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-plant.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-play-1.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-play.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-plus.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-price-alert.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-price-tag.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-print.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-puzzle.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-qr-code.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-question-hint.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-question.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-rating-empty.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-rating-filled.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-rating-half.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-rating-order.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-rating-payment.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-remote-work.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-repair.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-reply.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-retirement-provision.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-rocket.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-rye.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sabbatical.svg +19 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sale.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-save.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sea.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-search-enter.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-search.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-seo.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-service-info.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sesame.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-settings.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-share-ios.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-share.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sheep.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-shell.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-shirt.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-shopping-cart-euro.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-shopping-cart.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-show.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-smiley-angry.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-smiley-happy.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-smiley-negative.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-smiley-neutral.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-smiley-positive.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sms-info.svg +7 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sneaker.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sort-ascending.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sort-descending.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sort.svg +7 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-soy.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-spelt.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-stationary.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-studies.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-success.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sustainable-delivery.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sustainable-energy-efficient.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sustainable-production.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sustainable-recycling.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sustainable-resource.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-swipe-gesture.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-sync-device.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-t-shirt.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-tablet.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-tableware.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-target-group.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-teddy.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-test-result.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-town.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-trash.svg +1 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-trend-down.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-trend-left.svg +12 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-trend-right.svg +12 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-trend-up.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-trousers.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-trusted.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-unpin.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-upload.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-user-management.svg +1 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-vacation.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-variant-content.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-vegan.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-vegetarian.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-viewtoggle-tiles.svg +1 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-village.svg +10 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-volume-off.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-volume-on.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-voucher.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-walnut.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-warning-hint.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-warning.svg +5 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-warranty.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-washing-machine.svg +7 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-whatsapp.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-wheat.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-wifi.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-wishlist-active.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-wishlist.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-work-life.svg +6 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-workshop.svg +7 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-zoom-in.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-zoom-out.svg +4 -0
- package/dist/collection/components/icon-100/icons-100/b2b_logo-carrier-dhl.svg +23 -0
- package/dist/collection/components/icon-100/icons-100/b2b_logo-carrier-gls.svg +17 -0
- package/dist/collection/components/icon-100/icons-100/b2b_logo-carrier-hermes.svg +9 -0
- package/dist/collection/components/icon-100/icons-100/b2b_logo-carrier-ups.svg +14 -0
- package/dist/collection/components/icon-100/types.js +322 -0
- package/dist/collection/components/input/input.css +14 -10
- package/dist/collection/components/input/input.e2e.js +38 -38
- package/dist/collection/components/input/input.js +417 -417
- package/dist/collection/components/input/input.spec.js +30 -30
- package/dist/collection/components/input/input.stories.js +51 -51
- package/dist/collection/components/input-group/input-group.css +8 -6
- package/dist/collection/components/input-group/input-group.e2e.js +60 -60
- package/dist/collection/components/input-group/input-group.js +156 -156
- package/dist/collection/components/input-group/input-group.spec.js +44 -44
- package/dist/collection/components/input-group/input-group.stories.js +12 -12
- package/dist/collection/components/input-label/input-label.e2e.js +7 -7
- package/dist/collection/components/input-label/input-label.js +64 -64
- package/dist/collection/components/input-list/input-list-option.js +77 -77
- package/dist/collection/components/input-list/input-list.css +8 -6
- package/dist/collection/components/input-list/input-list.e2e.js +236 -222
- package/dist/collection/components/input-list/input-list.js +327 -332
- package/dist/collection/components/input-list/input-list.stories.js +71 -43
- package/dist/collection/components/label/label.css +8 -6
- package/dist/collection/components/label/label.e2e.js +14 -14
- package/dist/collection/components/label/label.js +43 -43
- package/dist/collection/components/label/label.spec.js +25 -25
- package/dist/collection/components/label/label.stories.js +5 -5
- package/dist/collection/components/modal/modal.css +8 -6
- package/dist/collection/components/modal/modal.e2e.js +107 -107
- package/dist/collection/components/modal/modal.js +242 -242
- package/dist/collection/components/modal/modal.stories.js +27 -27
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +293 -0
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.e2e.js +101 -0
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.js +304 -0
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.stories.js +46 -0
- package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.css +10 -0
- package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.js +115 -0
- package/dist/collection/components/pagination/pagination.constants.js +3 -3
- package/dist/collection/components/pagination/pagination.css +8 -6
- package/dist/collection/components/pagination/pagination.e2e.js +237 -237
- package/dist/collection/components/pagination/pagination.js +210 -210
- package/dist/collection/components/pagination/pagination.spec.js +90 -90
- package/dist/collection/components/pagination/pagination.stories.js +9 -9
- package/dist/collection/components/paragraph/paragraph.css +8 -6
- package/dist/collection/components/paragraph/paragraph.e2e.js +10 -10
- package/dist/collection/components/paragraph/paragraph.js +83 -83
- package/dist/collection/components/paragraph/paragraph.stories.js +7 -7
- package/dist/collection/components/progress-bar/progress-bar.css +266 -0
- package/dist/collection/components/progress-bar/progress-bar.e2e.js +43 -0
- package/dist/collection/components/progress-bar/progress-bar.js +117 -0
- package/dist/collection/components/progress-bar/progress-bar.stories.js +54 -0
- package/dist/collection/components/radio/radio.css +8 -6
- package/dist/collection/components/radio/radio.e2e.js +33 -33
- package/dist/collection/components/radio/radio.js +294 -294
- package/dist/collection/components/radio/radio.spec.js +25 -25
- package/dist/collection/components/radio/radio.stories.js +13 -13
- package/dist/collection/components/radio-group/radio-group.css +8 -6
- package/dist/collection/components/radio-group/radio-group.e2e.js +63 -63
- package/dist/collection/components/radio-group/radio-group.js +275 -275
- package/dist/collection/components/radio-group/radio-group.spec.js +20 -20
- package/dist/collection/components/radio-group/radio-group.stories.js +12 -12
- package/dist/collection/components/required-separator/required-separator.css +8 -6
- package/dist/collection/components/required-separator/required-separator.e2e.js +14 -14
- package/dist/collection/components/required-separator/required-separator.js +40 -40
- package/dist/collection/components/required-separator/required-separator.stories.js +5 -5
- package/dist/collection/components/rounded-icon/rounded-icon.css +8 -6
- package/dist/collection/components/rounded-icon/rounded-icon.js +86 -86
- package/dist/collection/components/rounded-icon/rounded-icon.stories.js +14 -14
- package/dist/collection/components/scrollable-container/scrollable-container.css +8 -6
- package/dist/collection/components/scrollable-container/scrollable-container.js +16 -16
- package/dist/collection/components/scrollable-container/scrollable-container.stories.js +20 -20
- package/dist/collection/components/search/search.e2e.js +89 -89
- package/dist/collection/components/search/search.js +136 -136
- package/dist/collection/components/search/search.stories.js +33 -33
- package/dist/collection/components/separator/separator.css +8 -6
- package/dist/collection/components/separator/separator.e2e.js +19 -19
- package/dist/collection/components/separator/separator.js +42 -42
- package/dist/collection/components/separator/separator.stories.js +17 -17
- package/dist/collection/components/spinner/spinner.css +8 -6
- package/dist/collection/components/spinner/spinner.e2e.js +9 -9
- package/dist/collection/components/spinner/spinner.js +63 -63
- package/dist/collection/components/spinner/spinner.spec.js +18 -18
- package/dist/collection/components/spinner/spinner.stories.js +9 -9
- package/dist/collection/components/tab/tab.css +8 -6
- package/dist/collection/components/tab/tab.e2e.js +29 -29
- package/dist/collection/components/tab/tab.js +116 -116
- package/dist/collection/components/tab/tab.spec.js +20 -20
- package/dist/collection/components/tab-group/tab-group.e2e.js +75 -75
- package/dist/collection/components/tab-group/tab-group.js +178 -178
- package/dist/collection/components/tab-group/tab-group.stories.js +5 -5
- package/dist/collection/components/tab-panel/tab-panel.css +8 -6
- package/dist/collection/components/tab-panel/tab-panel.e2e.js +9 -9
- package/dist/collection/components/tab-panel/tab-panel.js +18 -18
- package/dist/collection/components/tab-panel/tab-panel.spec.js +5 -5
- package/dist/collection/components/table/stories.data.js +152 -153
- package/dist/collection/components/table/table-cell/table-cell.css +16 -9
- package/dist/collection/components/table/table-cell/table-cell.js +212 -164
- package/dist/collection/components/table/table-header/table-header.css +14 -20
- package/dist/collection/components/table/table-header/table-header.js +299 -220
- package/dist/collection/components/table/table-row/table-row.css +19 -11
- package/dist/collection/components/table/table-row/table-row.js +353 -327
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +17 -6
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.js +309 -245
- package/dist/collection/components/table/table.css +14 -9
- package/dist/collection/components/table/table.e2e.js +303 -277
- package/dist/collection/components/table/table.js +133 -112
- package/dist/collection/components/table/table.stories.js +184 -149
- package/dist/collection/components/table/utils.js +24 -10
- package/dist/collection/components/textarea/textarea.css +8 -6
- package/dist/collection/components/textarea/textarea.e2e.js +84 -84
- package/dist/collection/components/textarea/textarea.js +351 -351
- package/dist/collection/components/textarea/textarea.stories.js +15 -15
- package/dist/collection/components/toggle-button/toggle-button.css +8 -6
- package/dist/collection/components/toggle-button/toggle-button.e2e.js +41 -41
- package/dist/collection/components/toggle-button/toggle-button.js +170 -170
- package/dist/collection/components/toggle-chip/toggle-chip.css +273 -0
- package/dist/collection/components/toggle-chip/toggle-chip.e2e.js +47 -0
- package/dist/collection/components/toggle-chip/toggle-chip.js +192 -0
- package/dist/collection/components/toggle-group/toggle-group.css +8 -6
- package/dist/collection/components/toggle-group/toggle-group.e2e.js +56 -56
- package/dist/collection/components/toggle-group/toggle-group.js +142 -142
- package/dist/collection/components/toggle-group/toggle-group.stories.js +7 -7
- package/dist/collection/components/toggle-switch/toggle-switch.css +304 -0
- package/dist/collection/components/toggle-switch/toggle-switch.e2e.js +50 -0
- package/dist/collection/components/toggle-switch/toggle-switch.js +185 -0
- package/dist/collection/components/toggle-switch/toggle-switch.stories.js +46 -0
- package/dist/collection/components/tooltip/tooltip.css +8 -6
- package/dist/collection/components/tooltip/tooltip.e2e.js +60 -60
- package/dist/collection/components/tooltip/tooltip.js +152 -152
- package/dist/collection/components/tooltip/tooltip.stories.js +26 -26
- package/dist/collection/components/wizard/wizard-step.js +92 -92
- package/dist/collection/components/wizard/wizard.css +8 -6
- package/dist/collection/components/wizard/wizard.e2e.js +75 -75
- package/dist/collection/components/wizard/wizard.js +119 -119
- package/dist/collection/components/wizard/wizard.stories.js +8 -8
- package/dist/collection/components/wizard-icon/wizard-icon.css +8 -6
- package/dist/collection/components/wizard-icon/wizard-icon.js +90 -90
- package/dist/collection/components/wizard-icon/wizard-icon.stories.js +15 -15
- package/dist/collection/docs/config/replace-prop-controls.js +10 -10
- package/dist/collection/docs/config/replace-prop-controls.spec.js +29 -29
- package/dist/collection/docs/config/utils.js +7 -7
- package/dist/collection/docs/tokens/color.stories.js +23 -23
- package/dist/collection/docs/tokens/font.stories.js +18 -18
- package/dist/collection/docs/tokens/size.stories.js +17 -17
- package/dist/collection/utils/focus-trap.js +81 -81
- package/dist/collection/utils/icon/request.js +41 -0
- package/dist/collection/utils/resources.js +1 -1
- package/dist/collection/utils/theme.js +12 -12
- package/dist/collection/utils/types/table.types.js +23 -22
- package/dist/collection/utils/types/wizard.types.js +4 -4
- package/dist/collection/utils/utils.js +21 -3
- package/dist/collection/utils/utils.spec.js +12 -12
- package/dist/components/b2b-alert.d.ts +2 -2
- package/dist/components/b2b-alert.js +68 -67
- package/dist/components/b2b-anchor.d.ts +2 -2
- package/dist/components/b2b-anchor.js +35 -34
- package/dist/components/b2b-breadcrumb-item.d.ts +2 -2
- package/dist/components/b2b-breadcrumb-item.js +47 -46
- package/dist/components/b2b-breadcrumb.d.ts +2 -2
- package/dist/components/b2b-breadcrumb.js +37 -36
- package/dist/components/b2b-button.d.ts +2 -2
- package/dist/components/b2b-card.d.ts +2 -2
- package/dist/components/b2b-card.js +53 -52
- package/dist/components/b2b-checkbox-group.d.ts +2 -2
- package/dist/components/b2b-checkbox-group.js +109 -108
- package/dist/components/b2b-checkbox.d.ts +2 -2
- package/dist/components/b2b-chip-component.d.ts +2 -2
- package/dist/components/b2b-chip-component.js +1 -54
- package/dist/components/b2b-dropdown.d.ts +2 -2
- package/dist/components/b2b-dropdown.js +82 -81
- package/dist/components/b2b-flyout-menu-option.d.ts +11 -0
- package/dist/components/b2b-flyout-menu-option.js +55 -0
- package/dist/components/b2b-flyout-menu.d.ts +11 -0
- package/dist/components/b2b-flyout-menu.js +189 -0
- package/dist/components/b2b-grid-col.d.ts +2 -2
- package/dist/components/b2b-grid-col.js +44 -44
- package/dist/components/b2b-grid-row.d.ts +2 -2
- package/dist/components/b2b-grid-row.js +37 -37
- package/dist/components/b2b-grid.d.ts +2 -2
- package/dist/components/b2b-grid.js +25 -24
- package/dist/components/b2b-headline.d.ts +2 -2
- package/dist/components/b2b-icon-100.d.ts +11 -0
- package/dist/components/b2b-icon-100.js +413 -0
- package/dist/components/b2b-icon.d.ts +2 -2
- package/dist/components/b2b-input-group.d.ts +2 -2
- package/dist/components/b2b-input-label.d.ts +2 -2
- package/dist/components/b2b-input-list-option.d.ts +2 -2
- package/dist/components/b2b-input-list.d.ts +2 -2
- package/dist/components/b2b-input.d.ts +2 -2
- package/dist/components/b2b-label.d.ts +2 -2
- package/dist/components/b2b-label.js +28 -27
- package/dist/components/b2b-modal.d.ts +2 -2
- package/dist/components/b2b-modal.js +201 -200
- package/dist/components/b2b-multiselect-dropdown.d.ts +11 -0
- package/dist/components/b2b-multiselect-dropdown.js +226 -0
- package/dist/components/b2b-multiselect-option.d.ts +11 -0
- package/dist/components/b2b-multiselect-option.js +6 -0
- package/dist/components/b2b-pagination.d.ts +2 -2
- package/dist/components/b2b-pagination.js +133 -132
- package/dist/components/b2b-paragraph.d.ts +2 -2
- package/dist/components/b2b-paragraph.js +34 -33
- package/dist/components/b2b-progress-bar.d.ts +11 -0
- package/dist/components/b2b-progress-bar.js +62 -0
- package/dist/components/b2b-radio-button.d.ts +2 -2
- package/dist/components/b2b-radio-button.js +95 -94
- package/dist/components/b2b-radio-group.d.ts +2 -2
- package/dist/components/b2b-radio-group.js +113 -112
- package/dist/components/b2b-required-separator.d.ts +2 -2
- package/dist/components/b2b-required-separator.js +30 -29
- package/dist/components/b2b-rounded-icon.d.ts +2 -2
- package/dist/components/b2b-scrollable-container.d.ts +2 -2
- package/dist/components/b2b-scrollable-container.js +23 -22
- package/dist/components/b2b-search.d.ts +2 -2
- package/dist/components/b2b-search.js +85 -85
- package/dist/components/b2b-separator.d.ts +2 -2
- package/dist/components/b2b-spinner.d.ts +2 -2
- package/dist/components/b2b-tab-group.d.ts +2 -2
- package/dist/components/b2b-tab-group.js +138 -138
- package/dist/components/b2b-tab-panel.d.ts +2 -2
- package/dist/components/b2b-tab-panel.js +23 -22
- package/dist/components/b2b-tab.d.ts +2 -2
- package/dist/components/b2b-tab.js +50 -49
- package/dist/components/b2b-table-cell.d.ts +2 -2
- package/dist/components/b2b-table-header.d.ts +2 -2
- package/dist/components/b2b-table-row.d.ts +2 -2
- package/dist/components/b2b-table-row.js +149 -148
- package/dist/components/b2b-table-rowgroup.d.ts +2 -2
- package/dist/components/b2b-table-rowgroup.js +154 -150
- package/dist/components/b2b-table.d.ts +2 -2
- package/dist/components/b2b-table.js +81 -60
- package/dist/components/b2b-textarea.d.ts +2 -2
- package/dist/components/b2b-textarea.js +87 -86
- package/dist/components/b2b-toggle-button.d.ts +2 -2
- package/dist/components/b2b-toggle-button.js +68 -67
- package/dist/components/b2b-toggle-chip.d.ts +11 -0
- package/dist/components/b2b-toggle-chip.js +81 -0
- package/dist/components/b2b-toggle-group.d.ts +2 -2
- package/dist/components/b2b-toggle-group.js +75 -74
- package/dist/components/b2b-toggle-switch.d.ts +11 -0
- package/dist/components/b2b-toggle-switch.js +90 -0
- package/dist/components/b2b-tooltip.d.ts +2 -2
- package/dist/components/b2b-tooltip.js +86 -85
- package/dist/components/b2b-wizard-icon.d.ts +2 -2
- package/dist/components/b2b-wizard-step.d.ts +2 -2
- package/dist/components/b2b-wizard-step.js +47 -46
- package/dist/components/b2b-wizard.d.ts +2 -2
- package/dist/components/b2b-wizard.js +65 -64
- package/dist/components/button.js +103 -99
- package/dist/components/checkbox.js +113 -112
- package/dist/components/chip.js +64 -0
- package/dist/components/headline.js +41 -40
- package/dist/components/icon.js +429 -424
- package/dist/components/input-group.js +90 -89
- package/dist/components/input-label.js +31 -30
- package/dist/components/input-list-option.js +32 -31
- package/dist/components/input-list.js +195 -199
- package/dist/components/input.js +124 -123
- package/dist/components/multiselect-option.js +59 -0
- package/dist/components/request.js +45 -0
- package/dist/components/rounded-icon.js +38 -37
- package/dist/components/separator.js +27 -26
- package/dist/components/spinner.js +31 -30
- package/dist/components/table-cell.js +70 -60
- package/dist/components/table-header.js +116 -98
- package/dist/components/utils.js +70 -0
- package/dist/components/wizard-icon.js +41 -40
- package/dist/components/wizard.types.js +4 -4
- package/dist/custom-elements.json +1415 -77
- package/dist/esm/app-globals-0f993ce5.js +3 -0
- package/dist/esm/b2b-alert.entry.js +43 -42
- package/dist/esm/b2b-anchor.entry.js +17 -16
- package/dist/esm/b2b-breadcrumb-item.entry.js +31 -30
- package/dist/esm/b2b-breadcrumb.entry.js +25 -24
- package/dist/esm/b2b-button_2.entry.js +88 -84
- package/dist/esm/b2b-card.entry.js +37 -36
- package/dist/esm/b2b-checkbox-group.entry.js +81 -80
- package/dist/esm/b2b-checkbox.entry.js +90 -0
- package/dist/esm/b2b-chip-component_2.entry.js +70 -0
- package/dist/esm/b2b-core-components.js +7 -5
- package/dist/esm/b2b-dropdown.entry.js +57 -56
- package/dist/esm/b2b-flyout-menu-option.entry.js +34 -0
- package/dist/esm/b2b-flyout-menu.entry.js +169 -0
- package/dist/esm/b2b-grid-col.entry.js +29 -29
- package/dist/esm/b2b-grid-row.entry.js +20 -20
- package/dist/esm/b2b-grid.entry.js +11 -10
- package/dist/esm/b2b-headline.entry.js +25 -24
- package/dist/esm/b2b-icon-100.entry.js +383 -0
- package/dist/esm/b2b-icon.entry.js +405 -397
- package/dist/esm/b2b-input-group_2.entry.js +220 -223
- package/dist/esm/b2b-input-label.entry.js +16 -15
- package/dist/esm/b2b-input_2.entry.js +107 -105
- package/dist/esm/b2b-label.entry.js +14 -13
- package/dist/esm/b2b-modal.entry.js +169 -168
- package/dist/esm/b2b-multiselect-dropdown.entry.js +163 -0
- package/dist/esm/b2b-pagination.entry.js +103 -102
- package/dist/esm/b2b-paragraph.entry.js +18 -17
- package/dist/esm/b2b-progress-bar.entry.js +39 -0
- package/dist/esm/b2b-radio-button.entry.js +68 -67
- package/dist/esm/b2b-radio-group.entry.js +83 -82
- package/dist/esm/b2b-required-separator.entry.js +11 -10
- package/dist/esm/b2b-rounded-icon.entry.js +22 -21
- package/dist/esm/b2b-scrollable-container.entry.js +11 -10
- package/dist/esm/b2b-search.entry.js +27 -27
- package/dist/esm/b2b-separator.entry.js +13 -12
- package/dist/esm/b2b-tab-group.entry.js +119 -119
- package/dist/esm/b2b-tab-panel.entry.js +11 -10
- package/dist/esm/b2b-tab.entry.js +32 -31
- package/dist/esm/b2b-table-cell_2.entry.js +154 -0
- package/dist/esm/b2b-table-row.entry.js +101 -101
- package/dist/esm/b2b-table-rowgroup.entry.js +135 -131
- package/dist/esm/b2b-table.entry.js +71 -49
- package/dist/esm/b2b-textarea.entry.js +56 -55
- package/dist/esm/b2b-toggle-button.entry.js +50 -49
- package/dist/esm/b2b-toggle-chip.entry.js +56 -0
- package/dist/esm/b2b-toggle-group.entry.js +57 -56
- package/dist/esm/b2b-toggle-switch.entry.js +66 -0
- package/dist/esm/b2b-tooltip.entry.js +67 -66
- package/dist/esm/b2b-wizard-icon.entry.js +16 -15
- package/dist/esm/b2b-wizard-step.entry.js +17 -16
- package/dist/esm/b2b-wizard.entry.js +50 -49
- package/dist/{cjs/index-ceb9958a.js → esm/index-ab9eb36d.js} +435 -243
- package/dist/esm/loader.js +6 -4
- package/dist/esm/request-9dfb5cd6.js +40 -0
- package/dist/esm/table.types-083a173a.js +37 -0
- package/dist/esm/utils-71968b12.js +34 -0
- package/dist/esm/wizard.types-40ae9b73.js +8 -0
- package/dist/scripts/stencil/generate-storybook-args.js +26 -26
- package/dist/scripts/stencil/generate-vue-web-types.js +77 -77
- package/dist/types/components/alert/alert.d.ts +18 -18
- package/dist/types/components/anchor/anchor.d.ts +10 -10
- package/dist/types/components/breadcrumb/breadcrumb-item.d.ts +11 -11
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +7 -7
- package/dist/types/components/button/button.d.ts +36 -34
- package/dist/types/components/button/button.stories.d.ts +1 -0
- package/dist/types/components/card/card.d.ts +13 -13
- package/dist/types/components/checkbox/checkbox.d.ts +39 -39
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +26 -26
- package/dist/types/components/chip/chip.d.ts +15 -14
- package/dist/types/components/dropdown/dropdown.d.ts +29 -29
- package/dist/types/components/flyout-menu/flyout-menu-option.d.ts +15 -0
- package/dist/types/components/flyout-menu/flyout-menu.d.ts +25 -0
- package/dist/types/components/flyout-menu/flyout-menu.stories.d.ts +12 -0
- package/dist/types/components/grid/column.d.ts +7 -7
- package/dist/types/components/grid/grid.d.ts +4 -4
- package/dist/types/components/grid/row.d.ts +10 -10
- package/dist/types/components/headline/headline.d.ts +7 -7
- package/dist/types/components/icon/icon.d.ts +16 -13
- package/dist/types/components/icon/icon.stories.d.ts +1 -2
- package/dist/types/components/icon/types.d.ts +1 -1
- package/dist/types/components/icon-100/icon-100.d.ts +19 -0
- package/dist/types/components/icon-100/icon-100.stories.d.ts +11 -0
- package/dist/types/components/icon-100/types.d.ts +2 -0
- package/dist/types/components/input/input.d.ts +47 -47
- package/dist/types/components/input-group/input-group.d.ts +17 -17
- package/dist/types/components/input-label/input-label.d.ts +6 -6
- package/dist/types/components/input-list/input-list-option.d.ts +7 -7
- package/dist/types/components/input-list/input-list.d.ts +33 -33
- package/dist/types/components/input-list/input-list.stories.d.ts +2 -1
- package/dist/types/components/label/label.d.ts +3 -3
- package/dist/types/components/modal/modal.d.ts +37 -37
- package/dist/types/components/multiselect-dropdown/multiselect-dropdown.d.ts +43 -0
- package/dist/types/components/multiselect-dropdown/multiselect-dropdown.stories.d.ts +5 -0
- package/dist/types/components/multiselect-dropdown/multiselect-option/multiselect-option.d.ts +14 -0
- package/dist/types/components/pagination/pagination.constants.d.ts +3 -3
- package/dist/types/components/pagination/pagination.d.ts +26 -26
- package/dist/types/components/paragraph/paragraph.d.ts +7 -7
- package/dist/types/components/progress-bar/progress-bar.d.ts +13 -0
- package/dist/types/components/progress-bar/progress-bar.stories.d.ts +9 -0
- package/dist/types/components/radio/radio.d.ts +33 -33
- package/dist/types/components/radio-group/radio-group.d.ts +29 -29
- package/dist/types/components/required-separator/required-separator.d.ts +3 -3
- package/dist/types/components/rounded-icon/rounded-icon.d.ts +13 -13
- package/dist/types/components/scrollable-container/scrollable-container.d.ts +2 -2
- package/dist/types/components/search/search.d.ts +17 -17
- package/dist/types/components/separator/separator.d.ts +3 -3
- package/dist/types/components/spinner/spinner.d.ts +5 -5
- package/dist/types/components/tab/tab.d.ts +12 -12
- package/dist/types/components/tab-group/tab-group.d.ts +20 -20
- package/dist/types/components/tab-panel/tab-panel.d.ts +2 -2
- package/dist/types/components/table/stories.data.d.ts +11 -11
- package/dist/types/components/table/table-cell/table-cell.d.ts +27 -23
- package/dist/types/components/table/table-header/table-header.d.ts +33 -22
- package/dist/types/components/table/table-row/table-row.d.ts +36 -33
- package/dist/types/components/table/table-rowgroup/table-rowgroup.d.ts +35 -32
- package/dist/types/components/table/table.d.ts +20 -14
- package/dist/types/components/table/table.stories.d.ts +2 -1
- package/dist/types/components/table/utils.d.ts +2 -0
- package/dist/types/components/textarea/textarea.d.ts +39 -39
- package/dist/types/components/toggle-button/toggle-button.d.ts +17 -17
- package/dist/types/components/toggle-chip/toggle-chip.d.ts +21 -0
- package/dist/types/components/toggle-group/toggle-group.d.ts +15 -15
- package/dist/types/components/toggle-switch/toggle-switch.d.ts +21 -0
- package/dist/types/components/toggle-switch/toggle-switch.stories.d.ts +8 -0
- package/dist/types/components/tooltip/tooltip.d.ts +19 -19
- package/dist/types/components/wizard/wizard-step.d.ts +8 -8
- package/dist/types/components/wizard/wizard.d.ts +16 -16
- package/dist/types/components/wizard-icon/wizard-icon.d.ts +8 -8
- package/dist/types/components.d.ts +513 -17
- package/dist/types/stencil-public-runtime.d.ts +8 -0
- package/dist/types/{components → utils}/icon/request.d.ts +1 -1
- package/dist/types/utils/interfaces/form.interface.d.ts +5 -0
- package/dist/types/utils/interfaces/interaction.interface.d.ts +8 -0
- package/dist/types/utils/resources.d.ts +1 -1
- package/dist/types/utils/types/table.types.d.ts +23 -22
- package/dist/types/utils/types/wizard.types.d.ts +4 -4
- package/dist/types/utils/utils.d.ts +1 -0
- package/dist/web-types.json +517 -15
- package/package.json +13 -13
- package/dist/b2b-core-components/p-0034d167.entry.js +0 -1
- package/dist/b2b-core-components/p-024220fb.entry.js +0 -1
- package/dist/b2b-core-components/p-0354d337.entry.js +0 -1
- package/dist/b2b-core-components/p-068eb8ba.entry.js +0 -1
- package/dist/b2b-core-components/p-0f60ff5a.entry.js +0 -1
- package/dist/b2b-core-components/p-220d5f79.entry.js +0 -1
- package/dist/b2b-core-components/p-299d5c71.entry.js +0 -1
- package/dist/b2b-core-components/p-2ad195d3.entry.js +0 -1
- package/dist/b2b-core-components/p-340f01f8.entry.js +0 -1
- package/dist/b2b-core-components/p-381bd00a.entry.js +0 -1
- package/dist/b2b-core-components/p-39f965f2.entry.js +0 -1
- package/dist/b2b-core-components/p-46f1d12d.entry.js +0 -1
- package/dist/b2b-core-components/p-50633227.entry.js +0 -1
- package/dist/b2b-core-components/p-57a842ba.entry.js +0 -1
- package/dist/b2b-core-components/p-5c18c291.js +0 -2
- package/dist/b2b-core-components/p-6463d394.entry.js +0 -1
- package/dist/b2b-core-components/p-66048f63.entry.js +0 -1
- package/dist/b2b-core-components/p-6814fed4.entry.js +0 -1
- package/dist/b2b-core-components/p-71bcb908.entry.js +0 -1
- package/dist/b2b-core-components/p-75cff1be.entry.js +0 -1
- package/dist/b2b-core-components/p-7a1e9ef2.entry.js +0 -1
- package/dist/b2b-core-components/p-7d05e787.entry.js +0 -1
- package/dist/b2b-core-components/p-89dc58cc.entry.js +0 -1
- package/dist/b2b-core-components/p-8fb5f715.entry.js +0 -1
- package/dist/b2b-core-components/p-a4ba259c.entry.js +0 -1
- package/dist/b2b-core-components/p-a4c859d6.entry.js +0 -1
- package/dist/b2b-core-components/p-a635b768.entry.js +0 -1
- package/dist/b2b-core-components/p-a7d829d8.entry.js +0 -1
- package/dist/b2b-core-components/p-a8043eb7.entry.js +0 -1
- package/dist/b2b-core-components/p-a896e061.entry.js +0 -1
- package/dist/b2b-core-components/p-af7e9d0b.entry.js +0 -1
- package/dist/b2b-core-components/p-b1064afb.js +0 -1
- package/dist/b2b-core-components/p-c59bffbe.entry.js +0 -1
- package/dist/b2b-core-components/p-c93fc43f.entry.js +0 -1
- package/dist/b2b-core-components/p-cfd92648.entry.js +0 -1
- package/dist/b2b-core-components/p-d92add70.entry.js +0 -1
- package/dist/b2b-core-components/p-da2823f1.entry.js +0 -1
- package/dist/b2b-core-components/p-e8d1236b.entry.js +0 -1
- package/dist/b2b-core-components/p-e9f3a7af.entry.js +0 -1
- package/dist/b2b-core-components/p-edbe9fc0.entry.js +0 -1
- package/dist/b2b-core-components/p-f1625da0.entry.js +0 -1
- package/dist/b2b-core-components/p-f6f7c598.entry.js +0 -1
- package/dist/b2b-core-components/p-ff36af9f.entry.js +0 -1
- package/dist/cjs/b2b-checkbox_3.cjs.entry.js +0 -222
- package/dist/cjs/b2b-chip-component.cjs.entry.js +0 -40
- package/dist/cjs/wizard.types-41d38f1a.js +0 -10
- package/dist/collection/components/icon/request.js +0 -39
- package/dist/components/table.types.js +0 -36
- package/dist/esm/b2b-checkbox_3.entry.js +0 -216
- package/dist/esm/b2b-chip-component.entry.js +0 -36
- package/dist/esm/table.types-c4d9046e.js +0 -36
- package/dist/esm/wizard.types-f1a7c73a.js +0 -8
- /package/dist/b2b-core-components/{p-5b4639bc.js → p-c500d93c.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,h as o,H as i}from"./p-b6a753e8.js";import{i as e,f as n,b as c}from"./p-f4d4c269.js";const r=["b2b_icon-360-degree","b2b_icon-advice","b2b_icon-allergen-sulfur-dioxide-sulfite","b2b_icon-almond","b2b_icon-archive","b2b_icon-armchair","b2b_icon-arrow-down-50","b2b_icon-arrow-down","b2b_icon-arrow-graph","b2b_icon-arrow-left-50","b2b_icon-arrow-left","b2b_icon-arrow-right-50","b2b_icon-arrow-right","b2b_icon-arrow-up-50","b2b_icon-arrow-up","b2b_icon-assembly","b2b_icon-assortment","b2b_icon-attachment","b2b_icon-augmented-reality","b2b_icon-autonomous-team","b2b_icon-bank-details","b2b_icon-bar-graph-ascending","b2b_icon-bar-graph-axis","b2b_icon-barley","b2b_icon-basket-50","b2b_icon-basket-sale","b2b_icon-basket","b2b_icon-basketball","b2b_icon-bikini","b2b_icon-blogs","b2b_icon-brandshop","b2b_icon-brazil-nut","b2b_icon-browser-click","b2b_icon-browser-content","b2b_icon-browser-psm","b2b_icon-burger","b2b_icon-bus","b2b_icon-callback","b2b_icon-camera","b2b_icon-cashback","b2b_icon-cashew-nut","b2b_icon-catalogue","b2b_icon-categories","b2b_icon-celery","b2b_icon-certificate","b2b_icon-chair","b2b_icon-chat","b2b_icon-check-50","b2b_icon-check-bold","b2b_icon-check","b2b_icon-chicken","b2b_icon-city","b2b_icon-clear","b2b_icon-close-50","b2b_icon-close-bold","b2b_icon-close","b2b_icon-code-management","b2b_icon-contact-mail","b2b_icon-copy","b2b_icon-cow","b2b_icon-crab","b2b_icon-critique","b2b_icon-curtain","b2b_icon-cut-out","b2b_icon-dashboard","b2b_icon-deer","b2b_icon-delete-50","b2b_icon-delete","b2b_icon-delivery-24h","b2b_icon-delivery-desired-date-selection","b2b_icon-delivery-desired-date","b2b_icon-delivery-express","b2b_icon-delivery-flat","b2b_icon-delivery-on-hangers","b2b_icon-delivery-preferred-place","b2b_icon-desktop-phone-ads-click","b2b_icon-desktop-phone-ads","b2b_icon-desktop-phone","b2b_icon-desktop","b2b_icon-devices-monitor-laptop-tablet","b2b_icon-dish-feature-lactose-free","b2b_icon-dislike","b2b_icon-disposal","b2b_icon-document-sign","b2b_icon-downloads","b2b_icon-dress","b2b_icon-dungarees","b2b_icon-duration","b2b_icon-e-invoice","b2b_icon-edit-pad","b2b_icon-edit","b2b_icon-egg","b2b_icon-ellipsis","b2b_icon-email-verification-confirmed-safe","b2b_icon-email-verification-confirmed","b2b_icon-email-verification-sent-safe","b2b_icon-email-verification-sent","b2b_icon-empty-hint","b2b_icon-end-to-end","b2b_icon-error-article-image","b2b_icon-error-hint-50","b2b_icon-error-hint","b2b_icon-error","b2b_icon-euro","b2b_icon-event","b2b_icon-events","b2b_icon-expand","b2b_icon-faq","b2b_icon-feedback","b2b_icon-filter-50","b2b_icon-filter","b2b_icon-fish","b2b_icon-fitness","b2b_icon-flag-chequered","b2b_icon-flexible-work","b2b_icon-flip","b2b_icon-food-processor","b2b_icon-fullscreen","b2b_icon-gallery-view","b2b_icon-gamepad","b2b_icon-garlic","b2b_icon-gender-intersex","b2b_icon-globe","b2b_icon-gluten","b2b_icon-glutenfree","b2b_icon-handshake","b2b_icon-hashtag","b2b_icon-hazelnut","b2b_icon-hide","b2b_icon-high-heels","b2b_icon-home","b2b_icon-info-50","b2b_icon-info-hint-50","b2b_icon-info-small","b2b_icon-info","b2b_icon-inplace-zoom-reverse","b2b_icon-inplace-zoom","b2b_icon-insurance","b2b_icon-kamut","b2b_icon-laptop-os","b2b_icon-laptop","b2b_icon-leaving-page-50","b2b_icon-leaving-page","b2b_icon-light-bulb","b2b_icon-like-fingers","b2b_icon-like-product","b2b_icon-like","b2b_icon-line-graph","b2b_icon-list-view","b2b_icon-location","b2b_icon-lupine","b2b_icon-macadamia","b2b_icon-material-samples","b2b_icon-measurement","b2b_icon-megaphone","b2b_icon-menu","b2b_icon-mic","b2b_icon-milk","b2b_icon-minus-50","b2b_icon-minus","b2b_icon-module-operations","b2b_icon-money-coins","b2b_icon-money-document","b2b_icon-money-plus","b2b_icon-money-stack","b2b_icon-money","b2b_icon-move","b2b_icon-mustard","b2b_icon-nav","b2b_icon-new","b2b_icon-newsletter-sign-up","b2b_icon-notification","b2b_icon-nuts","b2b_icon-oat","b2b_icon-order-cancelled","b2b_icon-order-delivered","b2b_icon-order-form","b2b_icon-order-management","b2b_icon-order-misdirected","b2b_icon-order-on-road","b2b_icon-order-packed","b2b_icon-order-payment","b2b_icon-order-received","b2b_icon-order-return","b2b_icon-order-shipped","b2b_icon-order-state-unknown","b2b_icon-order-stored","b2b_icon-order","b2b_icon-otto-app","b2b_icon-otto-campus","b2b_icon-otto-company","b2b_icon-otto-laptop","b2b_icon-otto-logo","b2b_icon-otto-up-points","b2b_icon-otto-up","b2b_icon-paper-plane","b2b_icon-pause","b2b_icon-payment-credit-card","b2b_icon-payment-invoice","b2b_icon-payment-pause","b2b_icon-payment-plan-protection","b2b_icon-payment-plan","b2b_icon-pdf","b2b_icon-peanut","b2b_icon-pecan-nut","b2b_icon-pending","b2b_icon-person-access","b2b_icon-person-callcenter","b2b_icon-person-check","b2b_icon-person-colleagues","b2b_icon-person-community","b2b_icon-person-development","b2b_icon-person-female","b2b_icon-person-info","b2b_icon-person-male","b2b_icon-person-rating","b2b_icon-person-support","b2b_icon-person-switch","b2b_icon-person-workshop","b2b_icon-person","b2b_icon-phone-permission","b2b_icon-phone","b2b_icon-pig","b2b_icon-pin-50","b2b_icon-pin","b2b_icon-pinch-gesture","b2b_icon-pinch","b2b_icon-pistachio","b2b_icon-plant","b2b_icon-play-1","b2b_icon-play","b2b_icon-plus-50","b2b_icon-plus","b2b_icon-price-alert","b2b_icon-price-tag","b2b_icon-print","b2b_icon-puzzle","b2b_icon-qr-code","b2b_icon-question-50","b2b_icon-question-hint-50","b2b_icon-question-hint","b2b_icon-question","b2b_icon-rating-empty-50","b2b_icon-rating-empty","b2b_icon-rating-filled-50","b2b_icon-rating-filled","b2b_icon-rating-half-50","b2b_icon-rating-half","b2b_icon-rating-order","b2b_icon-rating-payment","b2b_icon-refresh-50","b2b_icon-remote-work","b2b_icon-repair","b2b_icon-reply-50","b2b_icon-reply","b2b_icon-retirement-provision","b2b_icon-rocket","b2b_icon-rye","b2b_icon-sabbatical","b2b_icon-sale","b2b_icon-save","b2b_icon-sea","b2b_icon-search-enter","b2b_icon-search","b2b_icon-seo","b2b_icon-service-info","b2b_icon-sesame","b2b_icon-settings","b2b_icon-share-ios","b2b_icon-share","b2b_icon-sheep","b2b_icon-shell","b2b_icon-shirt","b2b_icon-shopping-cart-euro","b2b_icon-shopping-cart","b2b_icon-show","b2b_icon-smiley-angry","b2b_icon-smiley-happy","b2b_icon-smiley-negative","b2b_icon-smiley-neutral","b2b_icon-smiley-positive-50","b2b_icon-smiley-positive","b2b_icon-sms-info","b2b_icon-sneaker","b2b_icon-sort-50","b2b_icon-sort-ascending-50","b2b_icon-sort-ascending","b2b_icon-sort-descending-50","b2b_icon-sort-descending","b2b_icon-sort","b2b_icon-soy","b2b_icon-spelt","b2b_icon-stationary","b2b_icon-studies","b2b_icon-success-hint-50","b2b_icon-success","b2b_icon-sustainable-delivery","b2b_icon-sustainable-energy-efficient","b2b_icon-sustainable-production","b2b_icon-sustainable-recycling","b2b_icon-sustainable-resource","b2b_icon-swipe-gesture","b2b_icon-sync-device","b2b_icon-t-shirt","b2b_icon-tablet","b2b_icon-tableware","b2b_icon-target-group","b2b_icon-teddy","b2b_icon-test-result","b2b_icon-town","b2b_icon-trash","b2b_icon-trend-down-50","b2b_icon-trend-down","b2b_icon-trend-left","b2b_icon-trend-right","b2b_icon-trend-up-50","b2b_icon-trend-up","b2b_icon-trousers","b2b_icon-trusted","b2b_icon-unpin","b2b_icon-upload","b2b_icon-user-management","b2b_icon-vacation","b2b_icon-variant-content","b2b_icon-vegan","b2b_icon-vegetarian","b2b_icon-viewtoggle-tiles","b2b_icon-village","b2b_icon-volume-off","b2b_icon-volume-on","b2b_icon-voucher","b2b_icon-walnut","b2b_icon-warning-hint-50","b2b_icon-warning-hint","b2b_icon-warning","b2b_icon-warranty","b2b_icon-washing-machine","b2b_icon-whatsapp","b2b_icon-wheat","b2b_icon-wifi","b2b_icon-wishlist-50","b2b_icon-wishlist-active-50","b2b_icon-wishlist-active","b2b_icon-wishlist","b2b_icon-work-life","b2b_icon-workshop","b2b_icon-zoom-in","b2b_icon-zoom-out","b2b_logo-carrier-dhl","b2b_logo-carrier-gls","b2b_logo-carrier-hermes","b2b_logo-carrier-ups"],a=class{constructor(o){b(this,o),this.isIconSupported=()=>r.includes(this.icon),this.warnDeprecate=()=>{console.warn("B2B Icon is deprecated and will be removed on the next major release. Please use b2b-icon-100 or b2b-icon-50 instead.")},this.icon=void 0,this.color="inherit",this.size="100",this.clickable=!1,this.focusable=!1,this.pathData=null}connectedCallback(){this.loadIconPathData(),this.warnDeprecate()}render(){return this.isIconSupported()?o(i,null,o("div",{tabIndex:this.focusable?0:null,class:{"b2b-icon":!0,[`b2b-icon--${this.size}`]:Boolean(this.size),[`b2b-icon--${this.color}`]:!0,"b2b-icon--clickable":this.clickable},innerHTML:this.pathData})):null}loadIconPathData(){if(!this.isIconSupported())return void console.warn("icon name: "+this.icon+" is not supported or might have a typo.");const b=c(this.icon,"icons");e.has(b)?this.pathData=e.get(b):n(b).then((()=>this.pathData=e.get(b)))}static get assetsDirs(){return["icons","logos"]}static get watchers(){return{icon:["loadIconPathData"]}}};a.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{--b2b-icon-line-height:inherit;--b2b-icon-cursor:default}:host .b2b-icon{display:inline-flex;vertical-align:middle;line-height:var(--b2b-icon-line-height);cursor:var(--b2b-icon-cursor)}:host .b2b-icon--clickable{cursor:pointer}:host .b2b-icon.b2b-icon--50{width:var(--b2b-size-40);height:var(--b2b-size-40)}:host .b2b-icon.b2b-icon--100{width:var(--b2b-size-60);height:var(--b2b-size-60)}:host .b2b-icon.b2b-icon--200{width:var(--b2b-size-80);height:var(--b2b-size-80)}:host .b2b-icon.b2b-icon--primary{fill:var(--b2b-color-black-100)}:host .b2b-icon.b2b-icon--secondary{fill:var(--b2b-color-grey-200)}:host .b2b-icon.b2b-icon--inverse{fill:var(--b2b-color-white-100)}:host .b2b-icon.b2b-icon--inherit{fill:currentcolor}';export{a as b2b_icon}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,h as e,H as r}from"./p-b6a753e8.js";const o=class{constructor(e){b(this,e),this.href=void 0,this.download=null,this.target="self",this.size="inherit"}render(){return e(r,{key:"8957a16aaa8ac0157e279eba36ce4467462bc700"},e("a",{key:"462c69b00d9c1c1d49f3e7db364080ae313a7da4",href:this.href,download:this.download,target:`_${this.target}`,class:{"b2b-anchor":!0,[`b2b-anchor--${this.size}`]:!0}},e("slot",{key:"3f17a63ebba35fc753b019a78f48c69040eed88e"})))}};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:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{z-index:0;width:fit-content;height:fit-content;position:relative}:host .b2b-anchor{font-family:var(--b2b-font-family-default);color:var(--b2b-color-copy-default);text-decoration:underline;transition:all 0.3s ease;z-index:1001;position:relative}:host .b2b-anchor:hover{color:var(--b2b-color-red-100);cursor:pointer}:host .b2b-anchor--100{font-size:var(--b2b-size-copy-100)}:host .b2b-anchor--inherit{font-size:inherit}';export{o as b2b_anchor}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,h as e,H as r,g as o}from"./p-b6a753e8.js";const s=class{constructor(e){b(this,e),this.getProgress=()=>isNaN(this.progress)||this.progress<0?0:this.progress>100?100:this.progress,this.progress=void 0,this.label=void 0,this.labelType="below",this.labelPosition="left"}render(){const b=void 0!==this.label&&""!==this.label;return e(r,{key:"c851e1cd31926e7aa47cbb0dd70d130940a57ff3"},e("div",{key:"fbb70ba96750f3a4f44de5d552c5be475d58c67e",class:{[`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]:!0}},e("div",{key:"bce6a3e48043543922ab6716ba7aa232c794be24",class:"b2b-progress-bar__wrapper"},e("div",{key:"d2d81c1f92563369b13ef5b7e4284666a3258885",class:"b2b-progress-bar__progress",style:{width:`${this.getProgress()}%`}})),e("div",{key:"c8c12cb24172509f9afbd4a7c8a1848f9d8eaaa5",class:{"b2b-progress-bar__label":b,"b2b-progress-bar__label-none":!b,[`b2b-progress-bar__label__${this.labelPosition}-${this.labelType}`]:b}},this.label)))}get hostElement(){return o(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:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{width:100%}:host .b2b-progress-bar__left-side{display:flex;flex-direction:row-reverse}:host .b2b-progress-bar__right-side{display:flex;flex-direction:row}:host .b2b-progress-bar__wrapper{flex-basis:100%;height:var(--b2b-size-space-50);background-color:var(--b2b-color-grey-100);border-radius:var(--b2b-size-border-width-150)}:host .b2b-progress-bar__progress{height:var(--b2b-size-space-50);background-color:var(--b2b-color-success-100);border-radius:var(--b2b-size-border-width-150)}:host .b2b-progress-bar__label{font-size:var(--b2b-size-copy-100);color:var(--b2b-color-copy-default);line-height:var(--b2b-size-copy-line-height-100)}:host .b2b-progress-bar__label-none{display:none}:host .b2b-progress-bar__label__left-side{bottom:7px;position:relative;white-space:nowrap;margin-right:var(--b2b-size-space-50)}:host .b2b-progress-bar__label__right-side{bottom:7px;position:relative;white-space:nowrap;margin-left:var(--b2b-size-space-50)}:host .b2b-progress-bar__label__left-below{margin-top:var(--b2b-size-7)}:host .b2b-progress-bar__label__right-below{text-align:right;margin-top:var(--b2b-size-7)}';export{s as b2b_progress_bar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as s,H as e,g as r}from"./p-b6a753e8.js";const a=class{constructor(s){t(this,s),this.columnGap=24,this.rowGap=24,this.alignItems="stretch",this.justify="start"}render(){return s(e,{key:"aa7dca43d2b0c2d78dbbcb8a8b8098735637ad23",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",{key:"ab7ee57b3ef7652079db6e02234c711f306882b5"}))}get hostElement(){return r(this)}};export{a as b2b_grid_row}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,h as e,H as r}from"./p-b6a753e8.js";import{W as o}from"./p-c500d93c.js";const a=class{constructor(e){b(this,e),this.state="pending",this.step="1",this.checkIcon=!0}render(){return e(r,{key:"56088cd425f8298cd6e58e1b990d6510d60e99f7"},e("div",{key:"9fc88db4ac7fa2b92151a7893645c143f2b755b4",class:"b2b_wizard__step"},e("b2b-wizard-icon",{key:"947ca746eec28c4d17352b26e9c4e2936dd65bfb",step:this.step,state:this.state,checkIcon:this.checkIcon}),e("div",{key:"45b67dcde467ab6baa16152d1fee94912bd62d65",class:{b2b_wizard__step__label:!0,"b2b_wizard__step__label--default":this.state===o.DEFAULT}},e("slot",{key:"5a7677a795553bd4507db62644582b42d383c131"}))))}};a.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host .b2b_wizard{display:flex;flex-wrap:wrap}.b2b_wizard__step{display:flex;align-items:center;gap:var(--b2b-size-space-50);padding:var(--b2b-size-space-50) 0}.b2b_wizard__step__label--default{color:var(--b2b-color-icon-secondary)}::slotted(b2b-wizard-step:not(:last-of-type)){display:flex;align-items:center}::slotted(b2b-wizard-step:not(:last-of-type))::after{content:" ";flex-grow:1;height:1px;min-width:var(--b2b-size-space-175);margin:0 var(--b2b-size-space-75) 0 var(--b2b-size-space-75);background:var(--b2b-color-icon-default)}';export{a as b2b_wizard_step}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,c as r,h as e,H as o,g as i}from"./p-b6a753e8.js";const a=class{constructor(e){b(this,e),this.b2bGroupChange=r(this,"b2b-group-change",7),this.toggleAllDisabled=()=>{this.getChildNodes().forEach(this.disabled?b=>{b.disabled=!0}:b=>{b.disabled=!1})},this.toggleAllError=()=>{this.getChildNodes().forEach(this.invalid&&!this.disabled?b=>{b.invalid=!0}:b=>{b.invalid=!1})},this.getChildNodes=()=>Array.from(this.host.querySelectorAll("b2b-radio-button")),this.removeChildText=()=>{this.getChildNodes().forEach((b=>{b.error=void 0,b.hint=void 0}))},this.name=void 0,this.label=void 0,this.required=!1,this.alignment="vertical",this.disabled=!1,this.invalid=!1,this.hint=void 0,this.error=void 0,this.currentValue=void 0}handleRadioButtonChange(b){this.currentValue=b.detail.value,this.b2bGroupChange.emit({checked:b.detail.checked,value:b.detail.value})}invalidChanged(){this.toggleAllError()}disabledChanged(){this.toggleAllDisabled()}componentDidLoad(){this.toggleAllError(),this.toggleAllDisabled(),this.removeChildText()}render(){return e(o,{key:"1227202b9b4dbea6eccdcd30a1bd6e77957ebe92"},e("div",{key:"477cfebb0c8f7dd3facd378280edf1bcf5db836f",class:{"b2b-radio-group":!0,"b2b-radio-group--error":this.invalid&&!this.disabled,[`b2b-radio-group--${this.alignment}`]:!0}},this.label&&e("b2b-input-label",{id:this.name,required:this.required},this.label),e("fieldset",{key:"fb374a0464cee1d190d1f5aa9b22d46daaa83738"},e("div",{key:"b134cf5438850cd805511ab6cddfb392182b860e",class:"b2b-radio-group-options"},e("slot",{key:"bdd987dca5a28e2c28a2715fcc2b5128e77a7b9d"}))),void 0!==this.hint&&!this.invalid||void 0!==this.hint&&this.disabled?e("span",null,this.hint):"",void 0!==this.error&&this.invalid&&!this.disabled?e("span",null,this.error):""))}get host(){return i(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"]}}};a.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}.b2b-radio-group{font-family:var(--b2b-font-family-default)}.b2b-radio-group-options{display:flex;flex-wrap:wrap}.b2b-radio-group b2b-input-label{display:block;margin-bottom:var(--b2b-size-15)}.b2b-radio-group fieldset{border:none;margin:0;padding:0}.b2b-radio-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);margin-top:1px}.b2b-radio-group--error span{color:var(--b2b-color-error-100)}.b2b-radio-group--vertical .b2b-radio-group-options{flex-direction:column}.b2b-radio-group--vertical .b2b-radio{margin-bottom:5px}.b2b-radio-group--vertical .b2b-radio:last-child{margin-bottom:0}.b2b-radio-group--horizontal .b2b-radio-group-options{flex-direction:row}.b2b-radio-group--horizontal .b2b-radio{margin-bottom:0}';export{a as b2b_radio_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,h as e}from"./p-b6a753e8.js";const r=class{constructor(e){b(this,e),this.type="neutral"}render(){return e("span",{key:"39cc0904be1a2ef596fd9689a4766910a9fc34e8",class:{"b2b-label":!0,[`b2b-label--${this.type}`]:!0}},e("slot",{key:"51d1169295837004718e68dae480df4a5415ed6f"}))}};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:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}.b2b-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{r as b2b_label}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,c as e,h as r,H as o}from"./p-b6a753e8.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,{key:"0214b227587b147df07c4e8349f76e9754e5d457"},r("div",{key:"7ed379136d2097fe1288f87741bbc00b432878f0",class:{"b2b-alert":!0,[`b2b-alert--${this.type}`]:!0,[`b2b-alert--${this.size}`]:!0,"b2b-alert--open":this.opened}},r("div",{key:"d135e3ffeaeca9398eba81e90e710d8f5f00d00f",class:"b2b-alert__content"},r("span",{key:"87321211a8801b806f240a8f64227c67b20a527d",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:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}.b2b-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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,c as e,h as r,H as o,g as i}from"./p-b6a753e8.js";const s=class{constructor(o){b(this,o),this.b2bClose=e(this,"b2b-close",7),this.onClick=()=>{this.disabled||this.b2bClose.emit({value:this.value})},this.onKeyDown=b=>{this.disabled||"Enter"!==b.key||this.b2bClose.emit({value:this.value})},this.clearIcon=r("svg",{width:"12",height:"12",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M7.85352 3.14648C7.6582 2.95117 7.3418 2.95117 7.14648 3.14648L5.5 4.79297L3.85352 3.14648C3.6582 2.95117 3.3418 2.95117 3.14648 3.14648C2.95117 3.3418 2.95117 3.6582 3.14648 3.85352L4.79297 5.5L3.14648 7.14648C2.95117 7.3418 2.95117 7.6582 3.14648 7.85352C3.24414 7.95117 3.37207 8 3.5 8C3.62793 8 3.75586 7.95117 3.85352 7.85352L5.5 6.20703L7.14648 7.85352C7.24414 7.95117 7.37207 8 7.5 8C7.62793 8 7.75586 7.95117 7.85352 7.85352C8.04883 7.6582 8.04883 7.3418 7.85352 7.14648L6.20703 5.5L7.85352 3.85352C8.04883 3.6582 8.04883 3.3418 7.85352 3.14648ZM5.5 0C2.46729 0 0 2.46729 0 5.5C0 8.53271 2.46729 11 5.5 11C8.53271 11 11 8.53271 11 5.5C11 2.46729 8.53271 0 5.5 0ZM5.5 10C3.01855 10 1 7.98145 1 5.5C1 3.01855 3.01855 1 5.5 1C7.98145 1 10 3.01855 10 5.5C10 7.98145 7.98145 10 5.5 10Z"})),this.label=void 0,this.disabled=!1,this.hasCloseButton=!0,this.value=void 0}render(){return r(o,{key:"77c42654e6a464ff77fccdf2b7a27827a4784aa5"},r("div",{key:"ce62139769921473a5447fffc8de5ce15adaf57b",class:{"b2b-chip":!0,"b2b-chip--disabled":this.disabled}},r("span",{key:"c39e42b28b7ce72ae3e03dbd1c29e35c9a94ae57",class:{"b2b-chip__label":!0,"b2b-chip__label--close-button":this.hasCloseButton}},this.label),this.hasCloseButton&&r("button",{class:{"b2b-chip__clearIcon":!0,"b2b-chip--disabled__clearIcon":this.disabled},onClick:this.onClick,onKeyDown:this.onKeyDown},this.clearIcon)))}get host(){return i(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:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{overflow:hidden;display:inline-flex;max-width:100%}:host .b2b-chip{white-space:nowrap;overflow:hidden;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);background-color:var(--b2b-color-grey-50);border-radius:var(--b2b-size-50);padding:var(--b2b-size-10) var(--b2b-size-25);line-height:var(--b2b-size-copy-line-height-100);height:var(--b2b-size-50);display:inline-flex;align-items:center;cursor:default;margin-left:var(--b2b-size-20)}:host .b2b-chip__label{display:inline-block;text-overflow:ellipsis;overflow:hidden}:host .b2b-chip__label--close-button{margin-right:var(--b2b-size-10)}:host .b2b-chip__clearIcon{display:flex;border:none;padding:0;background-color:transparent;fill:var(--b2b-color-grey-400);height:var(--b2b-size-copy-line-height-100);width:var(--b2b-size-50);align-items:center;justify-content:center;cursor:pointer;transform:rotate(180deg);position:relative}:host .b2b-chip__clearIcon:hover{fill:var(--b2b-color-icon-default)}:host .b2b-chip--disabled{pointer-events:none;background:var(--b2b-color-grey-25);color:var(--b2b-color-grey-400)}:host .b2b-chip--disabled__clearIcon{fill:var(--b2b-color-grey-400)}';const a=class{constructor(r){b(this,r),this.b2bOptionSelected=e(this,"b2b-option-selected",7),this.handleCheckboxChange=b=>{this.selected=b.detail.checked,this.b2bOptionSelected.emit({selected:this.selected,selectedOption:this.option})},this.option=void 0,this.selected=!1,this.indeterminate=!1}render(){return r(o,{key:"d2bc7033245d75c15bacadc3a996ff262d0d3bc7",role:"option",class:{"b2b-multiselect-dropdown__option":!0}},r("b2b-checkbox",{key:"993df3139e3f71d41c623c12814e46109f6c0df5",checked:this.selected,"onB2b-change":this.handleCheckboxChange,label:this.option,indeterminate:this.indeterminate,value:this.option}))}};a.style=".b2b-multiselect-dropdown__option{display:flex;flex-direction:row;gap:var(--b2b-size-15);padding:var(--b2b-size-20) var(--b2b-size-20) var(--b2b-size-25);align-items:center}.b2b-multiselect-dropdown__option:hover{background-color:var(--b2b-color-table-selected-hover)}";export{s as b2b_chip_component,a as b2b_multiselect_option}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,h as e,H as r,g as o,c as t}from"./p-b6a753e8.js";import{T as a,C as i,S as s,a as l}from"./p-bff69403.js";import{s as c}from"./p-d6400aa5.js";const d=class{constructor(e){b(this,e),this.expandTextHoverWaitTime=600,this.addExpandStyles=()=>{this.expandTextHoverTimeoutId=setTimeout((()=>{this.useTextEllipsis&&this.host.innerText.length>25&&0===this.host.children.length&&(this.host.style.width=`calc(${this.host.offsetWidth}px - 24px)`,this.host.classList.add("b2b-table-cell--expand-text"))}),this.expandTextHoverWaitTime)},this.removeExpandStyles=()=>{this.expandTextHoverTimeoutId&&clearTimeout(this.expandTextHoverTimeoutId),this.host.classList.remove("b2b-table-cell--expand-text")},this.textWrap=!0,this.size=a.EXPAND,this.align=i.LEFT,this.divider=!1,this.color="default",this.colspan=void 0,this.totalCols=void 0,this.useTextEllipsis=!1}componentWillLoad(){if(this.useTextEllipsis=!this.textWrap&&this.size===a.EQUAL,this.size===a.COLSPAN){const b=this.host.closest("b2b-table-rowgroup");c(this.host,this.colspan,this.totalCols,b.selectable,b.accordion)}}render(){return e(r,{key:"ab8eab238abb66b0debc92be936f0b6dd241ad77",onMouseEnter:this.addExpandStyles,onMouseLeave:this.removeExpandStyles,class:{"b2b-table-cell":!0,"b2b-table-cell--colspan":this.size===a.COLSPAN,"b2b-table-cell--ellipsis":this.useTextEllipsis,["b2b-table-cell--"+this.align]:!0,"b2b-table-cell--divider":this.divider,[`b2b-table-cell-color-${this.color}`]:!0},role:"cell"},e("slot",{key:"c5de1e3852e4a1fddfcf544ecfa3dd216659f70e"}))}get host(){return o(this)}};d.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{--b2b-table-cell-text-expand-bg:var(--b2b-color-white-100);display:table-cell;margin:0;padding:12px;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);border-bottom:1px solid var(--b2b-color-grey-200);white-space:normal;position:relative}:host(.b2b-table-cell--colspan){flex:1;display:block}:host(.b2b-table-cell--ellipsis){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.b2b-table-cell--expand-text){overflow-y:visible;position:absolute;white-space:normal;background-color:var(--b2b-table-cell-text-expand-bg);border:1px solid var(--b2b-color-grey-200);border-top:none;z-index:2000;width:100%}:host(.b2b-table-cell--left){text-align:left}:host(.b2b-table-cell--right){text-align:right}:host(.b2b-table-cell--center){text-align:center}:host(.b2b-table-cell--divider){border-right:1px solid var(--b2b-color-grey-200)}:host(.b2b-table-cell-color-selected){background-color:var(--b2b-color-table-selected-default)}:host(.b2b-table-cell-color-group){background-color:var(--b2b-color-table-expand-default)}';const n=class{constructor(e){b(this,e),this.b2bChange=t(this,"b2b-change",7),this.setIconPlacement=()=>{switch(this.contentAlign){case i.LEFT:this.iconAlign=s.RIGHT;break;case i.RIGHT:this.iconAlign=s.LEFT;break;case i.CENTER:this.iconAlign=s.RIGHT}},this.changeSortDirection=b=>{if("keydown"===b.type&&"Enter"===b.key||"click"===b.type){switch(this.unSortSiblings(),this.setActive(),this.sortDirection){case"not-sorted":case"descending":this.sortDirection=l.ASC;break;case"ascending":this.sortDirection=l.DESC}this.b2bChange.emit(this.sortDirection)}},this.unSortSiblings=()=>{const b=this.hostElement.closest("b2b-table-row");Array.from(b.querySelectorAll("b2b-table-header")).filter((b=>b!=this.hostElement)).forEach((b=>{void 0!==b.sortDirection&&(b.sortDirection="not-sorted")}))},this.setActive=()=>{this.active=!0},this.setInactive=()=>{this.active=!1},this.divider=!1,this.size=a.EXPAND,this.fixed=!1,this.sortDirection=void 0,this.sortId=void 0,this.colspan=void 0,this.contentAlign=i.LEFT,this.totalCols=void 0,this.active=!1,this.iconAlign=void 0}componentWillLoad(){if(this.size===a.COLSPAN){const b=this.hostElement.closest("b2b-table-rowgroup");c(this.hostElement,this.colspan,this.totalCols,b.selectable,b.accordion)}}componentWillRender(){this.setIconPlacement()}render(){return e(r,{key:"874b9a1c5455c193a368d756388ae2a2d37029f5",class:{[`b2b-table-header--${this.sortDirection&&this.iconAlign}`]:!0,"b2b-table-header--divider":this.divider,[`b2b-table-header--${this.size}`]:!0},style:{"flex-grow":`${this.colspan}`},role:"columnheader","aria-sort":"not-sorted"===this.sortDirection||void 0===this.sortDirection?"other":this.sortDirection},void 0!==this.sortDirection?e("div",{tabIndex:0,class:{"b2b-table-header__heading":!0,[`b2b-table-header__heading--${this.contentAlign}`]:!0,"b2b-table-header__sort--active":this.active},onClick:this.changeSortDirection,onKeyDown:this.changeSortDirection,onMouseLeave:this.setInactive,onBlur:this.setInactive},e("slot",null),e("svg",{class:{"b2b-table-header__sort":!0,[`b2b-table-header__sort--${this.sortDirection}`]:!0,[`b2b-table-header__sort--${this.iconAlign}`]:!0},viewBox:"0 0 24 24",height:"24px",width:"24px",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M19.1831 8.47552L12.8541 2.14703C12.8079 2.10065 12.7524 2.06384 12.6909 2.03839C12.5687 1.98785 12.4313 1.98785 12.3091 2.03839C12.2476 2.06384 12.1921 2.10065 12.1459 2.14703L5.81689 8.47552C5.62158 8.67084 5.62158 8.98724 5.81689 9.18256C6.01221 9.37787 6.32861 9.37787 6.52393 9.18256L12 3.70691V21.4999C12 21.7763 12.2236 21.9999 12.5 21.9999C12.7764 21.9999 13 21.7763 13 21.4999V3.70691L18.4761 9.18256C18.5737 9.28021 18.7017 9.32904 18.8296 9.32904C18.9575 9.32904 19.0854 9.28021 19.1831 9.18256C19.3784 8.98724 19.3784 8.67084 19.1831 8.47552Z"}))):e("slot",null))}get hostElement(){return o(this)}};n.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{padding:var(--b2b-size-30);display:table-cell;margin:0;white-space:nowrap;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);font-weight:bold;border-top:var(--b2b-size-1) solid var(--b2b-color-grey-200);border-bottom:var(--b2b-size-5) solid var(--b2b-color-grey-300);vertical-align:middle}:host .b2b-table-header__heading{cursor:pointer;user-select:none;display:flex;height:var(--b2b-size-icon-100);line-height:var(--b2b-size-icon-100)}:host .b2b-table-header__heading--left{justify-content:start}:host .b2b-table-header__heading--right{justify-content:end;flex-direction:row-reverse}:host .b2b-table-header__heading--center{justify-content:center}:host .b2b-table-header__heading:hover,:host .b2b-table-header__heading:focus-visible{outline:none}:host .b2b-table-header__heading:hover .b2b-table-header__sort,:host .b2b-table-header__heading:focus-visible .b2b-table-header__sort{fill:var(--b2b-color-grey-300)}:host .b2b-table-header__heading:hover .b2b-table-header__sort--not-sorted,:host .b2b-table-header__heading:focus-visible .b2b-table-header__sort--not-sorted{visibility:visible}:host .b2b-table-header__heading:hover .b2b-table-header__sort--descending,:host .b2b-table-header__heading:focus-visible .b2b-table-header__sort--descending{transform:initial;transition:transform 0.4s ease}:host .b2b-table-header__heading:hover .b2b-table-header__sort--ascending,:host .b2b-table-header__heading:focus-visible .b2b-table-header__sort--ascending{transform:rotate(180deg);transition:transform 0.4s ease}:host .b2b-table-header__heading:hover .b2b-table-header__sort--left,:host .b2b-table-header__heading:focus-visible .b2b-table-header__sort--left{float:right}:host .b2b-table-header__heading:hover .b2b-table-header__sort--right,:host .b2b-table-header__heading:focus-visible .b2b-table-header__sort--right{float:right}:host .b2b-table-header__heading.b2b-table-header__sort--active .b2b-table-header__sort,:host .b2b-table-header__heading .b2b-table-header__sort--active:hover .b2b-table-header__sort{fill:var(--b2b-color-black-100)}:host .b2b-table-header__heading.b2b-table-header__sort--active .b2b-table-header__sort--descending,:host .b2b-table-header__heading .b2b-table-header__sort--active:hover .b2b-table-header__sort--descending{transform:rotate(180deg)}:host .b2b-table-header__heading.b2b-table-header__sort--active .b2b-table-header__sort--ascending,:host .b2b-table-header__heading .b2b-table-header__sort--active:hover .b2b-table-header__sort--ascending{transform:initial}:host .b2b-table-header__sort{height:var(--b2b-size-icon-100);fill:var(--b2b-color-black-100)}:host .b2b-table-header__sort--not-sorted{visibility:hidden}:host .b2b-table-header__sort--descending{transform:rotate(180deg)}:host(.b2b-table-header--divider){border-right:1px solid var(--b2b-color-grey-200)}:host(.b2b-table-header--colspan){flex:1;display:block}';export{d as b2b_table_cell,n as b2b_table_header}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,h as e,H as o,g as r}from"./p-b6a753e8.js";const i={ARROW_UP:"ArrowUp",ARROW_DOWN:"ArrowDown",HOME:"Home",END:"End",ESC:"Escape"},t=class{constructor(e){b(this,e),this.getCurrentOption=()=>this.getAllOptions().find((b=>"0"===b.getAttribute("tabindex"))),this.getAllOptions=()=>Array.from(this.hostElement.querySelectorAll("b2b-flyout-menu-option")),this.setCurrentOption=b=>{this.getAllOptions().forEach((e=>{e.setAttribute("tabindex",e===b?"0":"-1")}))},this.resetAllOptions=()=>{this.getAllOptions().forEach((b=>{b.setAttribute("tabindex","-1")}))},this.onEscapePress=()=>{this.closeMenu()},this.openMenu=()=>{this.opened=!0},this.closeMenu=()=>{this.opened=!1,this.resetAllOptions()},this.blurMenu=b=>{b.preventDefault(),"b2b-flyout-menu-option"!==(b.relatedTarget?b.relatedTarget.nodeName.toLowerCase():"")&&this.closeMenu()},this.opened=!1}connectedCallback(){const b=Array.from(this.hostElement.children).filter((b=>!b.hasAttribute("option")));0!==b.length&&(this.triggerEl=b[0],this.triggerEl.addEventListener("click",this.openMenu,!0),this.triggerEl.addEventListener("blur",this.blurMenu,!0))}disconnectedCallback(){Boolean(this.triggerEl)&&(this.triggerEl.removeEventListener("click",this.openMenu,!0),this.triggerEl.removeEventListener("blur",this.blurMenu,!0))}handleKeyDown(b){"Tab"!==b.key?b.target.tagName.toLowerCase()===this.triggerEl.tagName.toLowerCase()&&"Enter"===b.key?this.openMenu():Object.values(i).includes(b.key)&&this.navigateMenu(b):this.closeMenu()}handleSelected(){this.closeMenu()}handleClickOutside(b){(function(b,e){let o=b.target;const r=null!=o.shadowRoot,i=r?b.composedPath():[];do{if(o===e)return!1;o=r?i.shift():o.parentNode}while(Boolean(o));return!0})(b,this.hostElement)&&this.closeMenu()}navigateMenu(b){b.preventDefault();const e=this.getAllOptions(),o=this.getCurrentOption();let r=e.indexOf(o);switch(b.key){case i.ARROW_UP:r--;break;case i.ARROW_DOWN:r++;break;case i.HOME:r=0;break;case i.END:r=e.length-1;break;case i.ESC:return void this.onEscapePress();default:return}r<0&&(r=e.length-1),r>e.length-1&&(r=0),this.setCurrentOption(e[r]),e[r].focus()}render(){return e(o,{key:"89937140ae7e17b57dca9ab84fee4b41dff52f9f"},e("div",{key:"4423849c7dbfc018494e868baeb0cf0ab8e88861",class:{"b2b-flyout-menu":!0}},e("div",{key:"a9af5524e21d365906cf78559a116fbab6b77320",class:"b2b-flyout-menu__trigger"},e("slot",{key:"4344734420e284ac8dd2a38b1e4f9cac51228ed1",name:"trigger"})),e("div",{key:"dc3c9970d365dc8c4ed5b588ddf6a3994290e5f6",onFocusout:this.blurMenu,class:{"b2b-flyout-menu__options__container":!0,"b2b-flyout-menu__options__container--on":this.opened}},e("div",{key:"0d08b3e259a8da4dabc41d809e0310a3bcf92541",class:"b2b-flyout-menu__arrow"}),e("slot",{key:"bdc2acb63bfb5a779945cd55edfbf133dac79e2f",name:"option"}))))}get hostElement(){return r(this)}};t.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}.b2b-flyout-menu{position:relative;display:inline !important;}.b2b-flyout-menu__trigger{cursor:pointer;display:inline}.b2b-flyout-menu__trigger:focus{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;z-index:9999}.b2b-flyout-menu .b2b-flyout-menu__options__container{background-color:var(--b2b-color-white-100);display:none;width:max-content;box-shadow:0 0 5px rgba(0, 0, 0, 0.2);font-size:var(--b2b-size-copy-100);font-family:var(--b2b-font-family-default);margin:0.75rem 0 0;position:absolute;right:-0.625rem;text-align:left;z-index:1000;line-height:var(--b2b-size-copy-line-height-100);padding:var(--b2b-size-10) 0}.b2b-flyout-menu .b2b-flyout-menu__options__container--on{display:block}.b2b-flyout-menu__arrow{bottom:100%;height:0.625rem;overflow:hidden;position:absolute;right:0;transform:translateX(-0.75rem);width:1.25rem;z-index:1001}.b2b-flyout-menu__arrow::after{background:var(--b2b-color-white-100);box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);content:"";height:0.875rem;position:absolute;transform:translateX(3px) translateY(3px) rotate(45deg);width:0.875rem}.b2b-flyout-menu .purge-css-include-variables{border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right);cursor:var(--b2b-icon-cursor)}.b2b-flyout-menu__option{display:block;padding:var(--b2b-size-15) var(--b2b-size-30) 5px var(--b2b-size-30);border-bottom:1px solid transparent;cursor:pointer}.b2b-flyout-menu__option--separator{border-bottom:1px solid var(--b2b-color-grey-200)}.b2b-flyout-menu__option:hover,.b2b-flyout-menu__option:focus{background-color:var(--b2b-color-table-selected-hover);outline:none}.b2b-flyout-menu__option--disabled{pointer-events:none;color:var(--b2b-color-grey-200)}';export{t as b2b_flyout_menu}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,h as e,H as r}from"./p-b6a753e8.js";let o=0;const a=class{constructor(e){b(this,e),this.generatedId=o++}render(){return e(r,{key:"1f91fb3718078b3e4101743f78b20f130c374ba3",id:`b2b-tab-panel-${this.generatedId}`,role:"tabpanel"},e("div",{key:"85cc7c57e466ed59de2b58bc0284fb32070ae082",class:"b2b-tab-panel"},e("slot",{key:"00a1733847e49493334dc46c20993094d614f80d"})))}};a.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host .b2b-tab-panel{margin-top:var(--b2b-size-40)}';export{a as b2b_tab_panel}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,h as e,H as o,g as r}from"./p-b6a753e8.js";const t=class{constructor(e){b(this,e),this.triggerEl=void 0,this.onFocus=()=>{this.getTrigger("focus")&&(this.opened=!0)},this.onBlur=()=>{this.getTrigger("focus")&&(this.opened=!1)},this.onMouseEnter=()=>{this.getTrigger("hover")&&(this.opened=!0)},this.onMouseLeave=()=>{this.getTrigger("hover")&&(this.opened=!1)},this.getTrigger=b=>this.trigger.split(" ").includes(b),this.position="right",this.content=void 0,this.trigger="hover",this.opened=!1}handleOpenedChange(b){this.opened=b}connectedCallback(){const b=Array.from(this.host.children).filter((b=>!b.hasAttribute("slot")));0!==b.length&&(this.triggerEl=b[0],this.triggerEl.addEventListener("focus",this.onFocus,!0),this.triggerEl.addEventListener("blur",this.onBlur,!0))}disconnectedCallback(){Boolean(this.triggerEl)&&(this.triggerEl.removeEventListener("focus",this.onFocus,!0),this.triggerEl.removeEventListener("blur",this.onBlur,!0))}render(){return e(o,{key:"3525a1f35b6c893a9b081148caaa70729766f961",onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave},e("span",{key:"f1d57dcc6b16b83c78c2c272a04e1931d003875e",class:{[`b2b-tooltip--${this.position}`]:!0,"b2b-tooltip__trigger":!0}},e("slot",{key:"991c1a8b7ac03d2f9e234e459aa1039ed74f7987"}),e("div",{key:"33bc79132f7d49886cb630b39356e8a86377200d",class:{"b2b-tooltip__content":!0,"b2b-tooltip--visible":this.opened}},e("slot",{key:"bca7fe909dcf718e1487195cf16f42c410db89a5",name:"content"},this.content))))}get host(){return r(this)}static get watchers(){return{opened:["handleOpenedChange"]}}};t.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}.b2b-tooltip__trigger{position:relative}.b2b-tooltip--visible.b2b-tooltip__content,.b2b-tooltip--visible.b2b-tooltip__content::before{opacity:1;visibility:visible;transition-delay:100ms}.b2b-tooltip__content{background-color:var(--b2b-color-black-100);white-space:pre-wrap;color:var(--b2b-color-white-100);padding:var(--b2b-size-15) var(--b2b-size-30) var(--b2b-size-20);border-radius:var(--b2b-size-7);position:absolute;line-height:var(--b2b-size-copy-line-height-75);font-size:var(--b2b-size-copy-50);box-sizing:border-box;text-align:start;width:max-content;max-width:20rem;visibility:hidden;opacity:0;z-index:1000001;transition:opacity 0.4s ease}.b2b-tooltip__content::before{content:"";position:absolute;z-index:1000001;background:0 0;border-width:0.375rem;border-style:solid;border-color:transparent;border-top-color:var(--b2b-color-black-100);visibility:hidden;transition:opacity 0.4s ease}.b2b-tooltip--left .b2b-tooltip__content{inset:50% calc(100% + 8px) auto auto;transform:translateY(-50%)}.b2b-tooltip--left .b2b-tooltip__content::before{top:calc(50% - 0.375rem);transform:rotate(270deg);left:100%;margin-right:-0.75rem}.b2b-tooltip--right .b2b-tooltip__content{inset:50% auto auto calc(100% + 8px);transform:translateY(-50%)}.b2b-tooltip--right .b2b-tooltip__content::before{top:calc(50% - 0.375rem);transform:rotate(90deg);margin-left:-0.75rem;right:100%}.b2b-tooltip--bottom .b2b-tooltip__content{inset:calc(150% + 0.375rem) auto auto 50%;transform:translateX(-50%) translateY(-0.5rem)}.b2b-tooltip--bottom .b2b-tooltip__content::before{left:calc(50% - 0.375rem);margin-top:-0.7rem;transform:rotate(180deg) translateY(0.35rem)}.b2b-tooltip--top .b2b-tooltip__content{inset:auto auto 100% 50%;transform:translateX(-50%) translateY(-0.5rem)}.b2b-tooltip--top .b2b-tooltip__content::before{left:calc(50% - 0.375rem);margin-bottom:-0.75rem;top:100%}';export{t as b2b_tooltip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as s,H as t,g as r}from"./p-b6a753e8.js";const a=class{constructor(s){e(this,s),this.margin=24}render(){return s(t,{key:"48fb847165e96ca1ec16b36cd785872434c778f0",style:{padding:`${this.margin}px`},class:"b2b-grid"},s("slot",{key:"a9eec48fe8d12ba894fe38815488f78902e19a8e"}))}get hostElement(){return r(this)}};a.style=":host(.b2b-grid){width:100%;margin:0 auto;box-sizing:border-box}";export{a as b2b_grid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,c as e,h as r,H as o,g as i}from"./p-b6a753e8.js";import{b as s,d as a,T as t}from"./p-bff69403.js";import{a as c,b as l,g as n,u as d}from"./p-d6400aa5.js";const h=class{constructor(r){b(this,r),this.b2bSelect=e(this,"b2b-group-selected",7),this.toggleSelectAll=(b,e)=>{this.toggleList(e,b);const r=e.filter((b=>b.accordionType!==s.PARENT));this.selectedValues=[...r].filter((b=>b.checked)).map((b=>b.value))},this.toggleList=(b,e)=>{b.forEach((b=>(b.checked=e.detail.checked,b.indeterminate=!1)))},this.addAccordionControlColumn=()=>{const b=c(this.host);this.type===a.HEADER?b&&(b.accordionType=s.HEADER):b&&(b.accordionType=s.PARENT);const e=l(this.host);e&&e.forEach((b=>{b.accordionType=s.CHILD}))},this.addCheckboxColumn=()=>{n(this.host).forEach((b=>b.selectable=!0))},this.toggleInitialVisibility=()=>{const b=c(this.host);(async()=>{b&&await b.toggleAccordion(this.opened)})()},this.toggleChildRowVisibility=b=>{l(this.host).forEach(this.size===t.COLSPAN?b?b=>{b.hidden=!1,b.setAttribute("aria-hidden","false")}:b=>{b.hidden=!0,b.setAttribute("aria-hidden","true")}:b?b=>{b.style.visibility="visible",b.setAttribute("aria-hidden","false")}:b=>{b.style.visibility="collapse",b.setAttribute("aria-hidden","true")})},this.type=a.HEADER,this.size=void 0,this.accordion=!1,this.selectable=!1,this.fixed=!1,this.opened=!1,this.selectedValues=[]}handleOpenChange(b){this.toggleChildRowVisibility(b.detail)}handleSelectedChange(b){var e;const r=b.target,o=this.host.closest("b2b-table"),i=null!==(e=c(this.host).value)&&void 0!==e?e:"header";if(this.accordion&&r.accordionType===s.PARENT){const e=l(this.host);this.toggleSelectAll(b,e)}else if(this.type===a.HEADER){const e=l(o);this.toggleSelectAll(b,e)}else this.selectedValues=b.target.checked?[b.target.value,...this.selectedValues]:this.selectedValues.filter((e=>e!==b.target.value));this.accordion&&(d(l(this.host),c(this.host)),this.b2bSelect.emit({group:i,values:this.selectedValues})),d(l(o),c(o))}makeHeaderRowNotSelectable(){const b=c(this.host);this.type===a.HEADER&&b.setAttribute("highlight","false")}componentWillLoad(){this.accordion&&(this.addAccordionControlColumn(),this.toggleInitialVisibility()),this.selectable&&this.addCheckboxColumn()}componentDidRender(){this.makeHeaderRowNotSelectable()}render(){return r(o,{key:"94b4dbff47db5ededca59cd1e04bedae7b5e0828",class:{["b2b-table-rowgroup__"+this.type]:!0,"b2b-table-rowgroup--fixed":this.fixed,"b2b-table-rowgroup--colspan":this.size===t.COLSPAN},role:"rowgroup"},r("slot",{key:"f61ad2c12ae8bacdae7b9195e73e5b516c4dd654"}))}get host(){return i(this)}};h.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{display:table-row-group}:host(.b2b-table-rowgroup__header){display:table-header-group}:host(.b2b-table-rowgroup--fixed){position:sticky;top:0;z-index:2;background-color:var(--b2b-color-white-100)}:host(.b2b-table-rowgroup--colspan){display:block}';export{h as b2b_table_rowgroup}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,c as e,h as o,H as r,g as i}from"./p-b6a753e8.js";const t=class{constructor(o){b(this,o),this.b2bChange=e(this,"b2b-change",7),this.onClick=b=>{if(b.preventDefault(),this.disabled||this.checked)return;this.checked=!0,this.uncheckSiblings(),this.b2bChange.emit({value:this.value});const e=new globalThis.Event("change");this.host.dispatchEvent(e)},this.uncheckSiblings=()=>{this.getSiblingToggles().forEach((b=>{b.checked=!1}))},this.label=void 0,this.name=void 0,this.checked=!1,this.disabled=!1,this.value=void 0}getSiblingToggles(){return Array.from(document.querySelectorAll(`b2b-toggle-button[name="${this.name}"]`)).filter((b=>b.value!==this.value))}render(){return o(r,{key:"60305b81694fbaa31e59a81956d7959821f8dc7c",onClick:this.onClick},o("span",{key:"040e9bc28fdd8a651937f5f89026b36c32e2ce42",class:{"b2b-toggle-button":!0,"b2b-toggle-button--disabled":this.disabled}},o("input",{key:"c4beb8228a213a8693856a1b2c03d1c26a03648a",tabindex:0,class:{"b2b-toggle-button__input":!0,"b2b-toggle-button__input--disabled":this.disabled},"aria-labelledby":this.name,type:"radio",checked:this.checked&&!this.disabled,disabled:this.disabled,name:this.name,value:this.value}),o("label",{key:"7acde1b03fadbcd83c6f5308369535bd402c29da",id:this.name,tabindex:-1,class:{"b2b-toggle-button__label":!0,"b2b-toggle-button__label--disabled":this.disabled,"b2b-toggle-button__label--checked":this.checked&&!this.disabled}},this.label)))}get host(){return i(this)}};t.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-75);position:relative;margin:0}:host .b2b-toggle-button__input{border:0;clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute !important;width:1px}:host .b2b-toggle-button__label{display:inline-block;position:relative;box-sizing:border-box;font-family:OttoSans, Arial, Helvetica, sans-serif;line-height:1.75rem;transition:all 0.3s ease;background-color:var(--b2b-color-grey-50);border:1px solid var(--b2b-color-grey-200);border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right);cursor:pointer;text-align:center;text-decoration:none;padding:0 var(--b2b-size-20)}:host .b2b-toggle-button__label:hover{background-color:var(--b2b-color-grey-200)}:host .b2b-toggle-button__input:focus+label{outline:2px solid -webkit-focus-ring-color;z-index:1;transition:none}:host .b2b-toggle-button__input--disabled:focus+label{outline:none}:host .b2b-toggle-button__label--checked,:host .b2b-toggle-button__label--checked:hover{color:var(--b2b-color-white-100);background-color:var(--b2b-color-black-50);border-color:var(--b2b-color-black-50)}:host .b2b-toggle-button__label--disabled,:host .b2b-toggle-button__label--disabled:hover{pointer-events:none;color:var(--b2b-color-grey-250);border-color:var(--b2b-color-grey-100);border-left:var(--b2b-border-left);background-color:var(--b2b-color-grey-50)}';export{t as b2b_toggle_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,c as e,h as o,H as r}from"./p-b6a753e8.js";const i=class{constructor(o){b(this,o),this.b2bSelected=e(this,"b2b-selected",7),this.onClick=()=>{this.disabled||(this.active=!this.active,this.active&&this.b2bSelected.emit({value:this.value}))},this.onKeyDown=b=>{this.disabled||"Enter"===b.key&&(this.active=!this.active,this.active&&this.b2bSelected.emit({value:this.value}))},this.label=void 0,this.value=void 0,this.name=void 0,this.variant="grey",this.active=!1,this.disabled=!1}render(){return o(r,{key:"3c5a81a73592d4f7457fa577eddde873657cbb31"},o("span",{key:"a7fc60c891a440929f55df25135215014a0ca159",onClick:this.onClick,onKeyDown:this.onKeyDown,class:{"b2b-toggle-chip":!0}},o("input",{key:"ad10fdac699786776fd2c63fd163318e45c45f87","aria-labelledby":this.name,tabindex:this.disabled?-1:0,class:{"b2b-toggle-chip__input":!0},type:"checkbox",checked:this.active&&!this.disabled,disabled:this.disabled,name:this.name,value:this.value}),o("label",{key:"bc04d03929863a5d9b9da37bf951e091d6810c15",id:this.name,tabIndex:-1,class:{"b2b-toggle-chip__label":!0,[`b2b-toggle-chip__label--${this.variant}`]:!0,"b2b-toggle-chip__label--active":this.active,"b2b-toggle-chip__label--disabled":this.disabled}},this.label)))}};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:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host .b2b-toggle-chip{font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);display:inline-block}:host .b2b-toggle-chip__input{border:0;clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute !important;width:1px}:host .b2b-toggle-chip__input:focus+label{outline:2px solid -webkit-focus-ring-color;z-index:1;transition:none}:host .b2b-toggle-chip__label{display:inline-block;padding:var(--b2b-size-15) var(--b2b-size-25) 5px var(--b2b-size-25);border-radius:var(--b2b-size-50);color:var(--b2b-color-black-100)}:host .b2b-toggle-chip__label:hover{background-color:var(--b2b-color-table-hover);color:var(--b2b-color-black-100);cursor:pointer;transition:all 0.3s ease}:host .b2b-toggle-chip__label--grey{background-color:var(--b2b-color-grey-100)}:host .b2b-toggle-chip__label--white{background-color:var(--b2b-color-white-100)}:host .b2b-toggle-chip__label--white.b2b-toggle-chip__label--disabled{background-color:var(--b2b-color-white-100)}:host .b2b-toggle-chip__label--white.b2b-toggle-chip__label--disabled:hover{background-color:var(--b2b-color-white-100)}:host .b2b-toggle-chip__label--active{color:var(--b2b-color-white-100);background-color:var(--b2b-color-black-100)}:host .b2b-toggle-chip__label--disabled{background-color:var(--b2b-color-grey-100);color:var(--b2b-color-grey-300);user-select:none}:host .b2b-toggle-chip__label--disabled:hover{cursor:default;background-color:var(--b2b-color-grey-100);color:var(--b2b-color-grey-300)}';export{i as b2b_toggle_chip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,h as e,H as r}from"./p-b6a753e8.js";const o=class{constructor(e){b(this,e),this.color="var(--b2b-color-info-50)",this.borderColor=void 0,this.contentColor="var(--b2b-color-copy-default)"}render(){return e(r,{key:"098173a09b64d33ef1adfcc177835b650cc158c6"},e("div",{key:"4a71b1363c40921393757884ef4377fdda8472c6",style:{"background-color":this.color,border:`1px solid ${this.borderColor||this.color}`},class:{"b2b-rounded-icon":!0}},e("div",{key:"6569353a28df4b0a1cd79734e485de84d2d4b7ab",style:{color:this.contentColor}},e("slot",{key:"3a7c74b4af0bda33bff31d7ef801de0f6be6a671",name:"icon"})),e("div",{key:"30d9aa31e7cb86ab2417a3e21cb5fbed60f8eac3",style:{color:this.contentColor}},e("slot",{key:"0b48e371e11032f485cb65a2f55fb98e79d3dfa9",name:"text"}))))}};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:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}.b2b-rounded-icon{width:24px;height:24px;display:inline-flex;padding:3px;border-radius:100%}::slotted(*[slot=text]){width:24px;height:24px;display:flex;align-items:flex-end;justify-content:center;font-size:var(--b2b-size-copy-125);line-height:var(--b2b-size-copy-line-height-100)}';export{o as b2b_rounded_icon}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as
|
|
1
|
+
import{r as t,c as s,h as e,H as a,g as i}from"./p-b6a753e8.js";const r=class{constructor(e){t(this,e),this.b2bSelected=s(this,"b2b-selected",7),this.getPreviousTab=()=>{const t=this.getAllEnabledTabs(),s=t.findIndex((t=>t.selected))-1;return-1===s?t[t.length-1]:t[s]},this.getNextTab=()=>{const t=this.getAllEnabledTabs(),s=t.findIndex((t=>t.selected))+1;return t[s%t.length]},this.getFirstTab=()=>this.getAllEnabledTabs()[0],this.getLastTab=()=>{const t=this.getAllEnabledTabs();return t[t.length-1]},this.getAllEnabledTabs=()=>Array.from(this.hostElement.querySelectorAll("b2b-tab:not([disabled])")),this.getAllPanels=()=>Array.from(this.hostElement.querySelectorAll("b2b-tab-panel")),this.linkPanels=()=>{const t=this.getAllEnabledTabs(),s=t.find((t=>t.selected));t.forEach((t=>{const s=t.nextElementSibling;t.setAttribute("aria-controls",s.id),s.setAttribute("aria-labelledby",t.id)})),this.selectTab(null!=s?s:t[0])},this.findPanelForTab=t=>{const s=t.getAttribute("aria-controls");return this.hostElement.querySelector(`#${s}`)},this.selectTab=t=>{const s=this.findPanelForTab(t),e=this.getPreviousTab();this.reset(),s.hidden=!1,t.selected=!0,this.b2bSelected.emit({previousTab:e,nextTab:t})},this.reset=()=>{const t=this.getAllEnabledTabs(),s=this.getAllPanels();t.forEach((t=>t.selected=!1)),s.forEach((t=>t.hidden=!0))},this.useRouter=!1}handleClick(t){if(!this.useRouter){const s=t.target;if("tab"!=s.getAttribute("role"))return;this.selectTab(s)}}handleKeydown(t){if(!this.useRouter){let s;if("tab"!==t.target.getAttribute("role"))return;if(t.altKey)return;switch(t.key){case"ArrowLeft":s=this.getPreviousTab();break;case"ArrowRight":s=this.getNextTab();break;case"Home":s=this.getFirstTab();break;case"End":s=this.getLastTab();break;default:return}t.preventDefault(),this.selectTab(s)}}componentDidRender(){Promise.all([customElements.whenDefined("b2b-tab"),customElements.whenDefined("b2b-tab-panel")]).then((()=>{this.useRouter||this.linkPanels()}))}render(){return e(a,{key:"933bcea64a5507f37cfbd8cbdb5c47500159c70a"},e("slot",{key:"04b8ee288e4e054a33a7679da0842b95479f167a",name:"tab"}),e("b2b-separator",{key:"e1acc79d62692b0750a1b99d85bfe65826ec0f43"}),e("slot",{key:"1a96d84a0f0c75ae0ae8a6bb3fab45a3945f5854",name:"panel"}))}get hostElement(){return i(this)}};export{r as b2b_tab_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,c as e,h as r,H as o}from"./p-b6a753e8.js";const i=class{constructor(r){b(this,r),this.b2bChange=e(this,"b2b-change",7),this.onClick=()=>{this.active||null!=this.href||(this.b2bChange.emit(this.value),this.active=!0)},this.onKeyDown=b=>{"enter"!=b.key||this.active||(this.b2bChange.emit(),this.active=!0)},this.href=null,this.value=void 0,this.active=!1}render(){return r(o,{key:"14cf113de1f545c3a7a50c17213575da72fb33b6",onClick:this.onClick,onKeyDown:this.onKeyDown,tabindex:Boolean(this.href)?null:0},r("span",{key:"45b0c5e15365bd59f67b8a268d89d2efbcd17fb7",class:{"b2b-breadcrumb-nav__item":!0,"b2b-breadcrumb-nav__item--active":this.active}},null!=this.href?r("a",{href:this.href},r("slot",null)):r("slot",null)))}};i.style='@charset "UTF-8";:root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host .b2b-breadcrumb-nav{z-index:99;display:flex;flex-flow:row nowrap;padding:0.75rem 0;height:var(--b2b-size-90);margin-bottom:1.125rem;border-bottom:var(--b2b-size-border-width-50) solid var(--b2b-color-grey-200)}:host .b2b-breadcrumb-nav__item{font-size:var(--b2b-size-copy-125);line-height:var(--b2b-size-copy-line-height-125);display:inline-flex;color:var(--b2b-color-grey-400);cursor:pointer}:host .b2b-breadcrumb-nav__item a{color:var(--b2b-color-grey-400);text-decoration:none}:host .b2b-breadcrumb-nav__item:hover,:host .b2b-breadcrumb-nav__item a:hover{color:var(--b2b-color-red-100)}:host .b2b-breadcrumb-nav__item--active:hover,:host .b2b-breadcrumb-nav__item--active a:hover{cursor:default;color:var(--b2b-color-grey-400)}::slotted(*:not(:last-child))::after{content:"»";color:var(--b2b-color-grey-400);margin:0 0.375rem}';export{i as b2b_breadcrumb_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,c as r,h as e,H as o,g as a}from"./p-b6a753e8.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,{key:"91e0c3afbd205a56b28cc2c8ac8eca2171cb8f21",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",{key:"4d97529bfe04a9d623462f1868cc8699552d4df9",class:{"b2b-tab":!0,"b2b-tab--selected":this.selected,"b2b-tab--disabled":this.disabled,"b2b-tab--error":this.invalid}},e("slot",{key:"29d8dce4fe21a1c41fdfebd586c0deab230e7943"})))}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:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-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-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{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}
|