@otto-de/b2b-core-components 1.28.1 → 1.29.0

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -219,11 +219,14 @@
   font-family: ObcIcons;
   src: url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff");
 }
-:host .b2b-date-picker {
+:host {
+  position: relative;
+}
+.b2b-date-picker {
   position: relative;
   z-index: 300;
 }
-:host .b2b-date-picker__backdrop {
+.b2b-date-picker__backdrop {
   position: fixed;
   top: 0;
   left: 0;
@@ -231,14 +234,14 @@
   height: 100%;
   z-index: 0;
 }
-:host .b2b-date-picker-input-focus-wrapper {
+.b2b-date-picker-input-focus-wrapper {
   width: 100%;
   height: 100%;
 }
-:host .b2b-date-picker-input-focus-wrapper:hover {
+.b2b-date-picker-input-focus-wrapper:hover {
   cursor: text;
 }
-:host .b2b-date-picker-input-wrapper {
+.b2b-date-picker-input-wrapper {
   display: flex;
   box-sizing: border-box;
   height: var(--b2b-size-90); /* The height of the wrapper */
@@ -249,16 +252,16 @@
   background-color: var(--b2b-color-white-100);
   transition: outline 0.2s ease-in-out, border-color 0.2s ease-in-out;
 }
-:host .b2b-date-picker-input-wrapper--focused {
+.b2b-date-picker-input-wrapper--focused {
   outline: 2px solid -webkit-focus-ring-color;
   outline-offset: -1px;
 }
-:host .b2b-date-picker-input-wrapper--error {
+.b2b-date-picker-input-wrapper--error {
   background-color: var(--b2b-color-error-50);
   border: 1px solid var(--b2b-color-error-100);
   border-color: var(--b2b-color-error-100);
 }
-:host .b2b-date-picker-input-wrapper .b2b-date-picker-input {
+.b2b-date-picker-input-wrapper .b2b-date-picker-input {
   border: none;
   outline: none;
   box-shadow: none;
@@ -272,55 +275,55 @@
   font-weight: var(--b2b-font-weight-normal);
   font-family: var(--b2b-font-family-default);
 }
-:host .b2b-date-picker-input-wrapper .b2b-date-picker-input--error {
+.b2b-date-picker-input-wrapper .b2b-date-picker-input--error {
   background-color: var(--b2b-color-error-50);
 }
-:host .b2b-date-picker-selected-date {
+.b2b-date-picker-selected-date {
   flex: 1;
   align-self: center;
   font-size: var(--b2b-size-35);
 }
-:host .b2b-date-picker-label {
+.b2b-date-picker-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-date-picker-hint {
+.b2b-date-picker-hint {
   font-size: var(--b2b-size-copy-50);
   line-height: var(--b2b-size-copy-line-height-75);
   display: block;
   margin-top: var(--b2b-size-7);
   color: var(--b2b-color-grey-300);
 }
-:host .b2b-date-picker-hint--error {
+.b2b-date-picker-hint--error {
   color: var(--b2b-color-error-100);
 }
-:host .b2b-date-picker-body {
-  position: relative;
+.b2b-date-picker-body {
+  position: absolute;
   border-right: var(--b2b-size-1) solid var(--b2b-color-black-100);
   border-left: var(--b2b-size-1) solid var(--b2b-color-black-100);
   border-bottom: var(--b2b-size-1) solid var(--b2b-color-black-100);
-  border-top: 2px none -webkit-focus-ring-color;
   outline-offset: -1px;
   width: 300px;
   box-sizing: border-box;
+  margin-top: 1px;
   padding-bottom: var(--b2b-size-40);
   outline: none;
   background-color: var(--b2b-color-white-100);
-  z-index: 200;
+  z-index: 400;
 }
-:host .b2b-date-picker-body--hidden {
+.b2b-date-picker-body--hidden {
   display: none;
 }
-:host .b2b-icons {
+.b2b-icons {
   display: flex;
   margin-top: var(--b2b-size-5);
   align-items: center;
 }
-:host .b2b-close-icon {
+.b2b-close-icon {
   display: block;
 }
-:host .b2b-event-icon {
+.b2b-event-icon {
   display: block;
 }

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

@@ -77,6 +77,7 @@ export class B2bDatePicker {
         this.clearDateInput = () => {
             this.selectedDay = undefined;
             this.userInputDate = undefined;
+            this.b2bClear.emit();
         };
         this.handleBackdropDismiss = () => {
             this.showDatePicker = false;
@@ -709,6 +710,27 @@ export class B2bDatePicker {
                         }
                     }
                 }
+            }, {
+                "method": "b2bClear",
+                "name": "b2b-clear",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emits when the user clicks the clear button."
+                },
+                "complexType": {
+                    "original": "DateClear",
+                    "resolved": "DateClear<any>",
+                    "references": {
+                        "DateClear": {
+                            "location": "import",
+                            "path": "../../utils/interfaces/form.interface",
+                            "id": "src/utils/interfaces/form.interface.d.ts::DateClear"
+                        }
+                    }
+                }
             }];
     }
     static get elementRef() { return "host"; }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/dropdown/dropdown.e2e.js

@@ -53,4 +53,34 @@ describe('B2B-Dropdown', () => {
         expect(selectedTextElementAfter).not.toBeNull();
         expect(selectedTextElementAfter.textContent).toBe('Select an option...');
     });
+    it('should render dynamically added <option> elements using MutationObserver', async () => {
+        const page = await newE2EPage({
+            html: `<b2b-dropdown label="Fruits"></b2b-dropdown>`,
+        });
+        await page.evaluate(() => {
+            const dropdown = document.querySelector('b2b-dropdown');
+            const opt1 = document.createElement('option');
+            opt1.value = 'apple';
+            opt1.textContent = 'Apple';
+            const opt2 = document.createElement('option');
+            opt2.value = 'banana';
+            opt2.textContent = 'Banana';
+            dropdown.appendChild(opt1);
+            dropdown.appendChild(opt2);
+        });
+        const count = await page.evaluate(async () => {
+            const dropdown = document.querySelector('b2b-dropdown');
+            if (!dropdown)
+                return -1;
+            await new Promise(resolve => setTimeout(resolve, 2000));
+            const options = dropdown.querySelectorAll('option');
+            return options.length;
+        });
+        expect(count).toBe(2);
+        const dropdownPage = await page.$('b2b-dropdown');
+        const renderedOptions = await dropdownPage.$$('option');
+        const texts = await Promise.all(renderedOptions.map(opt => opt.evaluate(el => { var _a; return (_a = el.textContent) === null || _a === void 0 ? void 0 : _a.trim(); })));
+        expect(texts).toContain('Apple');
+        expect(texts).toContain('Banana');
+    });
 });

package/dist/collection/components/dropdown/dropdown.js

@@ -83,15 +83,40 @@ export class DropdownComponent {
         this.selectedValue = this.placeholderValue || '';
         this.selectedText = '';
     }
+    refreshOptions() {
+        const optionElements = Array.from(this.hostElement.querySelectorAll('option'));
+        this.options = optionElements.map(option => {
+            var _a;
+            return ({
+                value: option.getAttribute('value') || '',
+                label: ((_a = option.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '',
+                selected: option.hasAttribute('selected'),
+                disabled: option.hasAttribute('disabled'),
+            });
+        });
+    }
     componentDidLoad() {
         this.initializeOptions();
         this.updateTruncatedText();
         document.addEventListener('click', this.onClickOutside);
         window.addEventListener('resize', this.updateTruncatedText);
+        this.refreshOptions();
+        if (typeof MutationObserver !== 'undefined') {
+            this.mutationObserver = new MutationObserver(() => {
+                this.refreshOptions();
+            });
+            this.mutationObserver.observe(this.hostElement, {
+                childList: true,
+                subtree: true,
+            });
+        }
     }
     disconnectedCallback() {
         document.removeEventListener('click', this.onClickOutside);
         window.removeEventListener('resize', this.updateTruncatedText);
+        if (this.mutationObserver) {
+            this.mutationObserver.disconnect();
+        }
     }
     watchDropdownState() {
         if (this.isOpen)
@@ -125,11 +150,11 @@ export class DropdownComponent {
         const hasError = this.invalid && !this.disabled;
         const showHint = this.hint && (!this.invalid || this.disabled);
         const showError = this.error && hasError;
-        return (h(Host, { key: '09be0fe07181c102f688599b581973d03c6347ae', class: {
+        return (h(Host, { key: 'c637b01d1726e3986a086fda92e76baf3a4aebf3', class: {
                 'b2b-dropdown': true,
                 'b2b-dropdown--error': hasError,
                 'b2b-dropdown--disabled': this.disabled,
-            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: 'f4756d9f9550c1adc4aa618e9e7c673bfd89037a', class: "b2b-dropdown__wrapper", onFocus: this.onFocus, onBlur: this.onBlur }, h("div", { key: '5fed7fbb2599116576887c05d85b884367e2bf0e', class: {
+            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: 'de226d45b1c2f01ab465c180c3adcd646d714a6d', class: "b2b-dropdown__wrapper", onFocus: this.onFocus, onBlur: this.onBlur }, h("div", { key: '4cbf77b6f513e0f00987ef7aa95b63377f8d2169', class: {
                 'b2b-dropdown__select': true,
                 'b2b-dropdown__select--open': this.isOpen,
                 'b2b-dropdown__select--focused': this.focused,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 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, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 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, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 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, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 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, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 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, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/input/input.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/input-list/input-list.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/label/label.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/modal/modal.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/pagination/pagination.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/paragraph/paragraph.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/progress-bar/progress-bar.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/radio/radio.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/required-separator/required-separator.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/scrollable-container/scrollable-container.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/separator/separator.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 14 May 2025 12:50:46 GMT
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */