@otto-de/b2b-core-components 1.19.0 → 1.20.0

package/dist/collection/components/anchor/anchor.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/background-box/background-box.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/breadcrumb/breadcrumb.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -216,32 +216,34 @@
   font-family: ObcIcons;
   src: url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff");
 }
-:host .b2b-breadcrumb-nav {
+:host {
+  display: block;
+}
+.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 {
+.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);
+  color: var(--b2b-color-copy-secondary);
   cursor: pointer;
 }
-:host .b2b-breadcrumb-nav__item a {
+.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 {
+.b2b-breadcrumb-nav__item:hover,
+.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 {
+.b2b-breadcrumb-nav__item--active:hover,
+.b2b-breadcrumb-nav__item--active a:hover {
   cursor: default;
   color: var(--b2b-color-grey-400);
 }

package/dist/collection/components/breadcrumb/breadcrumb.js

@@ -6,9 +6,11 @@ export class B2bBreadCrumbComponent {
         };
         this.updateActiveItem = (newItem) => {
             this.getBreadcrumbItems()
-                .filter(x => x.value != newItem.value)
+                .filter(x => x.value !== newItem.value)
                 .forEach(x => (x.active = false));
         };
+        this.paddingTop = 0;
+        this.paddingBottom = 0;
     }
     onSelectedChange(event) {
         const item = event.target;
@@ -16,7 +18,10 @@ export class B2bBreadCrumbComponent {
         this.b2bSelected.emit({ value: item.value });
     }
     render() {
-        return (h(Host, { key: '85cfe1a842969f685907a5ba9d89bf32b657db0a' }, h("div", { key: 'd950765604d9d70f621c4f55679eb3ae1181b7bc', class: "b2b-breadcrumb-nav" }, h("slot", { key: '5152ff6e88663e4b893f7cd0a640dbd9683aa722' }))));
+        return (h(Host, { key: '28af1dc12b85c9c3a77829b9db6bc28d4ef8c079', style: {
+                paddingTop: `${this.paddingTop}px`,
+                paddingBottom: `${this.paddingBottom}px`,
+            } }, h("div", { key: 'e422ae486a483f52cb54ea114a51e1ae67c5241f', class: "b2b-breadcrumb-nav" }, h("slot", { key: '017dd20d5b8463563aa4f4d74e72557f5c703af5' }))));
     }
     static get is() { return "b2b-breadcrumb"; }
     static get encapsulation() { return "shadow"; }
@@ -30,6 +35,46 @@ export class B2bBreadCrumbComponent {
             "$": ["breadcrumb.css"]
         };
     }
+    static get properties() {
+        return {
+            "paddingTop": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Padding for the top of the breadcrumb component"
+                },
+                "attribute": "padding-top",
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "paddingBottom": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Padding for the bottom of the breadcrumb component"
+                },
+                "attribute": "padding-bottom",
+                "reflect": false,
+                "defaultValue": "0"
+            }
+        };
+    }
     static get events() {
         return [{
                 "method": "b2bSelected",

package/dist/collection/components/breadcrumb/breadcrumb.stories.js

@@ -1,19 +1,28 @@
 import { html } from "lit-html";
 import { getArgTypes } from "../../docs/config/utils";
-const Template = ({ href, active }) => {
-    return html ` <b2b-breadcrumb>
-    <b2b-breadcrumb-item href="${href}">Start</b2b-breadcrumb-item>
-    <b2b-breadcrumb-item>Weiter</b2b-breadcrumb-item>
-    <b2b-breadcrumb-item active="${active}">Ende</b2b-breadcrumb-item>
-  </b2b-breadcrumb>`;
+const Template = ({ href, active, paddingTop, paddingBottom }) => {
+    return html `
+    <b2b-breadcrumb
+      padding-top="${paddingTop}"
+      padding-bottom="${paddingBottom}">
+      <b2b-breadcrumb-item href="${href}">Start</b2b-breadcrumb-item>
+      <b2b-breadcrumb-item>Weiter</b2b-breadcrumb-item>
+      <b2b-breadcrumb-item active="${active}">Ende</b2b-breadcrumb-item>
+    </b2b-breadcrumb>
+  `;
 };
 const defaultArgs = {
     href: 'https://www.otto.de',
     active: true,
+    paddingTop: 0, // Default padding top in px
+    paddingBottom: 0, // Default padding bottom in px
 };
 export const story010Default = Template.bind({});
 story010Default.args = Object.assign({}, defaultArgs);
 story010Default.storyName = 'Default Breadcrumb';
+export const story020PaddingTopBottom = Template.bind({});
+story020PaddingTopBottom.args = Object.assign(Object.assign({}, defaultArgs), { paddingTop: 10, paddingBottom: 15 });
+story020PaddingTopBottom.storyName = 'Custom Padding';
 const breadcrumbArgs = getArgTypes('b2b-breadcrumb');
 export default {
     title: 'Components/Interaction/Breadcrumb',

package/dist/collection/components/button/button.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/card/card.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/checkbox/checkbox.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/checkbox/checkbox.js

@@ -72,7 +72,7 @@ export class CheckboxComponent {
                 'b2b-checkbox--checked': this.checked,
                 'b2b-checkbox--standalone': this.standalone,
                 'b2b-checkbox--indeterminate': this.indeterminate,
-            } }, h("div", { key: '29a99d41fca9d51aea5ac58feb92910f10d58e46', class: "b2b-checkbox-items" }, this.renderIcon(), h("input", { key: 'a05a1ba84a49d775a887e393ade4a5c2ce993273', class: "b2b-checkbox__input", "aria-labelledby": this.name, type: "checkbox", name: this.name, id: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.groupDisabled, onFocus: this.onFocus, onBlur: this.onBlur }), !this.standalone && (h("b2b-input-label", { id: this.name, required: this.required, disabled: this.disabled }, h("slot", { name: "label" }, this.label)))), (this.hint !== undefined && !this.invalid) ||
+            } }, h("div", { key: 'dab97157c87fbc3a9599355113b930039afeb1d0', class: "b2b-checkbox__items" }, this.renderIcon(), h("input", { key: '253f9206dc69ce6c404c7e4b3c260da6772d2786', class: "b2b-checkbox__input", "aria-labelledby": this.name, type: "checkbox", name: this.name, id: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.groupDisabled, onFocus: this.onFocus, onBlur: this.onBlur }), !this.standalone && (h("b2b-input-label", { id: this.name, required: this.required, disabled: this.disabled }, h("slot", { name: "label" }, this.label)))), (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)) : (''))));
     }
     static get is() { return "b2b-checkbox"; }

package/dist/collection/components/checkbox/checkbox.stories.js

@@ -45,6 +45,7 @@ export const story070LabelSlot = {
     args: Object.assign({}, defaultArgs),
     render: ({}) => html `<b2b-checkbox><span slot="label">Label Slot</span></b2b-input>`,
 };
+story070LabelSlot.storyName = 'Label slot';
 const controls = {};
 const inputCheckboxArgs = getArgTypes('b2b-checkbox', controls);
 export default {

package/dist/collection/components/checkbox-group/checkbox-group.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/chip/chip.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/date-picker/date-picker-days-header.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/date-picker/date-picker-days.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/date-picker/date-picker-header.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/date-picker/date-picker-months.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/date-picker/date-picker-years.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/date-picker/date-picker.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -217,7 +217,7 @@
 }
 :host .b2b-date-picker {
   position: relative;
-  z-index: 1000;
+  z-index: 300;
 }
 :host .b2b-date-picker__backdrop {
   position: fixed;
@@ -306,7 +306,7 @@
   padding-bottom: var(--b2b-size-40);
   outline: none;
   background-color: var(--b2b-color-white-100);
-  z-index: 900;
+  z-index: 200;
 }
 :host .b2b-date-picker-body--hidden {
   display: none;

package/dist/collection/components/date-picker/date-picker.js

@@ -154,7 +154,6 @@ export class B2bDatePicker {
             this.setSelectedDateForDisplay();
         }
         else {
-            this.showDatePicker = false;
             this.invalid = true;
             this.focused = false;
             this.selectedDay = this.todayWithoutTime.getDate();
@@ -277,19 +276,19 @@ export class B2bDatePicker {
         }
     }
     render() {
-        return (h(Host, { key: 'f55c64c00d67512d0e6c6f0e749fdc9868e44e41' }, h("div", { key: '31854fcd8b10c4349d7e8c3389be733368ca5f1a', class: "b2b-date-picker" }, h("div", { key: '2acd007a232a207870bec6e8ba944381dcdd28eb', class: "b2b-date-picker-label" }, this.label), h("div", { key: '2ae740717e19a9f1fe5a9946dbb6e891ef3103cd', class: {
+        return (h(Host, { key: '8c47388da5b4d322847338e17106f6421e570f94' }, h("div", { key: 'a5c01d164a0fd8555df6ee8cd01380072832bc8a', class: "b2b-date-picker" }, h("div", { key: 'ce234fe5588126890b384d742c5fe9cc6482e298', class: "b2b-date-picker-label" }, this.label), h("div", { key: '017889d17ab599540bb4db90b25b90bad1c37f2e', class: {
                 'b2b-date-picker-input-wrapper': true,
                 'b2b-date-picker-input-wrapper--focused': this.focused || this.showDatePicker,
                 'b2b-date-picker-input-wrapper--error': this.invalid,
-            } }, h("div", { key: '81d58e40fc617d949442bf482bf1141c9968ed83', class: "b2b-date-picker-input-focus-wrapper", onClick: () => {
+            } }, h("div", { key: 'dbb4c054fd05e75d4fd51cf37d8771062bfc4501', class: "b2b-date-picker-input-focus-wrapper", onClick: () => {
                 this.moveFocusToInputComponent();
-            } }, h("input", { key: '079990f5336387d1fdc473968f9ac0bd791bfdb0', type: "text", tabindex: 0, class: {
+            } }, h("input", { key: 'f4e4a9a6ba7304d12d3e84290647df5d1e7acd15', type: "text", tabindex: 0, class: {
                 'b2b-date-picker-input': true,
                 'b2b-date-picker-input--error': this.invalid,
             }, value: this.userInputDate, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocus, onBlur: () => {
                 this.focused = false;
                 this.handleFocusOut();
-            } })), h("div", { key: '99cf6352447665b711284afb1f27e4d8dfc33b71', class: "b2b-icons" }, this.userInputDate && (h("div", { tabIndex: 0, onClick: () => {
+            } })), h("div", { key: 'c604c6f2908bc9d96f0f489fd4758e0fe6c8e5f9', class: "b2b-icons" }, this.userInputDate && (h("div", { tabIndex: 0, onClick: () => {
                 this.invalid = false;
                 this.clearDateInput();
             }, class: "b2b-close-icon", onKeyDown: event => {
@@ -297,7 +296,7 @@ export class B2bDatePicker {
                     this.invalid = false;
                     this.clearDateInput();
                 }
-            } }, h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { key: '1c4ca8455db22ea02c4d5000c625ac6da44194c4', tabindex: 0, onClick: () => {
+            } }, h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { key: 'c3e12e0904a2ee72ff672415e49e0ebaa48e46d9', tabindex: 0, onClick: () => {
                 if (this.invalid) {
                     this.invalid = false;
                 }
@@ -309,9 +308,9 @@ export class B2bDatePicker {
                     }
                     this.showHideDatePicker();
                 }
-            }, class: "b2b-event-icon" }, h("b2b-icon", { key: 'a0332088a5d68cd8e77f07d6ea2b079f34881e2f', "aria-label": this.showDatePicker
+            }, class: "b2b-event-icon" }, h("b2b-icon", { key: 'a38cbfb24b84ca95bcd2507357e3e003cd5fd708', "aria-label": this.showDatePicker
                 ? 'close date picker'
-                : 'open date picker', icon: "b2b_icon-event", clickable: true }))))), h("div", { key: '0b1d0a315fe80940f98a0d75df38b03a90175aaa', class: {
+                : 'open date picker', icon: "b2b_icon-event", clickable: true }))))), h("div", { key: 'addb043cc83121ad0e70611a1621f95d473f7cd1', class: {
                 'b2b-date-picker-body': true,
                 'b2b-date-picker-body--hidden': !this.showDatePicker,
             } }, this.datePickerView === DatePickerView.Days && (h("div", null, h("b2b-date-picker-header", { selectedMonth: this.selectedMonth, selectedYear: this.selectedYear }), h("b2b-date-picker-days-header", null), h("b2b-date-picker-days", { selectedMonth: this.selectedMonth, selectedYear: this.selectedYear, selectedDay: this.selectedDay, disableWeekends: this.disableWeekends, disableFutureDates: this.disableFutureDates, disablePastDates: this.disablePastDates }))), this.datePickerView === DatePickerView.Months && (h("b2b-date-picker-months", { selectedMonth: this.selectedMonth })), this.datePickerView === DatePickerView.Years && (h("b2b-date-picker-years", { selectedYear: this.selectedYear }))), this.showDatePicker && (h("div", { class: "b2b-date-picker__backdrop", onClick: this.handleBackdropDismiss })), !this.showDatePicker && (h("span", { class: {

package/dist/collection/components/dropdown/dropdown.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/flyout-menu/flyout-menu-option.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/flyout-menu/flyout-menu.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/headline/headline.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Thu, 12 Dec 2024 07:14:23 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/icon-50/icons-50/b2b_icon-arrow-down.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.3765 4.17133C10.1939 3.96235 9.87747 3.94184 9.67092 4.12397L6.00002 7.33637L2.32913 4.12787C2.12161 3.94623 1.8052 3.96576 1.62356 4.17524C1.44192 4.38324 1.46292 4.69916 1.67092 4.8808L5.67092 8.3769C5.76516 8.45942 5.88284 8.50043 6.00002 8.50043C6.1177 8.50043 6.23489 8.45942 6.32913 8.3769L10.3291 4.8769C10.5371 4.69477 10.5581 4.37885 10.3765 4.17133Z" fill="#222222"/>
+<path d="M10.3765 4.17133C10.1939 3.96235 9.87747 3.94184 9.67092 4.12397L6.00002 7.33637L2.32913 4.12787C2.12161 3.94623 1.8052 3.96576 1.62356 4.17524C1.44192 4.38324 1.46292 4.69916 1.67092 4.8808L5.67092 8.3769C5.76516 8.45942 5.88284 8.50043 6.00002 8.50043C6.1177 8.50043 6.23489 8.45942 6.32913 8.3769L10.3291 4.8769C10.5371 4.69477 10.5581 4.37885 10.3765 4.17133Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-arrow-left.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.66406 6.00072L7.87646 2.32982C8.05811 2.1223 8.03711 1.80638 7.8291 1.62425C7.62158 1.44213 7.30566 1.46215 7.12354 1.67162L3.62354 5.67162C3.45898 5.86009 3.45898 6.14134 3.62354 6.32982L7.11963 10.3298C7.21826 10.4431 7.35693 10.5007 7.49609 10.5007C7.61328 10.5007 7.73047 10.4602 7.8252 10.3772C8.0332 10.1955 8.0542 9.87963 7.87256 9.67162L4.66406 6.00072Z" fill="#222222"/>
+<path d="M4.66406 6.00072L7.87646 2.32982C8.05811 2.1223 8.03711 1.80638 7.8291 1.62425C7.62158 1.44213 7.30566 1.46215 7.12354 1.67162L3.62354 5.67162C3.45898 5.86009 3.45898 6.14134 3.62354 6.32982L7.11963 10.3298C7.21826 10.4431 7.35693 10.5007 7.49609 10.5007C7.61328 10.5007 7.73047 10.4602 7.8252 10.3772C8.0332 10.1955 8.0542 9.87963 7.87256 9.67162L4.66406 6.00072Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-arrow-right.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.37646 5.67162L4.87646 1.67162C4.69335 1.46215 4.37744 1.44213 4.17089 1.62425C3.96288 1.80638 3.94189 2.1223 4.12353 2.32982L7.33593 6.00072L4.12744 9.67162C3.94579 9.87963 3.96679 10.1955 4.1748 10.3772C4.26953 10.4602 4.38671 10.5007 4.5039 10.5007C4.64306 10.5007 4.78173 10.4426 4.88037 10.3298L8.37646 6.32982C8.54101 6.14134 8.54101 5.86009 8.37646 5.67162Z" fill="#222222"/>
+<path d="M8.37646 5.67162L4.87646 1.67162C4.69335 1.46215 4.37744 1.44213 4.17089 1.62425C3.96288 1.80638 3.94189 2.1223 4.12353 2.32982L7.33593 6.00072L4.12744 9.67162C3.94579 9.87963 3.96679 10.1955 4.1748 10.3772C4.26953 10.4602 4.38671 10.5007 4.5039 10.5007C4.64306 10.5007 4.78173 10.4426 4.88037 10.3298L8.37646 6.32982C8.54101 6.14134 8.54101 5.86009 8.37646 5.67162Z"/>
 </svg>
+