@otto-de/b2b-core-components 1.33.0 → 1.34.0

package/dist/types/components/date-range-picker/date-range-picker.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj as Story } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+    component: string;
+    args: {
+        label: string;
+        required: boolean;
+        dateRange: any;
+        disableDates: any;
+        presets: {};
+        invalid: boolean;
+        hint: any;
+        error: any;
+        language: string;
+    };
+    argTypes: any;
+    render: ({ ...args }: import("@storybook/web-components").Args) => string;
+};
+export default _default;
+export declare const Default: Story;
+export declare const AllProperties: Story;
+export declare const PresetHover: Story;
+export declare const PresetSelected: Story;

package/dist/types/components/dropdown/dropdown.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class DropdownComponent {
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+export declare class DropdownComponent implements ComponentInterface {
     hostElement: HTMLB2bDropdownElement;
     /** The dropdown label. */
     label: string;

package/dist/types/components/icon-100/types.d.ts

@@ -1,2 +1,2 @@
-export declare const iconTypes: readonly ["b2b_icon-360-degree", "b2b_icon-advice", "b2b_icon-allergen-sulfur-dioxide-sulfite", "b2b_icon-almond", "b2b_icon-archive-6m", "b2b_icon-archive", "b2b_icon-armchair", "b2b_icon-arrow-down", "b2b_icon-arrow-graph-axis", "b2b_icon-arrow-graph", "b2b_icon-arrow-left", "b2b_icon-arrow-long-down", "b2b_icon-arrow-long-left", "b2b_icon-arrow-long-right", "b2b_icon-arrow-long-up", "b2b_icon-arrow-misdirected", "b2b_icon-arrow-right", "b2b_icon-arrow-up", "b2b_icon-assembly", "b2b_icon-assortment", "b2b_icon-attachment", "b2b_icon-augmented-reality", "b2b_icon-autonomous-team", "b2b_icon-bank-details", "b2b_icon-bar-graph-ascending", "b2b_icon-bar-graph-axis", "b2b_icon-barley", "b2b_icon-basket-sale", "b2b_icon-basket", "b2b_icon-basketball", "b2b_icon-bikini", "b2b_icon-blogs", "b2b_icon-brandshop", "b2b_icon-brazil-nut", "b2b_icon-browser-click", "b2b_icon-browser-content-skyscraper", "b2b_icon-browser-content", "b2b_icon-browser-duration", "b2b_icon-browser-list-click", "b2b_icon-browser-magnifying-glass-info", "b2b_icon-browser-person-click", "b2b_icon-browser-psm", "b2b_icon-browser-target", "b2b_icon-browser-teaser", "b2b_icon-bullet-list", "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-ellipsis", "b2b_icon-chat", "b2b_icon-chatbot", "b2b_icon-check-bold", "b2b_icon-check", "b2b_icon-chicken", "b2b_icon-city", "b2b_icon-clear", "b2b_icon-clipboard-check", "b2b_icon-close-bold", "b2b_icon-close", "b2b_icon-clover-four-leaf", "b2b_icon-code-management", "b2b_icon-contact-mail", "b2b_icon-cookie", "b2b_icon-copy", "b2b_icon-cosmetics", "b2b_icon-cosmetics", "b2b_icon-cow", "b2b_icon-crab", "b2b_icon-critique", "b2b_icon-curtain", "b2b_icon-cut-out", "b2b_icon-dashboard", "b2b_icon-data-filter", "b2b_icon-decision", "b2b_icon-deer", "b2b_icon-delete", "b2b_icon-delivery-24h", "b2b_icon-delivery-curb", "b2b_icon-delivery-desired-date-selection", "b2b_icon-delivery-desired-date", "b2b_icon-delivery-express", "b2b_icon-delivery-flat", "b2b_icon-delivery-on-hangers", "b2b_icon-delivery-preferred-place", "b2b_icon-desktop-phone-ads-click", "b2b_icon-desktop-phone-ads", "b2b_icon-desktop-phone", "b2b_icon-desktop", "b2b_icon-devices-monitor-laptop-tablet", "b2b_icon-dish-feature-lactose-free", "b2b_icon-dislike", "b2b_icon-disposal", "b2b_icon-document-sign", "b2b_icon-downloads", "b2b_icon-dress", "b2b_icon-dungarees", "b2b_icon-duplicate", "b2b_icon-duration", "b2b_icon-e-invoice", "b2b_icon-edit-pad", "b2b_icon-edit", "b2b_icon-egg", "b2b_icon-ellipsis", "b2b_icon-email-verification-confirmed-safe", "b2b_icon-email-verification-confirmed", "b2b_icon-email-verification-sent-safe", "b2b_icon-email-verification-sent", "b2b_icon-empty-hint", "b2b_icon-end-to-end", "b2b_icon-error-article-image", "b2b_icon-error-hint", "b2b_icon-error", "b2b_icon-euro", "b2b_icon-event", "b2b_icon-events", "b2b_icon-expand", "b2b_icon-factory", "b2b_icon-faq", "b2b_icon-feedback", "b2b_icon-filter", "b2b_icon-fish", "b2b_icon-fitness", "b2b_icon-flag-chequered", "b2b_icon-flame", "b2b_icon-flexible-work", "b2b_icon-flip", "b2b_icon-flyer", "b2b_icon-food-processor", "b2b_icon-fullscreen", "b2b_icon-gallery-view", "b2b_icon-gamepad", "b2b_icon-garlic", "b2b_icon-gender-intersex", "b2b_icon-globe-hand", "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-iceberg", "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-phone-ads", "b2b_icon-laptop-phone-youtube", "b2b_icon-laptop-phone", "b2b_icon-laptop", "b2b_icon-leaving-page-50", "b2b_icon-leaving-page", "b2b_icon-letter-opened", "b2b_icon-light-bulb", "b2b_icon-like-fingers", "b2b_icon-like-product", "b2b_icon-like", "b2b_icon-line-graph", "b2b_icon-link", "b2b_icon-list-view", "b2b_icon-location", "b2b_icon-lock-open", "b2b_icon-lupine", "b2b_icon-macadamia", "b2b_icon-material-samples", "b2b_icon-measurement", "b2b_icon-megaphone", "b2b_icon-menu", "b2b_icon-mic", "b2b_icon-milk", "b2b_icon-minus", "b2b_icon-module-operations", "b2b_icon-money-banknotes", "b2b_icon-money-coins-arrow", "b2b_icon-money-coins", "b2b_icon-money-document", "b2b_icon-money-plus", "b2b_icon-money-stack", "b2b_icon-money", "b2b_icon-move", "b2b_icon-movie", "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-ogh-change", "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-arrow", "b2b_icon-order-return", "b2b_icon-order-shipped", "b2b_icon-order-state-unknown", "b2b_icon-order-stored", "b2b_icon-order", "b2b_icon-ordered-list", "b2b_icon-otto-app", "b2b_icon-otto-campus", "b2b_icon-otto-change", "b2b_icon-otto-company", "b2b_icon-otto-laptop", "b2b_icon-otto-logo", "b2b_icon-otto-up-points", "b2b_icon-otto-up", "b2b_icon-out-of-home-digital", "b2b_icon-out-of-home", "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-arrow-graph", "b2b_icon-person-callcenter", "b2b_icon-person-check", "b2b_icon-person-colleagues", "b2b_icon-person-community", "b2b_icon-person-development", "b2b_icon-person-exchange", "b2b_icon-person-female", "b2b_icon-person-influencer", "b2b_icon-person-info", "b2b_icon-person-magnifying-glass", "b2b_icon-person-male", "b2b_icon-person-rating", "b2b_icon-person-support", "b2b_icon-person-switch", "b2b_icon-person-wheelchair", "b2b_icon-person-workshop", "b2b_icon-person", "b2b_icon-phone-permission", "b2b_icon-phone-play", "b2b_icon-phone", "b2b_icon-pig", "b2b_icon-pin", "b2b_icon-pinch-gesture", "b2b_icon-pinch", "b2b_icon-pistachio", "b2b_icon-plant", "b2b_icon-play-1", "b2b_icon-play", "b2b_icon-plus-hint", "b2b_icon-plus", "b2b_icon-price-alert", "b2b_icon-price-tag-premium", "b2b_icon-price-tag", "b2b_icon-print", "b2b_icon-puzzle", "b2b_icon-qr-code", "b2b_icon-question-hint", "b2b_icon-question", "b2b_icon-radio", "b2b_icon-rating-empty", "b2b_icon-rating-filled", "b2b_icon-rating-half", "b2b_icon-rating-order", "b2b_icon-rating-payment", "b2b_icon-reach", "b2b_icon-refresh", "b2b_icon-remote-work", "b2b_icon-repair", "b2b_icon-reply", "b2b_icon-retirement-provision", "b2b_icon-rocket", "b2b_icon-room", "b2b_icon-rye", "b2b_icon-sabbatical", "b2b_icon-sale", "b2b_icon-save", "b2b_icon-screenshot", "b2b_icon-sea", "b2b_icon-search-enter", "b2b_icon-search-navigation", "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-skip-link", "b2b_icon-smiley-angry", "b2b_icon-smiley-happy", "b2b_icon-smiley-negative", "b2b_icon-smiley-neutral", "b2b_icon-smiley-positive", "b2b_icon-sms-info", "b2b_icon-sneaker", "b2b_icon-sort-ascending", "b2b_icon-sort-descending", "b2b_icon-sort", "b2b_icon-soy", "b2b_icon-speech-bubble-eye", "b2b_icon-speech-bubble-sparkles", "b2b_icon-spelt", "b2b_icon-sphere", "b2b_icon-stationary", "b2b_icon-studies", "b2b_icon-success-hint-filled", "b2b_icon-success", "b2b_icon-sulfur-dioxide-sulfite", "b2b_icon-sustainability", "b2b_icon-sustainable-animal-welfare", "b2b_icon-sustainable-delivery", "b2b_icon-sustainable-energy-efficient", "b2b_icon-sustainable-natural-cosmetics", "b2b_icon-sustainable-organic-food", "b2b_icon-sustainable-organic-materials", "b2b_icon-sustainable-production", "b2b_icon-sustainable-recyclable-design", "b2b_icon-sustainable-recycling", "b2b_icon-sustainable-resource", "b2b_icon-sustainable-social-initiatives", "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-touch", "b2b_icon-town", "b2b_icon-trash", "b2b_icon-trend-down", "b2b_icon-trend-left", "b2b_icon-trend-right", "b2b_icon-trend-up", "b2b_icon-trousers", "b2b_icon-trusted", "b2b_icon-tv-smart", "b2b_icon-tv-target", "b2b_icon-tv", "b2b_icon-universal-access", "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-voice-sparkles", "b2b_icon-volume-off", "b2b_icon-volume-on", "b2b_icon-voucher", "b2b_icon-walnut", "b2b_icon-warning-hint", "b2b_icon-warning", "b2b_icon-warranty", "b2b_icon-washing-machine", "b2b_icon-webhook", "b2b_icon-whatsapp", "b2b_icon-wheat", "b2b_icon-wifi", "b2b_icon-wishlist-active", "b2b_icon-wishlist", "b2b_icon-work-life", "b2b_icon-workshop", "b2b_icon-youtube", "b2b_icon-zoom-in", "b2b_icon-zoom-out", "b2b_logo-carrier-dhl", "b2b_logo-carrier-gls", "b2b_logo-carrier-hermes", "b2b_logo-carrier-ups"];
+export declare const iconTypes: readonly ["b2b_icon-360-degree", "b2b_icon-advice", "b2b_icon-allergen-sulfur-dioxide-sulfite", "b2b_icon-almond", "b2b_icon-archive-6m", "b2b_icon-archive", "b2b_icon-armchair", "b2b_icon-arrow-down", "b2b_icon-arrow-graph-axis", "b2b_icon-arrow-graph", "b2b_icon-arrow-left", "b2b_icon-arrow-long-down", "b2b_icon-arrow-long-left", "b2b_icon-arrow-long-right", "b2b_icon-arrow-long-up", "b2b_icon-arrow-misdirected", "b2b_icon-arrow-right", "b2b_icon-arrow-up", "b2b_icon-assembly", "b2b_icon-assortment", "b2b_icon-attachment", "b2b_icon-augmented-reality", "b2b_icon-autonomous-team", "b2b_icon-bank-details", "b2b_icon-bar-graph-ascending", "b2b_icon-bar-graph-axis", "b2b_icon-barley", "b2b_icon-basket-sale", "b2b_icon-basket", "b2b_icon-basketball", "b2b_icon-bikini", "b2b_icon-blogs", "b2b_icon-brandshop", "b2b_icon-brazil-nut", "b2b_icon-browser-click", "b2b_icon-browser-content-skyscraper", "b2b_icon-browser-content", "b2b_icon-browser-duration", "b2b_icon-browser-list-click", "b2b_icon-browser-magnifying-glass-info", "b2b_icon-browser-person-click", "b2b_icon-browser-psm", "b2b_icon-browser-target", "b2b_icon-browser-teaser", "b2b_icon-bullet-list", "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-ellipsis", "b2b_icon-chat", "b2b_icon-chatbot", "b2b_icon-check-bold", "b2b_icon-check", "b2b_icon-chicken", "b2b_icon-city", "b2b_icon-clear", "b2b_icon-clipboard-check", "b2b_icon-close-bold", "b2b_icon-close", "b2b_icon-clover-four-leaf", "b2b_icon-code-management", "b2b_icon-contact-mail", "b2b_icon-cookie", "b2b_icon-copy", "b2b_icon-cosmetics", "b2b_icon-cow", "b2b_icon-crab", "b2b_icon-critique", "b2b_icon-curtain", "b2b_icon-cut-out", "b2b_icon-dashboard", "b2b_icon-data-filter", "b2b_icon-decision", "b2b_icon-deer", "b2b_icon-delete", "b2b_icon-delivery-24h", "b2b_icon-delivery-curb", "b2b_icon-delivery-desired-date-selection", "b2b_icon-delivery-desired-date", "b2b_icon-delivery-express", "b2b_icon-delivery-flat", "b2b_icon-delivery-on-hangers", "b2b_icon-delivery-preferred-place", "b2b_icon-desktop-phone-ads-click", "b2b_icon-desktop-phone-ads", "b2b_icon-desktop-phone", "b2b_icon-desktop", "b2b_icon-devices-monitor-laptop-tablet", "b2b_icon-dish-feature-lactose-free", "b2b_icon-dislike", "b2b_icon-disposal", "b2b_icon-document-sign", "b2b_icon-downloads", "b2b_icon-dress", "b2b_icon-dungarees", "b2b_icon-duplicate", "b2b_icon-duration", "b2b_icon-e-invoice", "b2b_icon-edit-pad", "b2b_icon-edit", "b2b_icon-egg", "b2b_icon-ellipsis", "b2b_icon-email-verification-confirmed-safe", "b2b_icon-email-verification-confirmed", "b2b_icon-email-verification-sent-safe", "b2b_icon-email-verification-sent", "b2b_icon-empty-hint", "b2b_icon-end-to-end", "b2b_icon-error-article-image", "b2b_icon-error-hint", "b2b_icon-error", "b2b_icon-euro", "b2b_icon-event", "b2b_icon-events", "b2b_icon-expand", "b2b_icon-factory", "b2b_icon-faq", "b2b_icon-feedback", "b2b_icon-filter", "b2b_icon-fish", "b2b_icon-fitness", "b2b_icon-flag-chequered", "b2b_icon-flame", "b2b_icon-flexible-work", "b2b_icon-flip", "b2b_icon-flyer", "b2b_icon-food-processor", "b2b_icon-fullscreen", "b2b_icon-gallery-view", "b2b_icon-gamepad", "b2b_icon-garlic", "b2b_icon-gender-intersex", "b2b_icon-globe-hand", "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-iceberg", "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-phone-ads", "b2b_icon-laptop-phone-youtube", "b2b_icon-laptop-phone", "b2b_icon-laptop", "b2b_icon-leaving-page-50", "b2b_icon-leaving-page", "b2b_icon-letter-opened", "b2b_icon-light-bulb", "b2b_icon-like-fingers", "b2b_icon-like-product", "b2b_icon-like", "b2b_icon-line-graph", "b2b_icon-link", "b2b_icon-list-view", "b2b_icon-location", "b2b_icon-lock-open", "b2b_icon-lupine", "b2b_icon-macadamia", "b2b_icon-material-samples", "b2b_icon-measurement", "b2b_icon-megaphone", "b2b_icon-menu", "b2b_icon-mic", "b2b_icon-milk", "b2b_icon-minus", "b2b_icon-module-operations", "b2b_icon-money-banknotes", "b2b_icon-money-coins-arrow", "b2b_icon-money-coins", "b2b_icon-money-document", "b2b_icon-money-plus", "b2b_icon-money-stack", "b2b_icon-money", "b2b_icon-move", "b2b_icon-movie", "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-ogh-change", "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-arrow", "b2b_icon-order-return", "b2b_icon-order-shipped", "b2b_icon-order-state-unknown", "b2b_icon-order-stored", "b2b_icon-order", "b2b_icon-ordered-list", "b2b_icon-otto-app", "b2b_icon-otto-campus", "b2b_icon-otto-change", "b2b_icon-otto-company", "b2b_icon-otto-laptop", "b2b_icon-otto-logo", "b2b_icon-otto-up-points", "b2b_icon-otto-up", "b2b_icon-out-of-home-digital", "b2b_icon-out-of-home", "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-arrow-graph", "b2b_icon-person-callcenter", "b2b_icon-person-check", "b2b_icon-person-colleagues", "b2b_icon-person-community", "b2b_icon-person-development", "b2b_icon-person-exchange", "b2b_icon-person-female", "b2b_icon-person-influencer", "b2b_icon-person-info", "b2b_icon-person-magnifying-glass", "b2b_icon-person-male", "b2b_icon-person-rating", "b2b_icon-person-support", "b2b_icon-person-switch", "b2b_icon-person-wheelchair", "b2b_icon-person-workshop", "b2b_icon-person", "b2b_icon-phone-permission", "b2b_icon-phone-play", "b2b_icon-phone", "b2b_icon-pig", "b2b_icon-pin", "b2b_icon-pinch-gesture", "b2b_icon-pinch", "b2b_icon-pistachio", "b2b_icon-plant", "b2b_icon-play-1", "b2b_icon-play", "b2b_icon-plus-hint", "b2b_icon-plus", "b2b_icon-price-alert", "b2b_icon-price-tag-premium", "b2b_icon-price-tag", "b2b_icon-print", "b2b_icon-puzzle", "b2b_icon-qr-code", "b2b_icon-question-hint", "b2b_icon-question", "b2b_icon-radio", "b2b_icon-rating-empty", "b2b_icon-rating-filled", "b2b_icon-rating-half", "b2b_icon-rating-order", "b2b_icon-rating-payment", "b2b_icon-reach", "b2b_icon-refresh", "b2b_icon-remote-work", "b2b_icon-repair", "b2b_icon-reply", "b2b_icon-retirement-provision", "b2b_icon-rocket", "b2b_icon-room", "b2b_icon-rye", "b2b_icon-sabbatical", "b2b_icon-sale", "b2b_icon-save", "b2b_icon-screenshot", "b2b_icon-sea", "b2b_icon-search-enter", "b2b_icon-search-navigation", "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-skip-link", "b2b_icon-smiley-angry", "b2b_icon-smiley-happy", "b2b_icon-smiley-negative", "b2b_icon-smiley-neutral", "b2b_icon-smiley-positive", "b2b_icon-sms-info", "b2b_icon-sneaker", "b2b_icon-sort-ascending", "b2b_icon-sort-descending", "b2b_icon-sort", "b2b_icon-soy", "b2b_icon-speech-bubble-eye", "b2b_icon-speech-bubble-sparkles", "b2b_icon-spelt", "b2b_icon-sphere", "b2b_icon-stationary", "b2b_icon-studies", "b2b_icon-success-hint-filled", "b2b_icon-success", "b2b_icon-sulfur-dioxide-sulfite", "b2b_icon-sustainability", "b2b_icon-sustainable-animal-welfare", "b2b_icon-sustainable-delivery", "b2b_icon-sustainable-energy-efficient", "b2b_icon-sustainable-natural-cosmetics", "b2b_icon-sustainable-organic-food", "b2b_icon-sustainable-organic-materials", "b2b_icon-sustainable-production", "b2b_icon-sustainable-recyclable-design", "b2b_icon-sustainable-recycling", "b2b_icon-sustainable-resource", "b2b_icon-sustainable-social-initiatives", "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-touch", "b2b_icon-town", "b2b_icon-trash", "b2b_icon-trend-down", "b2b_icon-trend-left", "b2b_icon-trend-right", "b2b_icon-trend-up", "b2b_icon-trousers", "b2b_icon-trusted", "b2b_icon-tv-smart", "b2b_icon-tv-target", "b2b_icon-tv", "b2b_icon-universal-access", "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-voice-sparkles", "b2b_icon-volume-off", "b2b_icon-volume-on", "b2b_icon-voucher", "b2b_icon-walnut", "b2b_icon-warning-hint", "b2b_icon-warning", "b2b_icon-warranty", "b2b_icon-washing-machine", "b2b_icon-webhook", "b2b_icon-whatsapp", "b2b_icon-wheat", "b2b_icon-wifi", "b2b_icon-wishlist-active", "b2b_icon-wishlist", "b2b_icon-work-life", "b2b_icon-workshop", "b2b_icon-youtube", "b2b_icon-zoom-in", "b2b_icon-zoom-out", "b2b_logo-carrier-dhl", "b2b_logo-carrier-gls", "b2b_logo-carrier-hermes", "b2b_logo-carrier-ups"];
 export type IconName = (typeof iconTypes)[number];

package/dist/types/components/snackbar/snackbar.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class SnackbarComponent {
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+export declare class SnackbarComponent implements ComponentInterface {
     /** Text on the snackbar. */
     description: string;
     /** The type of snackbar. Default is info. */

package/dist/types/components/toggle-switch/toggle-switch.stories.d.ts

@@ -1,7 +1,19 @@
-import { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
+import type { StoryObj } from '@storybook/web-components';
+import type { B2bToggleSwitchComponent } from './toggle-switch';
+declare const _default: {
+    title: string;
+    component: string;
+    args: {
+        label: string;
+        disabled: false;
+        labelPosition: "left";
+        state: true;
+    };
+    argTypes: any;
+    render: ({ ...args }: B2bToggleSwitchComponent) => import("lit-html").TemplateResult<1>;
+};
+export default _default;
+type Story = StoryObj<B2bToggleSwitchComponent>;
 export declare const SwitchOn: Story;
 export declare const SwitchOff: Story;
 export declare const SwitchOnDisabled: Story;

package/dist/types/components.d.ts

@@ -6,7 +6,8 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { BreadCrumbChangeEventDetail, ColumnSortChangeEventDetail, PageChangeEventDetail, TabChangeEventDetail, ToggleChipEventDetail, ToggleSwitchEventDetail } from "./utils/interfaces/interaction.interface";
-import { CheckboxEventDetail, ChipComponentEventDetail, DateClear, DatePickerEventDetail, DatePickerViewChangedEventDetail, DateSelectedEventDetail, EscapePressed, InputChangeEvent, InputClear, MonthSelectedEventDetail, MultiSelectOptionEventDetail, NextMonth, OptionSelectedEventDetail, PreviousMonth, RadioEventDetail, SearchClickEventDetail, ToggleButtonEventDetail, YearSelectedEventDetail } from "./utils/interfaces/form.interface";
+import { CheckboxEventDetail, ChipComponentEventDetail, DateClear, DatePickerEventDetail, DatePickerViewChangedEventDetail, DateRangePickerEventDetail, DateSelectedEventDetail, EscapePressed, InputChangeEvent, InputClear, MonthSelectedEventDetail, MultiSelectOptionEventDetail, NextMonth, OptionSelectedEventDetail, PreviousMonth, RadioEventDetail, SearchClickEventDetail, ToggleButtonEventDetail, YearSelectedEventDetail } from "./utils/interfaces/form.interface";
+import { Dateish, DateRange, DatishRange } from "./components/date-range-picker/date-range-picker-utils";
 import { IconName } from "./components/icon/types";
 import { IconName as IconName1 } from "./components/icon-100/types";
 import { IconName as IconName2 } from "./components/icon-50/types";
@@ -16,7 +17,8 @@ import { CheckboxEventDetail as CheckboxEventDetail1 } from "./components";
 import { TableAccordionSelectedEventDetail } from "./utils/interfaces/content.interface";
 import { WizardStatus, WizardSteps } from "./utils/types/wizard.types";
 export { BreadCrumbChangeEventDetail, ColumnSortChangeEventDetail, PageChangeEventDetail, TabChangeEventDetail, ToggleChipEventDetail, ToggleSwitchEventDetail } from "./utils/interfaces/interaction.interface";
-export { CheckboxEventDetail, ChipComponentEventDetail, DateClear, DatePickerEventDetail, DatePickerViewChangedEventDetail, DateSelectedEventDetail, EscapePressed, InputChangeEvent, InputClear, MonthSelectedEventDetail, MultiSelectOptionEventDetail, NextMonth, OptionSelectedEventDetail, PreviousMonth, RadioEventDetail, SearchClickEventDetail, ToggleButtonEventDetail, YearSelectedEventDetail } from "./utils/interfaces/form.interface";
+export { CheckboxEventDetail, ChipComponentEventDetail, DateClear, DatePickerEventDetail, DatePickerViewChangedEventDetail, DateRangePickerEventDetail, DateSelectedEventDetail, EscapePressed, InputChangeEvent, InputClear, MonthSelectedEventDetail, MultiSelectOptionEventDetail, NextMonth, OptionSelectedEventDetail, PreviousMonth, RadioEventDetail, SearchClickEventDetail, ToggleButtonEventDetail, YearSelectedEventDetail } from "./utils/interfaces/form.interface";
+export { Dateish, DateRange, DatishRange } from "./components/date-range-picker/date-range-picker-utils";
 export { IconName } from "./components/icon/types";
 export { IconName as IconName1 } from "./components/icon-100/types";
 export { IconName as IconName2 } from "./components/icon-50/types";
@@ -508,6 +510,78 @@ export namespace Components {
          */
         "selectedYear": number;
     }
+    interface B2bDateRangePicker {
+        /**
+          * The start and the end date of the selected date range. Format: `TT.MM.YYYY`
+         */
+        "dateRange"?: string | DatishRange;
+        /**
+          * Function used to determine, whether a date should be disabled e.g. because it is in the past. This is only used for the start and end dates, it is valid to have a disabled date in the range of start and end date.
+          * @param date The date to check. Format: `TT.MM.YYYY`
+          * @returns True, if the date should be disabled. False otherwise.
+          * @default (date) => false
+         */
+        "disableDates": (date: Date) => boolean;
+        /**
+          * The error message that is shown if the input is invalid.
+         */
+        "error"?: string;
+        /**
+          * The hint text that appears underneath the input field.
+         */
+        "hint"?: string;
+        /**
+          * Whether the input is currently invalid. If true, the input is rendered with error styles.
+          * @default false
+         */
+        "invalid": boolean;
+        /**
+          * Label for the date range picker component.
+          * @default 'Zeitraum auswählen'
+         */
+        "label": string;
+        /**
+          * The language for month and the weekdays will be decided based on the given input. One of `'de'` (German) or `'English'`.
+          * @default 'de'
+         */
+        "language": 'de' | 'en';
+        /**
+          * A list of presets, that the user can click on to simplify time range selection.
+          * @default {}
+         */
+        "presets": Record<string, DateRange>;
+        /**
+          * Adds an asterisk at the end of the label to signify that the field is required.
+          * @default false
+         */
+        "required": boolean;
+    }
+    interface B2bDateRangePickerDays {
+        /**
+          * Function used to determine, whether a day should be disabled e.g. because it is in the past. This is only used for the start and end dates, it is valid to have a disabled day in the range of start and end date.
+          * @param day The day of the month to check (1-indexed).
+          * @returns True, if the day should be disabled. False otherwise.
+          * @default (day) => false
+         */
+        "disableDates": (day: number) => boolean;
+        /**
+          * The first date of the selection. This may be absent if no dates have been selected yet. This is always smaller/earlier than the second date.
+         */
+        "firstDate"?: Dateish;
+        /**
+          * Whether the shown values are a preview and not the actual values (force-hover state).
+          * @default false
+         */
+        "preview": boolean;
+        /**
+          * The second date of the selection. This may be absent if none or only one date has been selected yet. This is always bigger/later than the first date.
+         */
+        "secondDate"?: Dateish;
+        /**
+          * The currently shown date (year+month).
+         */
+        "viewedDate": Dateish;
+    }
     interface B2bDropdown {
         /**
           * Method to programmatically clear selection of the dropdown.
@@ -1560,6 +1634,14 @@ export interface B2bDatePickerYearsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLB2bDatePickerYearsElement;
 }
+export interface B2bDateRangePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLB2bDateRangePickerElement;
+}
+export interface B2bDateRangePickerDaysCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLB2bDateRangePickerDaysElement;
+}
 export interface B2bDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLB2bDropdownElement;
@@ -1916,6 +1998,42 @@ declare global {
         prototype: HTMLB2bDatePickerYearsElement;
         new (): HTMLB2bDatePickerYearsElement;
     };
+    interface HTMLB2bDateRangePickerElementEventMap {
+        "b2b-selected": DateRangePickerEventDetail;
+        "b2b-clear": DateClear;
+    }
+    interface HTMLB2bDateRangePickerElement extends Components.B2bDateRangePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLB2bDateRangePickerElementEventMap>(type: K, listener: (this: HTMLB2bDateRangePickerElement, ev: B2bDateRangePickerCustomEvent<HTMLB2bDateRangePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLB2bDateRangePickerElementEventMap>(type: K, listener: (this: HTMLB2bDateRangePickerElement, ev: B2bDateRangePickerCustomEvent<HTMLB2bDateRangePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLB2bDateRangePickerElement: {
+        prototype: HTMLB2bDateRangePickerElement;
+        new (): HTMLB2bDateRangePickerElement;
+    };
+    interface HTMLB2bDateRangePickerDaysElementEventMap {
+        "b2b-date-picker-escape": EscapePressed;
+        "b2b-date-selected": DateSelectedEventDetail;
+    }
+    interface HTMLB2bDateRangePickerDaysElement extends Components.B2bDateRangePickerDays, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLB2bDateRangePickerDaysElementEventMap>(type: K, listener: (this: HTMLB2bDateRangePickerDaysElement, ev: B2bDateRangePickerDaysCustomEvent<HTMLB2bDateRangePickerDaysElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLB2bDateRangePickerDaysElementEventMap>(type: K, listener: (this: HTMLB2bDateRangePickerDaysElement, ev: B2bDateRangePickerDaysCustomEvent<HTMLB2bDateRangePickerDaysElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLB2bDateRangePickerDaysElement: {
+        prototype: HTMLB2bDateRangePickerDaysElement;
+        new (): HTMLB2bDateRangePickerDaysElement;
+    };
     interface HTMLB2bDropdownElementEventMap {
         "b2b-change": string;
         "b2b-focus": FocusEvent;
@@ -2532,6 +2650,8 @@ declare global {
         "b2b-date-picker-header": HTMLB2bDatePickerHeaderElement;
         "b2b-date-picker-months": HTMLB2bDatePickerMonthsElement;
         "b2b-date-picker-years": HTMLB2bDatePickerYearsElement;
+        "b2b-date-range-picker": HTMLB2bDateRangePickerElement;
+        "b2b-date-range-picker-days": HTMLB2bDateRangePickerDaysElement;
         "b2b-dropdown": HTMLB2bDropdownElement;
         "b2b-flyout-menu": HTMLB2bFlyoutMenuElement;
         "b2b-flyout-menu-option": HTMLB2bFlyoutMenuOptionElement;
@@ -3140,6 +3260,94 @@ declare namespace LocalJSX {
          */
         "selectedYear"?: number;
     }
+    interface B2bDateRangePicker {
+        /**
+          * The start and the end date of the selected date range. Format: `TT.MM.YYYY`
+         */
+        "dateRange"?: string | DatishRange;
+        /**
+          * Function used to determine, whether a date should be disabled e.g. because it is in the past. This is only used for the start and end dates, it is valid to have a disabled date in the range of start and end date.
+          * @param date The date to check. Format: `TT.MM.YYYY`
+          * @returns True, if the date should be disabled. False otherwise.
+          * @default (date) => false
+         */
+        "disableDates"?: (date: Date) => boolean;
+        /**
+          * The error message that is shown if the input is invalid.
+         */
+        "error"?: string;
+        /**
+          * The hint text that appears underneath the input field.
+         */
+        "hint"?: string;
+        /**
+          * Whether the input is currently invalid. If true, the input is rendered with error styles.
+          * @default false
+         */
+        "invalid"?: boolean;
+        /**
+          * Label for the date range picker component.
+          * @default 'Zeitraum auswählen'
+         */
+        "label"?: string;
+        /**
+          * The language for month and the weekdays will be decided based on the given input. One of `'de'` (German) or `'English'`.
+          * @default 'de'
+         */
+        "language"?: 'de' | 'en';
+        /**
+          * Emits when the user clicks the clear button.
+         */
+        "onB2b-clear"?: (event: B2bDateRangePickerCustomEvent<DateClear>) => void;
+        /**
+          * Emits the selected date range as tuple type.
+         */
+        "onB2b-selected"?: (event: B2bDateRangePickerCustomEvent<DateRangePickerEventDetail>) => void;
+        /**
+          * A list of presets, that the user can click on to simplify time range selection.
+          * @default {}
+         */
+        "presets"?: Record<string, DateRange>;
+        /**
+          * Adds an asterisk at the end of the label to signify that the field is required.
+          * @default false
+         */
+        "required"?: boolean;
+    }
+    interface B2bDateRangePickerDays {
+        /**
+          * Function used to determine, whether a day should be disabled e.g. because it is in the past. This is only used for the start and end dates, it is valid to have a disabled day in the range of start and end date.
+          * @param day The day of the month to check (1-indexed).
+          * @returns True, if the day should be disabled. False otherwise.
+          * @default (day) => false
+         */
+        "disableDates"?: (day: number) => boolean;
+        /**
+          * The first date of the selection. This may be absent if no dates have been selected yet. This is always smaller/earlier than the second date.
+         */
+        "firstDate"?: Dateish;
+        /**
+          * Event emitted on escape press.
+         */
+        "onB2b-date-picker-escape"?: (event: B2bDateRangePickerDaysCustomEvent<EscapePressed>) => void;
+        /**
+          * Event emitted on selecting date.
+         */
+        "onB2b-date-selected"?: (event: B2bDateRangePickerDaysCustomEvent<DateSelectedEventDetail>) => void;
+        /**
+          * Whether the shown values are a preview and not the actual values (force-hover state).
+          * @default false
+         */
+        "preview"?: boolean;
+        /**
+          * The second date of the selection. This may be absent if none or only one date has been selected yet. This is always bigger/later than the first date.
+         */
+        "secondDate"?: Dateish;
+        /**
+          * The currently shown date (year+month).
+         */
+        "viewedDate"?: Dateish;
+    }
     interface B2bDropdown {
         /**
           * Whether the select as a whole is disabled. Per default it is false.
@@ -4270,6 +4478,8 @@ declare namespace LocalJSX {
         "b2b-date-picker-header": B2bDatePickerHeader;
         "b2b-date-picker-months": B2bDatePickerMonths;
         "b2b-date-picker-years": B2bDatePickerYears;
+        "b2b-date-range-picker": B2bDateRangePicker;
+        "b2b-date-range-picker-days": B2bDateRangePickerDays;
         "b2b-dropdown": B2bDropdown;
         "b2b-flyout-menu": B2bFlyoutMenu;
         "b2b-flyout-menu-option": B2bFlyoutMenuOption;
@@ -4343,6 +4553,8 @@ declare module "@stencil/core" {
             "b2b-date-picker-header": LocalJSX.B2bDatePickerHeader & JSXBase.HTMLAttributes<HTMLB2bDatePickerHeaderElement>;
             "b2b-date-picker-months": LocalJSX.B2bDatePickerMonths & JSXBase.HTMLAttributes<HTMLB2bDatePickerMonthsElement>;
             "b2b-date-picker-years": LocalJSX.B2bDatePickerYears & JSXBase.HTMLAttributes<HTMLB2bDatePickerYearsElement>;
+            "b2b-date-range-picker": LocalJSX.B2bDateRangePicker & JSXBase.HTMLAttributes<HTMLB2bDateRangePickerElement>;
+            "b2b-date-range-picker-days": LocalJSX.B2bDateRangePickerDays & JSXBase.HTMLAttributes<HTMLB2bDateRangePickerDaysElement>;
             "b2b-dropdown": LocalJSX.B2bDropdown & JSXBase.HTMLAttributes<HTMLB2bDropdownElement>;
             "b2b-flyout-menu": LocalJSX.B2bFlyoutMenu & JSXBase.HTMLAttributes<HTMLB2bFlyoutMenuElement>;
             "b2b-flyout-menu-option": LocalJSX.B2bFlyoutMenuOption & JSXBase.HTMLAttributes<HTMLB2bFlyoutMenuOptionElement>;

package/dist/types/docs/config/utils.d.ts

@@ -1,2 +1,16 @@
+/**
+ * Default controls can be changed by passing a controls object like so:
+ * `{ 'attribute-name': 'control-type' }`
+ *
+ * Example: `{ 'steps': 'select' }`
+ * For all the control types see https://storybook.js.org/docs/react/essentials/controls#annotation
+ */
 export declare const getArgTypes: (componentTag: string, controls?: any) => any;
+/**
+ * Function to hide all arguments from a single story.
+ * I wasn't able to find a way to do this in Storybook.
+ * This can be used like so:
+ * storyName.argTypes = hideAllControls(storyArgTypes);
+ * If you find a better way, remove this function and use Storybook solution
+ */
 export declare const hideAllControls: (argTypes: any) => {};

package/dist/types/utils/interfaces/form.interface.d.ts

@@ -26,7 +26,7 @@ export interface DateSelectedEventDetail {
   selectedDate: Date;
 }
 
-export interface DateClear<T = any> {}
+export interface DateClear {}
 
 export interface MultiSelectOptionEventDetail {
   selected: boolean;
@@ -49,10 +49,14 @@ export interface ToggleButtonEventDetail<T = any> {
 export interface ChipComponentEventDetail<T = any> {
   value: T;
 }
-export interface DatePickerEventDetail<T = any> {
+export interface DatePickerEventDetail {
   selectedDate: Date;
 }
 
+export interface DateRangePickerEventDetail {
+  selected: readonly [Date, Date];
+}
+
 export interface EscapePressed<T = any> {}
 export interface PreviousMonth<T = any> {}
 export interface NextMonth<T = any> {}