@otto-de/b2b-core-components 1.10.0 → 1.11.0

package/dist/collection/components/toggle-switch/toggle-switch.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 07 May 2024 10:21:24 GMT
+ * Generated on Tue, 04 Jun 2024 10:14:07 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 07 May 2024 10:21:24 GMT
+ * Generated on Tue, 04 Jun 2024 10:14:08 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/toggle-switch/toggle-switch.js

@@ -38,17 +38,17 @@ export class B2bToggleSwitchComponent {
     render() {
         // workaround for purgecss as safelist doesn't work
         const isLeft = this.labelPosition === 'left';
-        return (h(Host, { key: '492af45bc2e18076699774c38a2380ce613d0f20' }, h("div", { key: '1bbdd7b22a228f1a99064d74cc1a06730f59165d', class: {
+        return (h(Host, { key: 'f95e5df14bf703ab6397ecbe2495f5f4006a5f91' }, h("div", { key: '0afbb317b062e4a89af215a68906de318a640e36', class: {
                 'b2b-toggle': true,
                 'b2b-toggle--disabled': this.disabled,
                 'b2b-toggle--checked': this.state,
-            } }, h("div", { key: '8776fbd74c5c4a55b6f3ce26f6b9052143825dff', class: {
+            } }, h("div", { key: 'e66fabcf76cc170c0ddf284682828bcbd712430c', class: {
                 'b2b-toggle__label': true,
                 'b2b-toggle__label--left': isLeft,
-            } }, h("span", { key: '636cbbe665b9110fba74a22b4883ed532d32bbc7', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: 'ea1ab53257132ea21af3fbb8747cce467bdabc8a', class: {
+            } }, h("span", { key: '0a8764c780ca22d51e434d0fa984da93938875c6', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: '55edce536bb60d37056444f3715dc53d18466c3d', class: {
                 'b2b-toggle__icon': true,
                 'b2b-toggle__icon--show': this.state,
-            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, h("path", { key: '21177e7f309265aabcc97e23d604bfedb024e700', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (h("span", { class: {
+            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, h("path", { key: '15ca8b03f31d56dd5399c0c7cef8348a15e9a01c', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (h("span", { class: {
                 'b2b-toggle__text': true,
                 'b2b-toggle__text--left': isLeft,
             } }, this.label))))));

package/dist/collection/components/tooltip/tooltip.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 07 May 2024 10:21:24 GMT
+ * Generated on Tue, 04 Jun 2024 10:14:07 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 07 May 2024 10:21:24 GMT
+ * Generated on Tue, 04 Jun 2024 10:14:08 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/tooltip/tooltip.js

@@ -59,13 +59,13 @@ export class B2BTooltipComponent {
         }
     }
     render() {
-        return (h(Host, { key: '3525a1f35b6c893a9b081148caaa70729766f961', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: 'f1d57dcc6b16b83c78c2c272a04e1931d003875e', class: {
+        return (h(Host, { key: '3987a2a1e01ad71a5411c45090b52ac8ad0206e8', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: 'd468b38485e230ca966401cabec0f77bda69bd6e', class: {
                 [`b2b-tooltip--${this.position}`]: true,
                 'b2b-tooltip__trigger': true,
-            } }, h("slot", { key: '991c1a8b7ac03d2f9e234e459aa1039ed74f7987' }), h("div", { key: '33bc79132f7d49886cb630b39356e8a86377200d', class: {
+            } }, h("slot", { key: '8e44ab8ede77f8e564148a3fc0dbfb69e8c920ce' }), h("div", { key: '78e418f298e23ab8c852d8d69fdc7abd866cc76c', class: {
                 'b2b-tooltip__content': true,
                 'b2b-tooltip--visible': this.opened,
-            } }, h("slot", { key: 'bca7fe909dcf718e1487195cf16f42c410db89a5', name: "content" }, this.content)))));
+            } }, h("slot", { key: 'acc1467002af74a11b265062d9bcd617be660221', name: "content" }, this.content)))));
     }
     static get is() { return "b2b-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wizard/wizard-step.js

@@ -7,10 +7,10 @@ export class WizardStepComponent {
         this.checkIcon = true;
     }
     render() {
-        return (h(Host, { key: '56088cd425f8298cd6e58e1b990d6510d60e99f7' }, h("div", { key: '9fc88db4ac7fa2b92151a7893645c143f2b755b4', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: '947ca746eec28c4d17352b26e9c4e2936dd65bfb', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '45b67dcde467ab6baa16152d1fee94912bd62d65', class: {
+        return (h(Host, { key: 'da999cffd5571ecbbafafa81f12ce2b439466c1b' }, h("div", { key: '4ee271067a9ef5bbcf8326fe2e4739b30633863e', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: 'd7db34a4a510d2e92c4ec6af5db6cf96bcb03860', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '44b07dca7864ac45122cd85625b8bbdb816dafef', class: {
                 'b2b_wizard__step__label': true,
                 'b2b_wizard__step__label--default': this.state === WizardStatus.DEFAULT,
-            } }, h("slot", { key: '5a7677a795553bd4507db62644582b42d383c131' })))));
+            } }, h("slot", { key: 'c5e22aec456a8ca9a55f9ef65294ba8a12b2ac1b' })))));
     }
     static get is() { return "b2b-wizard-step"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wizard/wizard.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 07 May 2024 10:21:24 GMT
+ * Generated on Tue, 04 Jun 2024 10:14:07 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 07 May 2024 10:21:24 GMT
+ * Generated on Tue, 04 Jun 2024 10:14:08 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/wizard/wizard.js

@@ -44,7 +44,7 @@ export class WizardComponent {
             this.setStepsState();
     }
     render() {
-        return (h(Host, { key: 'b34b2ade1c6450e723574a4b64282a8f5f44328a' }, h("div", { key: 'c8f88291313570c18bf417059e3b3276bfc016c8', class: "b2b_wizard" }, h("slot", { key: 'ddee7cc165dc603ec8e5781e2ae3977c038748a2' }))));
+        return (h(Host, { key: '7ef581ef2713b31ce1b16836e5981c6414f5a9ea' }, h("div", { key: 'd54084b28e3429be8f6ef77f04c551d39aa62bd4', class: "b2b_wizard" }, h("slot", { key: '8535e40678334b5851f573f39f96a8790157116f' }))));
     }
     static get is() { return "b2b-wizard"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wizard-icon/wizard-icon.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 07 May 2024 10:21:24 GMT
+ * Generated on Tue, 04 Jun 2024 10:14:07 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 07 May 2024 10:21:24 GMT
+ * Generated on Tue, 04 Jun 2024 10:14:08 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/wizard-icon/wizard-icon.js

@@ -7,7 +7,7 @@ export class WizardIconComponent {
         this.checkIcon = true;
     }
     render() {
-        return (h(Host, { key: '79c8e5875f9bb99070095318b5b40938ae239334' }, h("div", { key: 'c9baf9c4f4282e1f3d426318fb6f23c5e3ac7770', class: {
+        return (h(Host, { key: '54dde34938479f10c0ffe1fcaf0ecee9a35da253' }, h("div", { key: '2d0b57842993041914064c588f17d3694c91c586', class: {
                 'b2b-wizard-icon': true,
             } }, this.state === WizardStatus.COMPLETED && (h("b2b-rounded-icon", { color: "var(--b2b-color-success-50)", "content-color": "var(--b2b-color-success-100)" }, this.checkIcon ? (h("b2b-icon", { slot: "icon", icon: "b2b_icon-check" })) : (h("span", { slot: "text" }, this.step)))), this.state === WizardStatus.PENDING && (h("b2b-rounded-icon", { color: "var(--b2b-color-icon-default)", "content-color": "var(--b2b-color-icon-inverted)" }, h("span", { slot: "text" }, this.step))), this.state === WizardStatus.DISABLED && (h("b2b-rounded-icon", { color: "var(--b2b-color-grey-100)", "content-color": "var(--b2b-color-grey-400)" }, h("span", { slot: "text" }, this.step))), this.state === WizardStatus.DEFAULT && (h("b2b-rounded-icon", { color: "transparent", "border-color": "var(--b2b-color-icon-secondary)", "content-color": "var(--b2b-color-icon-secondary)" }, h("span", { slot: "text" }, this.step))))));
     }

package/dist/collection/utils/icon/request.js

@@ -36,6 +36,6 @@ export const buildPath = (icon, folderName) => {
         return `${ICON_PATH}/icons/${icon}.svg`;
     }
     else {
-        return `${ICON_PATH}/${icon}.svg`;
+        return `${ICON_PATH}/${folderName}/${icon}.svg`;
     }
 };

package/dist/components/b2b-calendar-days-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface B2bCalendarDaysHeader extends Components.B2bCalendarDaysHeader, HTMLElement {}
+export const B2bCalendarDaysHeader: {
+    prototype: B2bCalendarDaysHeader;
+    new (): B2bCalendarDaysHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/b2b-calendar-days-header.js

@@ -0,0 +1,6 @@
+import { B as B2bCalendarDaysHeader$1, d as defineCustomElement$1 } from './calendar-days-header.js';
+
+const B2bCalendarDaysHeader = B2bCalendarDaysHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { B2bCalendarDaysHeader, defineCustomElement };

package/dist/components/b2b-calendar-days.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface B2bCalendarDays extends Components.B2bCalendarDays, HTMLElement {}
+export const B2bCalendarDays: {
+    prototype: B2bCalendarDays;
+    new (): B2bCalendarDays;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/b2b-calendar-days.js

@@ -0,0 +1,6 @@
+import { B as B2bCalendarDays$1, d as defineCustomElement$1 } from './calendar-days.js';
+
+const B2bCalendarDays = B2bCalendarDays$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { B2bCalendarDays, defineCustomElement };

package/dist/components/b2b-calendar-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface B2bCalendarHeader extends Components.B2bCalendarHeader, HTMLElement {}
+export const B2bCalendarHeader: {
+    prototype: B2bCalendarHeader;
+    new (): B2bCalendarHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/b2b-calendar-header.js

@@ -0,0 +1,6 @@
+import { B as B2bCalendarHeader$1, d as defineCustomElement$1 } from './calendar-header.js';
+
+const B2bCalendarHeader = B2bCalendarHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { B2bCalendarHeader, defineCustomElement };

package/dist/components/b2b-calendar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface B2bCalendar extends Components.B2bCalendar, HTMLElement {}
+export const B2bCalendar: {
+    prototype: B2bCalendar;
+    new (): B2bCalendar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/b2b-calendar.js

@@ -0,0 +1,167 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$6 } from './calendar-days.js';
+import { d as defineCustomElement$5 } from './calendar-days-header.js';
+import { d as defineCustomElement$4 } from './calendar-header.js';
+import { d as defineCustomElement$3 } from './headline.js';
+import { d as defineCustomElement$2 } from './icon.js';
+
+const calendarCss = ":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-calendar{position:relative}:host .b2b-calendar-input-wrapper{display:flex;box-sizing:border-box;height:var(--b2b-size-90);border:var(--b2b-size-1) solid var(--b2b-color-black-100);justify-content:flex-end;border-radius:var(--b2b-size-7);padding:var(--b2b-size-15) var(--b2b-size-20);max-width:600px;background-color:var(--b2b-color-white-100)}:host .b2b-calendar-input-wrapper--opened{border-radius:var(--b2b-size-7) var(--b2b-size-7) 0 0}:host .b2b-calendar-selected-date{flex:1;align-self:center;font-size:var(--b2b-size-35)}:host .b2b-calendar-label{font-size:var(--b2b-size-35);color:var(--b2b-color-black-100);line-height:var(--b2b-size-copy-line-height-100);margin-bottom:var(--b2b-size-5)}:host .b2b-calendar-body{border:var(--b2b-size-1) solid var(--b2b-color-black-100);border-top:none;width:300px;box-sizing:border-box;padding-bottom:var(--b2b-size-40);background-color:var(--b2b-color-white-100)}:host .b2b-calendar-body--hidden{display:none}:host .b2b-icons{display:flex;margin-top:var(--b2b-size-5);align-items:center}:host .b2b-close-icon{display:block}";
+const B2bCalendarStyle0 = calendarCss;
+
+const B2bCalendar$1 = /*@__PURE__*/ proxyCustomElement(class B2bCalendar extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.b2bSelected = createEvent(this, "b2b-selected", 7);
+        this.setCurrentMonth = (selectedMonth) => {
+            this.selectedMonth = selectedMonth;
+            this.clearDateInput();
+            this.selectedDay = undefined;
+        };
+        this.setCurrentYear = (selectedYear) => {
+            this.selectedYear = selectedYear;
+            this.clearDateInput();
+            this.selectedDay = undefined;
+        };
+        this.showHideCalendar = () => {
+            this.showCalendar = !this.showCalendar;
+        };
+        this.clearDateInput = () => {
+            this.selectedDate = undefined;
+            this.selectedDay = undefined;
+        };
+        this.disablePastDates = undefined;
+        this.disableFutureDates = undefined;
+        this.disableWeekends = undefined;
+        this.label = 'Zeitraum auswählen';
+        this.showCalendar = false;
+        this.selectedMonth = new Date().getMonth();
+        this.selectedYear = new Date().getFullYear();
+        this.selectedDay = undefined;
+        this.selectedDate = undefined;
+    }
+    handleEscapePress() {
+        this.showCalendar = false;
+    }
+    handleDateSelection(event) {
+        this.selectedDay = event.detail.selectedDate.getDate();
+        this.setSelectedDate();
+        this.showCalendar = false;
+    }
+    getPreviousMonth() {
+        if (this.selectedMonth === 0) {
+            this.setCurrentMonth(11);
+            this.setCurrentYear(this.selectedYear - 1);
+        }
+        else {
+            this.setCurrentMonth(this.selectedMonth - 1);
+        }
+    }
+    getNextMonth() {
+        if (this.selectedMonth === 11) {
+            this.setCurrentMonth(0);
+            this.setCurrentYear(this.selectedYear + 1);
+        }
+        else {
+            this.setCurrentMonth(this.selectedMonth + 1);
+        }
+    }
+    setSelectedDate() {
+        if (this.selectedDay !== undefined)
+            this.selectedDate =
+                this.selectedDay +
+                    '.' +
+                    (this.selectedMonth + 1) +
+                    '.' +
+                    this.selectedYear;
+        this.b2bSelected.emit({
+            selectedDate: new Date(this.selectedDate),
+        });
+        setTimeout(() => {
+            this.setFocusOnCloseIcon();
+        }, 100);
+    }
+    setFocusOnCloseIcon() {
+        let closeIcon = this.host.shadowRoot.querySelector('.b2b-close-icon');
+        if (closeIcon !== null) {
+            closeIcon.focus();
+        }
+    }
+    render() {
+        return (h(Host, { key: '057f977634dc8ed4421235931abeb0e4fb7078a8' }, h("div", { key: 'd9c78a0b8eef2c8592125485f87aa626e172548f', class: "b2b-calendar" }, h("div", { key: '614d53847a5949a569e4a69e5ef0064cd02d6465', class: "b2b-calendar-label" }, this.label), h("div", { key: 'c2734b7d998b367a7c3f9e4218880bd3d27cad51', class: {
+                'b2b-calendar-input-wrapper': true,
+                'b2b-calendar-input-wrapper--opened': this.showCalendar,
+            }, tabindex: 0, onClick: this.showHideCalendar, onKeyDown: event => {
+                if (event.key === 'Enter') {
+                    this.showHideCalendar();
+                }
+            } }, h("div", { key: 'b3c92bd111f103a7ba15817ef5047a1cee8e8b02', class: "b2b-calendar-selected-date" }, this.selectedDate), h("div", { key: 'fbabb47c3135f7d09ef85e458d8e27a3dbb7950a', class: "b2b-icons" }, this.selectedDate && (h("div", { tabIndex: 0, onClick: () => {
+                this.clearDateInput();
+                this.showHideCalendar();
+            }, class: "b2b-close-icon", onKeyDown: event => {
+                if (event.key === 'Enter') {
+                    this.clearDateInput();
+                    this.showHideCalendar();
+                }
+            } }, h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { key: '985440dbd73bda7dc9ef492b0a58098a6d05d176', tabindex: 0 }, h("b2b-icon", { key: 'cbdfbc57fb1594db388dc6650a919784323b3f44', "aria-label": this.showCalendar ? 'close calendar' : 'open calendar', icon: "b2b_icon-event", clickable: true }))))), h("div", { key: '0ba0e43b1372d4ceb53e94bfce86cebf80a16b13', class: {
+                'b2b-calendar-body': true,
+                'b2b-calendar-body--hidden': !this.showCalendar,
+            } }, h("b2b-calendar-header", { key: '1ff4637260f16b394b55c7312e0fdca743058201', selectedMonth: this.selectedMonth, selectedYear: this.selectedYear }), h("b2b-calendar-days-header", { key: 'e25d2fdffd6f460fdffa5c64e58fe5f37dc4bf3a' }), h("b2b-calendar-days", { key: 'f68ea05d8992ca4d937fae81a6ee3361efbd0caa', selectedMonth: this.selectedMonth, selectedYear: this.selectedYear, selectedDay: this.selectedDay, disableWeekends: this.disableWeekends, disableFutureDates: this.disableFutureDates, disablePastDates: this.disablePastDates }))));
+    }
+    get host() { return this; }
+    static get style() { return B2bCalendarStyle0; }
+}, [1, "b2b-calendar", {
+        "disablePastDates": [4, "disable-past-dates"],
+        "disableFutureDates": [4, "disable-future-dates"],
+        "disableWeekends": [4, "disable-weekends"],
+        "label": [1],
+        "showCalendar": [32],
+        "selectedMonth": [32],
+        "selectedYear": [32],
+        "selectedDay": [32],
+        "selectedDate": [32]
+    }, [[0, "b2b-calendar-escape", "handleEscapePress"], [0, "b2b-date-selected", "handleDateSelection"], [0, "b2b-calendar-previous-month", "getPreviousMonth"], [0, "b2b-calendar-next-month", "getNextMonth"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["b2b-calendar", "b2b-calendar-days", "b2b-calendar-days-header", "b2b-calendar-header", "b2b-headline", "b2b-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "b2b-calendar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, B2bCalendar$1);
+            }
+            break;
+        case "b2b-calendar-days":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "b2b-calendar-days-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "b2b-calendar-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "b2b-headline":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "b2b-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const B2bCalendar = B2bCalendar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { B2bCalendar, defineCustomElement };

package/dist/components/b2b-card.js

@@ -34,10 +34,10 @@ const CardComponent = /*@__PURE__*/ proxyCustomElement(class CardComponent exten
             return 0;
     }
     render() {
-        return (h(Host, { key: '6a3323a5f58c054a69080f6bec53bf8a29288a83', tabIndex: this.getTabIndex(), "aria-disabled": this.disabled ? 'true' : null, class: {
+        return (h(Host, { key: '6a39ac26f49ce2814abb2e2a5f0628d3af9e3ffb', tabIndex: this.getTabIndex(), "aria-disabled": this.disabled ? 'true' : null, class: {
                 'b2b-card': true,
                 'b2b-card--disabled': this.disabled,
-            } }, this.href != '' && h("a", { href: this.href, target: `_${this.target}` }), this.disabled && h("div", { class: "b2b-card--disabled-overlay" }), h("slot", { key: '72a803fa506ce9f3a2a79e9fe677d4f8facb1d36' })));
+            } }, this.href != '' && h("a", { href: this.href, target: `_${this.target}` }), this.disabled && h("div", { class: "b2b-card--disabled-overlay" }), h("slot", { key: '19775bd829936bbe3fa1aa8d58dde18f6d602228' })));
     }
     get host() { return this; }
     static get style() { return B2bCardStyle0; }

package/dist/components/b2b-checkbox-group.js

@@ -74,11 +74,11 @@ const CheckboxGroupComponent = /*@__PURE__*/ proxyCustomElement(class CheckboxGr
         }
     }
     render() {
-        return (h(Host, { key: '17f56d642b6ef6a4157a51178c4e1d604755f698' }, h("div", { key: 'caf98c3c46fb753dad491e2b1e98ff212e7c6a93', class: {
+        return (h(Host, { key: '3b6da1303cdfd1bdddbc1f31323e50986ac7b087' }, h("div", { key: 'c626a8341b17c86efd58e6c9da73b44257b8cd9a', class: {
                 'b2b-checkbox-group': true,
                 'b2b-checkbox-group--error': this.invalid && !this.disabled,
                 [`b2b-checkbox-group--${this.alignment}`]: true,
-            } }, this.label && (h("b2b-input-label", { required: this.required }, this.label)), h("fieldset", { key: '0b9b7dd931a8059a6ed0e53a49e799076e1d33ea' }, h("div", { key: '4385c56f2f7d570abfa58877b623b82f1006cafa', class: "b2b-checkbox-group__options" }, h("slot", { key: 'a15f2bd94e9167701a85cbf2981a268325bc4c85' }))), (this.hint !== undefined && !this.invalid) ||
+            } }, this.label && (h("b2b-input-label", { required: this.required }, this.label)), h("fieldset", { key: '881df0a66e9479f2eab63d0387fc4d4f4ee37295' }, h("div", { key: '936511055623583956fc980f62497cdc01a9dc21', class: "b2b-checkbox-group__options" }, h("slot", { key: 'd096cf78944f253e07d0b852c38db6c486681eb3' }))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : (''))));
     }
     get host() { return this; }

package/dist/components/b2b-dropdown.js

@@ -54,11 +54,11 @@ const DropdownComponent = /*@__PURE__*/ proxyCustomElement(class DropdownCompone
         selectElement.append(...options);
     }
     render() {
-        return (h(Host, { key: '5397c2e35d08dec639b2763a7e57b5106e706e99', class: {
+        return (h(Host, { key: 'cb7a0a4bcc708257cada82f8ce45041b63d6baf1', class: {
                 'b2b-dropdown': true,
                 'b2b-dropdown--error': this.invalid && !this.disabled,
                 'b2b-dropdown--disabled': this.disabled,
-            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("select", { key: '7183009ea350d6f78a058f64894d09a2c4251dc7', class: "b2b-dropdown__select", "aria-labelledby": this.name, name: this.name, disabled: this.disabled, onChange: this.onSelect, onFocus: this.onFocus, onBlur: this.onBlur }), (this.hint !== undefined && !this.invalid) ||
+            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("select", { key: '7b613f352cc3c501dd3ef917bfc25efc3006f69b', class: "b2b-dropdown__select", "aria-labelledby": this.name, name: this.name, disabled: this.disabled, onChange: this.onSelect, onFocus: this.onFocus, onBlur: this.onBlur }), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
     }
     get hostElement() { return this; }

package/dist/components/b2b-flyout-menu-option.js

@@ -23,7 +23,7 @@ const FlyoutMenuOptionComponent = /*@__PURE__*/ proxyCustomElement(class FlyoutM
         }
     }
     render() {
-        return (h(Host, { key: '1f5d621a609edaaed502796616e8ef969cc0c3a8', class: {
+        return (h(Host, { key: '9332072c4536e9dfbb55e451c0886179afb20c45', class: {
                 'b2b-flyout-menu__option': true,
                 'b2b-flyout-menu__option--disabled': this.disabled,
                 'b2b-flyout-menu__option--separator': this.separator,

package/dist/components/b2b-flyout-menu.js

@@ -157,12 +157,12 @@ const FlyoutMenuComponent = /*@__PURE__*/ proxyCustomElement(class FlyoutMenuCom
         options[index].focus();
     }
     render() {
-        return (h(Host, { key: '89937140ae7e17b57dca9ab84fee4b41dff52f9f' }, h("div", { key: '4423849c7dbfc018494e868baeb0cf0ab8e88861', class: {
+        return (h(Host, { key: '5f8927a6f6ace022337a745aa0c5c7de8c3b9ca1' }, h("div", { key: '339e2e53ef4b050b36e20f73a49a76eeb754d2a3', class: {
                 'b2b-flyout-menu': true,
-            } }, h("div", { key: 'a9af5524e21d365906cf78559a116fbab6b77320', class: "b2b-flyout-menu__trigger" }, h("slot", { key: '4344734420e284ac8dd2a38b1e4f9cac51228ed1', name: "trigger" })), h("div", { key: 'dc3c9970d365dc8c4ed5b588ddf6a3994290e5f6', onFocusout: this.blurMenu, class: {
+            } }, h("div", { key: '36815dbbd15e98a617b308491c8ad39e9fd81d0d', class: "b2b-flyout-menu__trigger" }, h("slot", { key: '68103d9c6c4d5ec094d2e15469177bbe6c11250f', name: "trigger" })), h("div", { key: '58777a87a708ebfa65dff39622cf4715b0a9bdd5', onFocusout: this.blurMenu, class: {
                 'b2b-flyout-menu__options__container': true,
                 'b2b-flyout-menu__options__container--on': this.opened,
-            } }, h("div", { key: '0d08b3e259a8da4dabc41d809e0310a3bcf92541', class: "b2b-flyout-menu__arrow" }), h("slot", { key: 'bdc2acb63bfb5a779945cd55edfbf133dac79e2f', name: "option" })))));
+            } }, h("div", { key: '9b56d64c648a044faab165546c5aec1ea58d5d15', class: "b2b-flyout-menu__arrow" }), h("slot", { key: '15d2d1809c563ae2b89b76c3080dbf619e35cefd', name: "option" })))));
     }
     get hostElement() { return this; }
     static get style() { return B2bFlyoutMenuStyle0; }

package/dist/components/b2b-grid-col.js

@@ -28,7 +28,7 @@ const B2bGridColumnComponent = /*@__PURE__*/ proxyCustomElement(class B2bGridCol
         this.textAlign = 'left';
     }
     render() {
-        return (h(Host, { key: '49c6dc8df6ad0ed3d864d5327de627b309705d00', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, h("slot", { key: '3ffa9ba6f9edeb438b433882039070c63adb69b9' })));
+        return (h(Host, { key: '961d47cfb1b74852145eebb2679676755899a14a', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, h("slot", { key: 'ffd12518cb08b04ef6a0db4b915719a848ff0aaf' })));
     }
     get hostElement() { return this; }
 }, [1, "b2b-grid-col", {

package/dist/components/b2b-grid-row.js

@@ -11,7 +11,7 @@ const B2bGridRowComponent = /*@__PURE__*/ proxyCustomElement(class B2bGridRowCom
         this.justify = 'start';
     }
     render() {
-        return (h(Host, { key: 'aa7dca43d2b0c2d78dbbcb8a8b8098735637ad23', style: {
+        return (h(Host, { key: '5f324fe433848ce5802e861ab4f295575486a4c2', style: {
                 ['justify-content']: `${this.justify}`,
                 ['gap']: `${this.columnGap}px`,
                 ['margin']: `${this.rowGap}px 0`,
@@ -19,7 +19,7 @@ const B2bGridRowComponent = /*@__PURE__*/ proxyCustomElement(class B2bGridRowCom
                 ['display']: 'flex',
                 ['flex-wrap']: 'wrap',
                 ['box-sizing']: 'border-box',
-            } }, h("slot", { key: 'ab7ee57b3ef7652079db6e02234c711f306882b5' })));
+            } }, h("slot", { key: '685130b0b771fd3e2c846efb0590f39f640ded56' })));
     }
     get hostElement() { return this; }
 }, [1, "b2b-grid-row", {

package/dist/components/b2b-grid.js

@@ -11,7 +11,7 @@ const B2bGridComponent = /*@__PURE__*/ proxyCustomElement(class B2bGridComponent
         this.margin = 24;
     }
     render() {
-        return (h(Host, { key: '48fb847165e96ca1ec16b36cd785872434c778f0', style: { ['padding']: `${this.margin}px` }, class: "b2b-grid" }, h("slot", { key: 'a9eec48fe8d12ba894fe38815488f78902e19a8e' })));
+        return (h(Host, { key: '0413fb6677fea801c46f2497cd3d472c9b08e3c6', style: { ['padding']: `${this.margin}px` }, class: "b2b-grid" }, h("slot", { key: '7787a48252271e16f5e02f73047f31540c1aff02' })));
     }
     get hostElement() { return this; }
     static get style() { return B2bGridStyle0; }

package/dist/components/b2b-icon-50.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface B2bIcon50 extends Components.B2bIcon50, HTMLElement {}
+export const B2bIcon50: {
+    prototype: B2bIcon50;
+    new (): B2bIcon50;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;