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

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

@@ -22,7 +22,7 @@ describe('B2B-Alert', () => {
     });
     it('should not render text in a small alert', async () => {
         const page = await newE2EPage();
-        await page.setContent(`<b2b-alert opened>test</b2b-alert>`);
+        await page.setContent(`<b2b-alert opened size="small">test</b2b-alert>`);
         const element = await page.find('b2b-alert >>> p');
         expect(element).toBeNull();
     });
@@ -54,7 +54,7 @@ describe('B2B-Alert', () => {
     });
     it('should not render a close button in a small alert', async () => {
         const page = await newE2EPage();
-        await page.setContent(`<b2b-alert opened>test</b2b-alert>`);
+        await page.setContent(`<b2b-alert opened size="small">test</b2b-alert>`);
         const element = await page.find('b2b-alert >>> div.b2b-alert__close-icon');
         expect(element).toBeNull();
     });

package/dist/collection/components/alert/alert.js

@@ -16,7 +16,7 @@ export class AlertComponent {
             return this.size === 'small' && this.customIcon;
         };
         this.type = 'info';
-        this.size = 'small';
+        this.size = 'large';
         this.opened = false;
         this.hasCloseButton = true;
         this.customIcon = false;
@@ -82,7 +82,7 @@ export class AlertComponent {
                 },
                 "attribute": "size",
                 "reflect": false,
-                "defaultValue": "'small'"
+                "defaultValue": "'large'"
             },
             "opened": {
                 "type": "boolean",

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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -224,18 +224,27 @@
 :host .b2b-anchor {
   font-family: var(--b2b-font-family-default);
   color: var(--b2b-color-copy-default);
-  text-decoration: underline;
   transition: all 0.3s ease;
   z-index: 1001;
   position: relative;
 }
-:host .b2b-anchor:hover {
-  color: var(--b2b-color-red-100);
-  cursor: pointer;
-}
 :host .b2b-anchor--100 {
   font-size: var(--b2b-size-copy-100);
 }
 :host .b2b-anchor--inherit {
   font-size: inherit;
+}
+:host .b2b-anchor-hover--default:hover {
+  color: var(--b2b-color-red-100);
+  cursor: pointer;
+}
+:host .b2b-anchor-hover--inherit:hover {
+  color: inherit;
+  cursor: pointer;
+}
+:host .b2b-anchor--underline-text {
+  text-decoration: underline;
+}
+:host .b2b-anchor:not(.b2b-anchor--underline-text) {
+  text-decoration: none;
 }

package/dist/collection/components/anchor/anchor.js

@@ -5,12 +5,16 @@ export class AnchorComponent {
         this.download = null;
         this.target = 'self';
         this.size = 'inherit';
+        this.hoverColor = 'default';
+        this.underlineText = true;
     }
     render() {
-        return (h(Host, { key: '8957a16aaa8ac0157e279eba36ce4467462bc700' }, h("a", { key: '462c69b00d9c1c1d49f3e7db364080ae313a7da4', href: this.href, download: this.download, target: `_${this.target}`, class: {
+        return (h(Host, { key: '60d94771fa6bf9cf9d8e688ecd7eba179a8e28a3' }, h("a", { key: 'f18239735b64a33cf80167e98a8cec01c0b42fb3', href: this.href, download: this.download, target: `_${this.target}`, class: {
                 'b2b-anchor': true,
                 [`b2b-anchor--${this.size}`]: true,
-            } }, h("slot", { key: '3f17a63ebba35fc753b019a78f48c69040eed88e' }))));
+                [`b2b-anchor-hover--${this.hoverColor}`]: true,
+                'b2b-anchor--underline-text': this.underlineText,
+            } }, h("slot", { key: '9bc35228a2265b620e8e32adf9ea8040cf259192' }))));
     }
     static get is() { return "b2b-anchor"; }
     static get encapsulation() { return "shadow"; }
@@ -96,6 +100,42 @@ export class AnchorComponent {
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'inherit'"
+            },
+            "hoverColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'inherit' | 'default'",
+                    "resolved": "\"default\" | \"inherit\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The hoverColor of the link. Per default, it is set to b2b-color-red-100. If specified as inherit, it is inherited from the parent element."
+                },
+                "attribute": "hover-color",
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "underlineText": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The underlineText of the link. If set to false, the link text will not be underlined."
+                },
+                "attribute": "underline-text",
+                "reflect": false,
+                "defaultValue": "true"
             }
         };
     }

package/dist/collection/components/anchor/anchor.spec.js

@@ -10,10 +10,10 @@ it('should render the anchor component with default values', async () => {
     expect(page.root).toEqualHtml(`
     <b2b-anchor>
       <mock:shadow-root>
-        <a href="https://www.otto.de" class="b2b-anchor b2b-anchor--inherit" target="_self">
+        <a href="https://www.otto.de" class="b2b-anchor b2b-anchor--inherit b2b-anchor-hover--default b2b-anchor--underline-text" target="_self">
           <slot></slot>
         </a>
-      </mock:shadow-root>  
+      </mock:shadow-root>
       This is a test anchor.
     </b2b-anchor>
   `);
@@ -26,10 +26,10 @@ it('should change the font size of the anchor component if specified', async ()
     expect(page.root).toEqualHtml(`
     <b2b-anchor>
       <mock:shadow-root>
-        <a href="https://www.otto.de" class="b2b-anchor b2b-anchor--100" target="_self">
+        <a href="https://www.otto.de" class="b2b-anchor b2b-anchor--100 b2b-anchor-hover--default b2b-anchor--underline-text" target="_self">
           <slot></slot>
         </a>
-      </mock:shadow-root>  
+      </mock:shadow-root>
       This is a test anchor.
     </b2b-anchor>
   `);
@@ -42,10 +42,10 @@ it('should change the download string if specified', async () => {
     expect(page.root).toEqualHtml(`
     <b2b-anchor>
       <mock:shadow-root>
-        <a href="https://www.otto.de" class="b2b-anchor b2b-anchor--inherit" target="_self" download="This is a test download">
+        <a href="https://www.otto.de" class="b2b-anchor b2b-anchor--inherit b2b-anchor-hover--default b2b-anchor--underline-text" target="_self" download="This is a test download">
           <slot></slot>
         </a>
-      </mock:shadow-root>  
+      </mock:shadow-root>
       This is a test anchor.
     </b2b-anchor>
   `);
@@ -58,10 +58,10 @@ it('should change the target property if specified', async () => {
     expect(page.root).toEqualHtml(`
     <b2b-anchor>
       <mock:shadow-root>
-        <a href="https://www.otto.de" class="b2b-anchor b2b-anchor--inherit" target="_parent">
+        <a href="https://www.otto.de" class="b2b-anchor b2b-anchor--inherit b2b-anchor-hover--default b2b-anchor--underline-text" target="_parent">
           <slot></slot>
         </a>
-      </mock:shadow-root>  
+      </mock:shadow-root>
       This is a test anchor.
     </b2b-anchor>
   `);

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

@@ -1,11 +1,13 @@
 import { html } from "lit-html";
 import { getArgTypes } from "../../docs/config/utils";
-const Template = ({ href, download, size, target }) => {
+const Template = ({ href, download, size, target, hoverColor, underlineText, }) => {
     return html ` <b2b-anchor
     href="${href}"
     download="${download}"
     size="${size}"
-    target="${target}">
+    hover-color="${hoverColor}"
+    target="${target}"
+    underline-text="${underlineText}">
     Click me!
   </b2b-anchor>`;
 };
@@ -14,6 +16,7 @@ const defaultArgs = {
     download: null,
     target: 'blank',
     size: 'inherit',
+    hoverColor: 'default',
 };
 export const story010Default = Template.bind({});
 story010Default.args = defaultArgs;
@@ -24,11 +27,28 @@ story020Size100.storyName = 'Size 100';
 export const story030TargetBlank = Template.bind({});
 story030TargetBlank.args = Object.assign(Object.assign({}, defaultArgs), { target: 'blank' });
 story030TargetBlank.storyName = 'Target Blank';
+export const story040BlueHoverColor = {
+    args: Object.assign(Object.assign({}, defaultArgs), { hoverColor: 'inherit' }),
+    render: ({}) => html `<div style="color:blue; ">
+      <b2b-anchor
+        href="https://www.otto.de"
+        target="blank"
+        hover-color="inherit"
+        >Anchor Hover Color Change</b2b-anchor
+      >
+    </div>`,
+};
+story040BlueHoverColor.storyName = 'Hover Color Inherit';
+export const story050NoUnderline = Template.bind({});
+story050NoUnderline.args = Object.assign(Object.assign({}, defaultArgs), { underlineText: false });
+story050NoUnderline.storyName = 'No underline';
 const controls = {
     href: 'string',
     download: 'string',
     size: 'radio',
     target: 'radio',
+    hoverColor: 'radio',
+    underlineText: 'radio',
 };
 const anchorArgs = getArgTypes('b2b-anchor', controls);
 export default {

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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 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 Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */