@otto-de/b2b-core-components 1.24.0 → 1.26.1

package/dist/cjs/b2b-dropdown.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-668808fd.js');
 
-const dropdownCss = ":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-default:#cce9ff;--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-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--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-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--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-dropdown){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);display:block;width:100%;min-width:fit-content;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);max-width:600px}:host(.b2b-dropdown) .b2b-dropdown__select{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);appearance:none;background-color:var(--b2b-color-white-100);background-image:url('data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\"><path d=\"M27.748 12.017l-11.333 9.01a.666.666 0 0 1-.829 0l-11.333-9a.665.665 0 1 1 .829-1.044l10.919 8.671 10.919-8.68a.663.663 0 0 1 .936.107.667.667 0 0 1-.107.937z\"/></svg>');background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5rem;width:100%;min-width:fit-content;border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius);padding:7px 11px 6px;padding-right:calc(1.75rem + 6px);height:var(--b2b-size-90);line-height:var(--b2b-size-copy-line-height-100);box-sizing:border-box;position:relative}:host(.b2b-dropdown) .b2b-dropdown__select:focus-visible{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;border-radius:var(--b2b-border-radius);outline-offset:-1px;z-index:9999}:host(.b2b-dropdown) b2b-input-label{display:block;margin-bottom:var(--b2b-size-10)}:host(.b2b-dropdown) span{display:block;color:var(--b2b-color-grey-300);margin-top:var(--b2b-size-10);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75)}:host(.b2b-dropdown--error) .b2b-dropdown__select{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-right:var(--b2b-border-right);border-color:var(--b2b-color-error-100)}:host(.b2b-dropdown--error) .b2b-dropdown__select:focus{outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host(.b2b-dropdown--error) span{color:var(--b2b-color-error-100)}:host(.b2b-dropdown--disabled) .b2b-dropdown__select{background-image:url('data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"grey\" viewBox=\"0 0 32 32\"><path d=\"M27.748 12.017l-11.333 9.01a.666.666 0 0 1-.829 0l-11.333-9a.665.665 0 1 1 .829-1.044l10.919 8.671 10.919-8.68a.663.663 0 0 1 .936.107.667.667 0 0 1-.107.937z\"/></svg>');background-color:var(--b2b-color-grey-25);color:var(--b2b-color-grey-250);border-color:var(--b2b-color-grey-200);opacity:1}";
+const dropdownCss = ":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-default:#cce9ff;--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-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--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-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--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-dropdown){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);display:block;width:100%;min-width:fit-content;font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);max-width:600px}:host(.b2b-dropdown) .b2b-dropdown__select{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);appearance:none;background-color:var(--b2b-color-white-100);background-image:url('data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\"><path d=\"M27.748 12.017l-11.333 9.01a.666.666 0 0 1-.829 0l-11.333-9a.665.665 0 1 1 .829-1.044l10.919 8.671 10.919-8.68a.663.663 0 0 1 .936.107.667.667 0 0 1-.107.937z\"/></svg>');background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5rem;width:100%;min-width:fit-content;border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius);padding:7px 10px 6px;padding-right:calc(1.75rem + 6px);height:var(--b2b-size-90);line-height:var(--b2b-size-copy-line-height-100);box-sizing:border-box;position:relative}:host(.b2b-dropdown) .b2b-dropdown__select:focus-visible{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;border-radius:var(--b2b-border-radius);outline-offset:-1px;z-index:9999}:host(.b2b-dropdown) b2b-input-label{display:block;margin-bottom:var(--b2b-size-5)}:host(.b2b-dropdown) span{display:block;color:var(--b2b-color-grey-300);margin-top:var(--b2b-size-10);font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75)}:host(.b2b-dropdown--error) .b2b-dropdown__select{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-right:var(--b2b-border-right);border-color:var(--b2b-color-error-100)}:host(.b2b-dropdown--error) .b2b-dropdown__select:focus{outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host(.b2b-dropdown--error) span{color:var(--b2b-color-error-100)}:host(.b2b-dropdown--disabled) .b2b-dropdown__select{background-image:url('data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"grey\" viewBox=\"0 0 32 32\"><path d=\"M27.748 12.017l-11.333 9.01a.666.666 0 0 1-.829 0l-11.333-9a.665.665 0 1 1 .829-1.044l10.919 8.671 10.919-8.68a.663.663 0 0 1 .936.107.667.667 0 0 1-.107.937z\"/></svg>');background-color:var(--b2b-color-grey-25);color:var(--b2b-color-grey-250);border-color:var(--b2b-color-grey-200);opacity:1}";
 const B2bDropdownStyle0 = dropdownCss;
 
 const DropdownComponent = class {
@@ -37,6 +37,8 @@ const DropdownComponent = class {
         this.label = undefined;
         this.required = false;
         this.name = undefined;
+        this.placeholder = 'Select an option...';
+        this.placeholderValue = '';
         this.disabled = false;
         this.invalid = false;
         this.hint = undefined;
@@ -52,14 +54,21 @@ const DropdownComponent = class {
     componentDidRender() {
         let options = this.hostElement.querySelectorAll('option');
         const selectElement = this.getSelectElement();
+        selectElement.innerHTML = '';
+        const placeholderOption = document.createElement('option');
+        placeholderOption.value = this.placeholderValue;
+        placeholderOption.textContent = this.placeholder;
+        placeholderOption.disabled = true;
+        placeholderOption.selected = true;
+        selectElement.append(placeholderOption);
         selectElement.append(...options);
     }
     render() {
-        return (index.h(index.Host, { key: 'e4eb8019f2b434acde4f3adbe597bb255e0cf872', class: {
+        return (index.h(index.Host, { key: '0bdbaf3576571cc9a44355e23db97e867a3bd19d', class: {
                 'b2b-dropdown': true,
                 'b2b-dropdown--error': this.invalid && !this.disabled,
                 'b2b-dropdown--disabled': this.disabled,
-            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("select", { key: '3a780ca3f170a59ef73f3e72d3668f9941812e9c', 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 && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("select", { key: '7d53810ef3e04fcdd37d0383659057cfbdb0d72c', 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) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : ('')));
     }
     get hostElement() { return index.getElement(this); }

package/dist/cjs/b2b-grid-row.cjs.entry.js

@@ -15,36 +15,102 @@ const B2bGridRowComponent = class {
     componentDidLoad() {
         this.adjustColumnFlex();
     }
+    calculateRowsAndsSpaceForColumnsWithSpan(columns, currentRowTotal, rows, currentRow) {
+        columns.forEach(column => {
+            let span = parseInt(column.getAttribute('span'), 10);
+            if (currentRowTotal + span > 12) {
+                rows.push(currentRow);
+                currentRow = [];
+                currentRowTotal = 0;
+            }
+            currentRow.push(column);
+            currentRowTotal += span;
+        });
+        if (currentRow.length > 0) {
+            rows.push(currentRow);
+        }
+    }
     adjustColumnFlex() {
         const columns = this.hostElement.querySelectorAll(':scope > b2b-grid-col');
         let totalSpan = 0;
         let columnsWithoutSpan = [];
+        let columnsWithSpan = [];
         columns.forEach((column) => {
             const span = column.getAttribute('span');
             if (span) {
                 totalSpan += parseInt(span, 10);
+                columnsWithSpan.push(column);
             }
             else {
                 columnsWithoutSpan.push(column);
             }
         });
-        const remainingSpan = 12 - totalSpan;
-        if (remainingSpan == 0) {
-            columnsWithoutSpan.forEach(column => {
-                column.style.width = '100%';
-            });
+        if (totalSpan > 12 && columnsWithoutSpan.length === 0) {
+            this.handleOverflowingColumns(columnsWithSpan);
             return;
         }
         if (columnsWithoutSpan.length > 0) {
-            const spanPerColumn = Math.floor(remainingSpan / columnsWithoutSpan.length);
-            columnsWithoutSpan.forEach(column => {
-                column.setAttribute('span', spanPerColumn.toString());
-                column.style.width = `${(spanPerColumn / 12) * 100}%`;
+            this.handleRowsWithColumnsWithoutSpan(columnsWithoutSpan, columnsWithSpan, totalSpan);
+            return;
+        }
+        if (totalSpan < 12 && columnsWithoutSpan.length === 0) {
+            this.handleNonOverflowingColumnsWithSpan(columnsWithSpan);
+            return;
+        }
+    }
+    handleNonOverflowingColumnsWithSpan(columnsWithSpan) {
+        columnsWithSpan.forEach(column => {
+            let span = parseInt(column.getAttribute('span'), 10);
+            let widthPercentage = (span / 12) * 100;
+            column.style.flex = `0 0 calc(${widthPercentage}% - ${this.columnGap}px)`;
+            column.style.maxWidth = `calc(${widthPercentage}% - ${this.columnGap}px)`;
+        });
+    }
+    handleOverflowingColumns(columns) {
+        let rows = [];
+        let currentRow = [];
+        let currentRowTotal = 0;
+        this.calculateRowsAndsSpaceForColumnsWithSpan(columns, currentRowTotal, rows, currentRow);
+        rows.forEach(row => {
+            row.forEach(column => {
+                let span = parseInt(column.getAttribute('span'), 10);
+                let widthPercentage = (span / 12) * 100;
+                column.style.flex = `0 0 calc(${widthPercentage}% - ${this.columnGap}px)`;
+                column.style.maxWidth = `calc(${widthPercentage}% - ${this.columnGap}px)`;
             });
+        });
+    }
+    handleRowsWithColumnsWithoutSpan(columnsWithoutSpan, columnsWithSpan, totalSpan) {
+        let remainingSpan = 12 - totalSpan <= 0 ? 12 : 12 - totalSpan;
+        let rows = [];
+        let currentRow = [];
+        let currentRowTotal = 0;
+        this.calculateRowsAndsSpaceForColumnsWithSpan(columnsWithSpan, currentRowTotal, rows, currentRow);
+        columnsWithoutSpan.forEach(column => {
+            let spanPerColumn = Math.max(1, Math.floor(remainingSpan / columnsWithoutSpan.length));
+            if (currentRowTotal + spanPerColumn > 12) {
+                rows.push(currentRow);
+                currentRow = [];
+                currentRowTotal = 0;
+            }
+            column.setAttribute('span', spanPerColumn.toString());
+            currentRow.push(column);
+            currentRowTotal += spanPerColumn;
+        });
+        if (currentRow.length > 0) {
+            rows.push(currentRow);
         }
+        rows.forEach(row => {
+            row.forEach(column => {
+                let span = parseInt(column.getAttribute('span'), 10) || 1;
+                let widthPercentage = (span / 12) * 100;
+                column.style.flex = `0 0 calc(${widthPercentage}% - ${this.columnGap}px)`;
+                column.style.maxWidth = `calc(${widthPercentage}% - ${this.columnGap}px)`;
+            });
+        });
     }
     render() {
-        return (index.h(index.Host, { key: 'f77863071f40aef68345792802a1170b59d6bd30', style: {
+        return (index.h(index.Host, { key: 'da13d7265983cb9a8e70b43c0f7e152912b8e353', style: {
                 ['justify-content']: `${this.justify}`,
                 ['gap']: `${this.columnGap}px`,
                 ['margin']: `${this.rowGap}px 0`,
@@ -52,7 +118,7 @@ const B2bGridRowComponent = class {
                 ['display']: 'flex',
                 ['flex-wrap']: 'wrap',
                 ['box-sizing']: 'border-box',
-            } }, index.h("slot", { key: '1cb248539477e9fc94a604e43200aa5e391b3ed7' })));
+            } }, index.h("slot", { key: 'b0be12c2eeda9cf109875a17e1509755960f1e65' })));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-input-group_2.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-668808fd.js');
 
-const inputGroupCss = ":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-default:#cce9ff;--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-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--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-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--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-input-wrapper{display:flex;align-items:flex-end;flex:0 0 auto;max-width:800px}:host .b2b-input-wrapper__hint{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-10);color:var(--b2b-color-grey-300)}:host .b2b-input-wrapper__hint--error{color:var(--b2b-color-error-100)}::slotted(*[slot=start]){--b2b-border-radius:var(--b2b-size-border-radius-100) 0 0\n    var(--b2b-size-border-radius-100);--b2b-border-right:0}::slotted(*){--b2b-border-radius:0;--b2b-border-right:0}::slotted(*[slot=end]){--b2b-border-radius:0 var(--b2b-size-border-radius-100)\n    var(--b2b-size-border-radius-100) 0;--b2b-border-right:1px solid var(--b2b-color-grey-200)}";
+const inputGroupCss = ":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-default:#cce9ff;--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-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--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-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--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-input-wrapper{display:flex;align-items:flex-end;flex:0 0 auto;max-width:800px}:host .b2b-input-wrapper__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-input-wrapper__hint--error{color:var(--b2b-color-error-100)}::slotted(*[slot=start]){--b2b-border-radius:var(--b2b-size-border-radius-100) 0 0\n    var(--b2b-size-border-radius-100);--b2b-border-right:0}::slotted(*){--b2b-border-radius:0;--b2b-border-right:0}::slotted(*[slot=end]){--b2b-border-radius:0 var(--b2b-size-border-radius-100)\n    var(--b2b-size-border-radius-100) 0;--b2b-border-right:1px solid var(--b2b-color-grey-200)}";
 const B2bInputGroupStyle0 = inputGroupCss;
 
 const B2BInputGroup = class {

package/dist/cjs/b2b-input_2.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-668808fd.js');
 
-const inputCss = ":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-default:#cce9ff;--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-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--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-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--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-input){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);display:block;width:100%;min-width:var(--b2b-size-120);max-width:600px;font-family:var(--b2b-font-family-default)}:host(.b2b-input) .b2b-input__wrapper{display:flex;align-items:center;height:var(--b2b-size-60);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius);padding:5px var(--b2b-size-25) 5px;background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);position:relative}:host(.b2b-input) .b2b-input__wrapper--focused{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;border-radius:var(--b2b-border-radius);z-index:9999}:host(.b2b-input) .b2b-input__wrapper--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper--disabled .b2b-input__native-input{background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper .border{border-left:1px solid var(--b2b-color-grey-300);height:100%;margin:0 8px}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);box-sizing:border-box;outline:none;border:none;appearance:none;height:auto;flex:1 1 auto;width:0}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-left{text-align:left}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-right{text-align:right}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-center{text-align:center}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--disabled{color:var(--b2b-color-grey-300)}:host(.b2b-input) b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}:host(.b2b-input) span{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-input--error) .b2b-input__wrapper,:host(.b2b-input--error) .b2b-input__native-input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-right:var(--b2b-border-right);border-color:var(--b2b-color-error-100);color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__wrapper::placeholder,:host(.b2b-input--error) .b2b-input__native-input::placeholder{color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__input-wrapper--focused{outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host(.b2b-input--error) span{color:var(--b2b-color-error-100)}::slotted(span){font-size:var(--b2b-size-copy-100);cursor:default;user-select:none;display:inline-block;overflow:hidden;white-space:nowrap}";
+const inputCss = ":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-default:#cce9ff;--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-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--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-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--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-input){--b2b-border-radius:var(--b2b-size-border-radius-100);--b2b-border-right:1px solid var(--b2b-color-grey-200);display:block;width:100%;min-width:var(--b2b-size-120);max-width:600px;font-family:var(--b2b-font-family-default)}:host(.b2b-input) .b2b-input__wrapper{display:flex;align-items:center;height:var(--b2b-size-60);border:1px solid var(--b2b-color-grey-200);border-right:var(--b2b-border-right);border-radius:var(--b2b-border-radius);padding:5px var(--b2b-size-25) 5px;background-color:var(--b2b-color-white-100);color:var(--b2b-color-black-100);position:relative}:host(.b2b-input) .b2b-input__wrapper--focused{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;border-radius:var(--b2b-border-radius);z-index:9999}:host(.b2b-input) .b2b-input__wrapper--disabled{color:var(--b2b-color-grey-250);background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper--disabled .b2b-input__native-input{background-color:var(--b2b-color-grey-25)}:host(.b2b-input) .b2b-input__wrapper .border{border-left:1px solid var(--b2b-color-grey-300);height:100%;margin:0 8px}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100);box-sizing:border-box;outline:none;border:none;appearance:none;height:auto;flex:1 1 auto;width:0}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input::placeholder{color:var(--b2b-color-grey-300)}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-left{text-align:left}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-right{text-align:right}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--align-center{text-align:center}:host(.b2b-input) .b2b-input__wrapper .b2b-input__native-input--disabled{color:var(--b2b-color-grey-300)}:host(.b2b-input) b2b-input-label{display:block;margin-bottom:var(--b2b-size-5);color:var(--b2b-color-black-100)}:host(.b2b-input) span{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-input--error) .b2b-input__wrapper,:host(.b2b-input--error) .b2b-input__native-input{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-right:var(--b2b-border-right);border-color:var(--b2b-color-error-100);color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__wrapper::placeholder,:host(.b2b-input--error) .b2b-input__native-input::placeholder{color:var(--b2b-color-copy-default)}:host(.b2b-input--error) .b2b-input__input-wrapper--focused{outline:2px solid var(--b2b-color-error-100);outline-offset:-1px}:host(.b2b-input--error) span{color:var(--b2b-color-error-100)}::slotted(span:not([slot=hint],[slot=label])){font-size:var(--b2b-size-copy-100);cursor:default;user-select:none;display:inline-block;overflow:hidden;white-space:nowrap}";
 const B2bInputStyle0 = inputCss;
 
 const InputComponent = class {
@@ -84,23 +84,44 @@ const InputComponent = class {
         }
         this.getSlottedText();
     }
+    processHintSlotContent() {
+        if (this.hintSlot === null || this.hintSlot === undefined)
+            return;
+        const disallowedElements = this.hintSlot.querySelectorAll(':not(b2b-anchor, b, strong, i, em, span)');
+        disallowedElements.forEach(element => {
+            if (element.nodeType === Node.ELEMENT_NODE) {
+                element.remove();
+            }
+        });
+    }
+    filterHintSlotContent() {
+        this.processHintSlotContent();
+        if (this.hintSlot !== null && this.hintSlot !== undefined) {
+            const observer = new MutationObserver(() => this.processHintSlotContent());
+            observer.observe(this.hintSlot, { childList: true, subtree: true });
+        }
+    }
     componentWillLoad() {
         this.labelSlot = this.hostElement.querySelector('[slot="label"]');
+        this.hintSlot = this.hostElement.querySelector('[slot="hint"]');
+    }
+    componentDidLoad() {
+        this.filterHintSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: '48398c9027d0dbe9a62bbc806357842fcf12fab6', class: {
+        return (index.h(index.Host, { key: '8d1ca422e0a614f9fdd808c5be225c1e5f20393d', class: {
                 'b2b-input': true,
                 'b2b-input--error': this.invalid && !this.disabled,
-            } }, (this.label || this.labelSlot) && (index.h("b2b-input-label", { id: this.name, required: this.required }, index.h("slot", { name: "label" }, this.label))), index.h("div", { key: 'd6a7e8ab3e20a1ea02252c4968d0043afb91518d', class: {
+            } }, (this.label || this.labelSlot) && (index.h("b2b-input-label", { id: this.name, required: this.required }, index.h("slot", { name: "label" }, this.label))), index.h("div", { key: '9a0881a2659bd4cd165be43b62e082c6e54d78d4', class: {
                 'b2b-input__wrapper': true,
                 'b2b-input__wrapper--focused': this.hasFocus,
                 'b2b-input__wrapper--disabled': this.disabled || this.groupDisabled,
-            } }, index.h("slot", { key: 'fb82b2d7c98250248c2991840896251a28368a31', name: "start" }), this.hasTextPrefix && index.h("div", { class: "border" }), index.h("input", { key: '4b3e7be8d07c0abf3ed11f3ce13c9f9f43672927', class: {
+            } }, index.h("slot", { key: '5e64fdbdf8c4f2c206f2796510b4a91af4cc0b4d', name: "start" }), this.hasTextPrefix && index.h("div", { class: "border" }), index.h("input", { key: 'a661e9b0e1553aa28bb0151f917041b57b42f07a', class: {
                 'b2b-input__native-input': true,
                 ['b2b-input__native-input--align-' + this.inputTextAlign]: true,
                 'b2b-input__native-input--disabled': this.disabled,
-            }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && index.h("div", { class: "border" }), index.h("slot", { key: '96d37a29b8b01c63d1cd4b913a83a1240f6efcbf', name: "end" })), (this.hint !== undefined && !this.invalid) ||
-            (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : ('')));
+            }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && index.h("div", { class: "border" }), index.h("slot", { key: 'cb32fe135408274018be0b800d0b2321756c0c9c', name: "end" })), (this.hint !== undefined || this.hintSlot) &&
+            (!this.invalid || this.disabled) ? (index.h("span", null, index.h("slot", { name: "hint" }, this.hint))) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : ('')));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js

@@ -30,7 +30,7 @@ const B2bMultiSelectDropdown = class {
                     return (index.h("b2b-chip-component", { label: option, value: option, "onB2b-close": this.handleChipClose }));
                 }
                 else if (index$1 === this.maxOptionsVisible) {
-                    return (index.h("b2b-chip-component", { label: "...", class: "b2b-multiselect-dropdown__option--show-more-button", "has-close-button": "false", onClick: this.handleOverflowOptionsClick }));
+                    return (index.h("b2b-chip-component", { label: "...", class: "b2b-multiselect-dropdown__option--show-more-button", hasCloseButton: true, onClick: this.handleOverflowOptionsClick }));
                 }
                 else {
                     return;
@@ -163,13 +163,13 @@ const B2bMultiSelectDropdown = class {
         this.updateSelectAll(options);
     }
     render() {
-        return (index.h(index.Host, { key: 'ae0810d77f48d5aed5fb7d97e1b3a800a4a057b0', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, index.h("b2b-input-label", { key: 'e9e67e9c02c8885919740f97c3c52f12991cff66' }, this.label), index.h("div", { key: '43e41efade0b8d761f1d8edf11415a43c461e804', class: {
+        return (index.h(index.Host, { key: '53aff695c900964cb3dc5bcb68c10b5285be16cd', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, index.h("b2b-input-label", { key: '983a3b773e397fe5e1512168acc12d07a41e57ff' }, this.label), index.h("div", { key: '577f648af5e7fda2e1a225a97faf05612c84e772', class: {
                 'b2b-multiselect-dropdown': true,
                 'b2b-multiselect-dropdown--open': this.isElementFocused,
-            }, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.currentSelectedValues.length === 0 ? (index.h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (index.h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), index.h("b2b-icon-100", { key: '3631f88b18b5a2088f666727fac8f08ba0260f48', icon: "b2b_icon-arrow-down" })), index.h("div", { key: 'f022633b89930b1904788affa426ba36a451c631', class: {
+            }, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.currentSelectedValues.length === 0 ? (index.h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (index.h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), index.h("b2b-icon-100", { key: '9bbe6f5442662cd102292846f5476b8ce899356a', icon: "b2b_icon-arrow-down" })), index.h("div", { key: '17593767cfeb17c341efd46dfc007197847c97bb', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isElementFocused,
-            } }, index.h("div", { key: '1b1b314b3f31e8eb22e627f533d9662fc89c095b', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, index.h("div", { key: 'c041573e27abd76a3574cb3bd75cc34a3add6862', class: "b2b-multiselect-dropdown__option__search" }, index.h("input", { key: 'f4e01c003daf791325a5f7bd2e935497204749b0', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), index.h("b2b-multiselect-option", { key: '6540d5bd19352eebbeb4328065a1f810d7817d63', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
+            } }, index.h("div", { key: 'fe585cea40b0ef97d46cbd3a92f60c7382f75a97', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, index.h("div", { key: '863879f8b34e870bb2f82d62edf07aad8a475b6d', class: "b2b-multiselect-dropdown__option__search" }, index.h("input", { key: '9866a72f2f7a4b19968ac5c03d6b07e60fcb6504', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), index.h("b2b-multiselect-option", { key: '93c740c3ba53544c90d6c1130fee1e444b53965b', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
             this.currentList.map(option => (index.h("b2b-multiselect-option", { "onB2b-option-selected": this.handleSelectedChange, option: option })))))));
     }
     get hostElement() { return index.getElement(this); }

package/dist/cjs/b2b-snackbar.cjs.entry.js

@@ -59,6 +59,7 @@ const SnackbarComponent = class {
         this.duration = 5000;
         this.hasAction = false;
         this.actionLabel = undefined;
+        this.width = undefined;
     }
     onVisibleChange(newValue) {
         if (this.timed && this.type !== 'error') {
@@ -90,17 +91,17 @@ const SnackbarComponent = class {
         clearTimeout(this.timeoutId);
     }
     render() {
-        return (index.h(index.Host, { key: '2c1fa25b458eb820c0d5b2bbff6e8b5c4f67a435', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: '9c84de32c173d00d275946785236a799a4044955', class: {
+        return (index.h(index.Host, { key: '693f7639a65edfd76e101540ccd663cc3f533448', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: 'f522b01889ee90866e2fd01036805139aa0f39df', class: {
                 'b2b-snackbar': true,
                 [`b2b-snackbar--${this.type}`]: true,
                 'b2b-snackbar--opened': this.opened,
-            } }, index.h("div", { key: 'a6cdf11eb13128287c1eb0c0cd5158ce940b5ce1', class: "b2b-snackbar__content" }, index.h("span", { key: '5e68c325dc40a7e78af3103b7a748cf1ffb4519d', class: { [`b2b-snackbar--${this.type}__icon`]: true } }, this.chooseIcon()), index.h("p", { key: '740611167aadea1a6e6aee692f6b634401220875', class: "b2b-snackbar__content__description" }, this.description)), this.isActionPresent() && (index.h("div", { class: {
+            }, style: this.width ? { width: this.width } : { width: 'auto' } }, index.h("div", { key: '3cafcd2cbff1203950ad15b038f0346e12232131', class: "b2b-snackbar__content" }, index.h("span", { key: '5811cd72a94d7ba281f3733dd9ed0281cb47c37f', class: { [`b2b-snackbar--${this.type}__icon`]: true } }, this.chooseIcon()), index.h("p", { key: '079f6ad5e83c365a224bc0c1f9862cd6409a7a6d', class: "b2b-snackbar__content__description" }, this.description)), this.isActionPresent() && (index.h("div", { class: {
                 'b2b-snackbar__action': true,
                 [`b2b-snackbar__action--${this.type}`]: true,
-            }, onClick: this.handleActionClick }, index.h("a", null, this.actionLabel))), index.h("div", { key: '1f5a0bd09d7dfc7c2753fc9acc5b56a81315c0a0', class: {
+            }, onClick: this.handleActionClick }, index.h("a", null, this.actionLabel))), index.h("div", { key: '901aa5ad65f440e7de8a87e5a1fd88643b9766b6', class: {
                 'b2b-snackbar__close-icon': true,
                 [`b2b-snackbar__close-icon--${this.type}`]: true,
-            }, onClick: this.close }, index.h("b2b-icon-100", { key: '4b0ea44065f95e776ef0650092aea0742b1588a5', clickable: true, size: 24, icon: "b2b_icon-close" })))));
+            }, onClick: this.close }, index.h("b2b-icon-100", { key: 'efd48b87b50a36d790f59bccfc3553a9d105adfd', clickable: true, size: 24, icon: "b2b_icon-close" })))));
     }
     static get watchers() { return {
         "opened": ["onVisibleChange"]

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"b2b-search.cjs\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker.cjs\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[1,\"disable-dates\"],\"label\":[1],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"width\":[2],\"disableDays\":[1,\"disable-days\"],\"disableDatesUntil\":[1,\"disable-dates-until\"],\"disableDatesFrom\":[1,\"disable-dates-from\"],\"hint\":[1],\"placeholder\":[513],\"language\":[1],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32],\"datesToBeDisabled\":[32],\"normalizedDisableEvery\":[32],\"normalizedDisableDatesUntil\":[32],\"normalizedDisableDatesFrom\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]]]]],[\"b2b-multiselect-dropdown.cjs\",[[1,\"b2b-multiselect-dropdown\",{\"label\":[1],\"placeholder\":[513],\"selectedValues\":[1,\"selected-values\"],\"optionsList\":[1,\"options-list\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"maxOptionsVisible\":[2,\"max-options-visible\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row.cjs\",[[1,\"b2b-table-row\",{\"highlight\":[4],\"color\":[1],\"selectable\":[4],\"size\":[1],\"value\":[1],\"indeterminate\":[4],\"checked\":[1028],\"isAccordionValue\":[32],\"isOpen\":[32],\"toggleAccordion\":[64]},[[0,\"b2b-change\",\"toggleSelected\"]]]]],[\"b2b-wizard-step.cjs\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal.cjs\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination.cjs\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-alert.cjs\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group.cjs\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-dropdown.cjs\",[[1,\"b2b-dropdown\",{\"label\":[1],\"required\":[516],\"name\":[513],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-button.cjs\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group.cjs\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator.cjs\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-snackbar.cjs\",[[1,\"b2b-snackbar\",{\"description\":[1],\"type\":[1],\"opened\":[1028],\"timed\":[4],\"duration\":[2],\"hasAction\":[4,\"has-action\"],\"actionLabel\":[1,\"action-label\"]},null,{\"opened\":[\"onVisibleChange\"]}]]],[\"b2b-tab-group.cjs\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea.cjs\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"autofocus\":[516],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor.cjs\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1],\"hoverColor\":[1,\"hover-color\"],\"underlineText\":[4,\"underline-text\"]}]]],[\"b2b-background-box.cjs\",[[1,\"b2b-background-box\",{\"fixedWidth\":[4,\"fixed-width\"],\"noPadding\":[4,\"no-padding\"],\"borderTop\":[1,\"border-top\"],\"borderRight\":[1,\"border-right\"],\"borderBottom\":[1,\"border-bottom\"],\"borderLeft\":[1,\"border-left\"]}]]],[\"b2b-breadcrumb.cjs\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item.cjs\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card.cjs\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu.cjs\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option.cjs\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid.cjs\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col.cjs\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row.cjs\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon.cjs\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50.cjs\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label.cjs\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-paragraph.cjs\",[[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-progress-bar.cjs\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container.cjs\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-shimmer.cjs\",[[1,\"b2b-shimmer\",{\"loading\":[4],\"width\":[2],\"height\":[2]}]]],[\"b2b-tab.cjs\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel.cjs\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table.cjs\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup.cjs\",[[1,\"b2b-table-rowgroup\",{\"type\":[1],\"size\":[1],\"accordion\":[516],\"selectable\":[4],\"fixed\":[4],\"opened\":[516],\"selectedValues\":[32]},[[0,\"b2b-open\",\"handleOpenChange\"],[0,\"b2b-row-selected\",\"handleSelectedChange\"]]]]],[\"b2b-toggle-button.cjs\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip.cjs\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group.cjs\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch.cjs\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip.cjs\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard.cjs\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-wizard-icon.cjs\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-input-group_2.cjs\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"isElementFocused\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-chip-component_2.cjs\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520]}]]],[\"b2b-table-cell_2.cjs\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-rounded-icon.cjs\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator.cjs\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-checkbox.cjs\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-headline.cjs\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-input_2.cjs\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"autofocus\":[4],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}],[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker-days_5.cjs\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"language\":[1]}],[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[16],\"disableEvery\":[16],\"disableDatesUntil\":[16],\"disableDatesFrom\":[16],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-days-header\",{\"language\":[1]}],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"],\"language\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-button_2.cjs\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-icon-100.cjs\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-input-label.cjs\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"b2b-date-picker.cjs\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[1,\"disable-dates\"],\"label\":[1],\"required\":[516],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"width\":[2],\"disableDays\":[1,\"disable-days\"],\"disableDatesUntil\":[1,\"disable-dates-until\"],\"disableDatesFrom\":[1,\"disable-dates-from\"],\"hint\":[1],\"placeholder\":[513],\"language\":[1],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32],\"datesToBeDisabled\":[32],\"normalizedDisableEvery\":[32],\"normalizedDisableDatesUntil\":[32],\"normalizedDisableDatesFrom\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]]]]],[\"b2b-search.cjs\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-multiselect-dropdown.cjs\",[[1,\"b2b-multiselect-dropdown\",{\"label\":[1],\"placeholder\":[513],\"selectedValues\":[1,\"selected-values\"],\"optionsList\":[1,\"options-list\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"maxOptionsVisible\":[2,\"max-options-visible\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row.cjs\",[[1,\"b2b-table-row\",{\"highlight\":[4],\"color\":[1],\"selectable\":[4],\"size\":[1],\"value\":[1],\"indeterminate\":[4],\"checked\":[1028],\"isAccordionValue\":[32],\"isOpen\":[32],\"toggleAccordion\":[64]},[[0,\"b2b-change\",\"toggleSelected\"]]]]],[\"b2b-wizard-step.cjs\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal.cjs\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination.cjs\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-alert.cjs\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group.cjs\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-dropdown.cjs\",[[1,\"b2b-dropdown\",{\"label\":[1],\"required\":[516],\"name\":[513],\"placeholder\":[1],\"placeholderValue\":[1,\"placeholder-value\"],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-button.cjs\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group.cjs\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator.cjs\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-snackbar.cjs\",[[1,\"b2b-snackbar\",{\"description\":[1],\"type\":[1],\"opened\":[1028],\"timed\":[4],\"duration\":[2],\"hasAction\":[4,\"has-action\"],\"actionLabel\":[1,\"action-label\"],\"width\":[1]},null,{\"opened\":[\"onVisibleChange\"]}]]],[\"b2b-tab-group.cjs\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea.cjs\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"autofocus\":[516],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor.cjs\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1],\"hoverColor\":[1,\"hover-color\"],\"underlineText\":[4,\"underline-text\"]}]]],[\"b2b-background-box.cjs\",[[1,\"b2b-background-box\",{\"maxWidth\":[4,\"max-width\"],\"noPadding\":[4,\"no-padding\"],\"borderTop\":[1,\"border-top\"],\"borderRight\":[1,\"border-right\"],\"borderBottom\":[1,\"border-bottom\"],\"borderLeft\":[1,\"border-left\"]}]]],[\"b2b-breadcrumb.cjs\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item.cjs\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card.cjs\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu.cjs\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option.cjs\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid.cjs\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col.cjs\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row.cjs\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon.cjs\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50.cjs\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label.cjs\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-paragraph.cjs\",[[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-progress-bar.cjs\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container.cjs\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-shimmer.cjs\",[[1,\"b2b-shimmer\",{\"loading\":[4],\"width\":[2],\"height\":[2]}]]],[\"b2b-tab.cjs\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel.cjs\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table.cjs\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup.cjs\",[[1,\"b2b-table-rowgroup\",{\"type\":[1],\"size\":[1],\"accordion\":[516],\"selectable\":[4],\"fixed\":[4],\"opened\":[516],\"selectedValues\":[32]},[[0,\"b2b-open\",\"handleOpenChange\"],[0,\"b2b-row-selected\",\"handleSelectedChange\"]]]]],[\"b2b-toggle-button.cjs\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip.cjs\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group.cjs\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch.cjs\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip.cjs\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard.cjs\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-wizard-icon.cjs\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-input-group_2.cjs\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"isElementFocused\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-chip-component_2.cjs\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520]}]]],[\"b2b-table-cell_2.cjs\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-rounded-icon.cjs\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator.cjs\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-checkbox.cjs\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-headline.cjs\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-input_2.cjs\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"autofocus\":[4],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}],[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker-days_5.cjs\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"language\":[1]}],[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[16],\"disableEvery\":[16],\"disableDatesUntil\":[16],\"disableDatesFrom\":[16],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-days-header\",{\"language\":[1]}],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"],\"language\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-button_2.cjs\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-icon-100.cjs\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-input-label.cjs\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/alert/alert.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Feb 2025 06:22:03 GMT
+ * Generated on Thu, 20 Mar 2025 12:45:50 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 27 Feb 2025 06:22:03 GMT
+ * Generated on Thu, 20 Mar 2025 12:45:50 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,5 +1,5 @@
 import { html } from "lit-html";
-import { screen } from "@storybook/testing-library";
+import { screen } from "@storybook/test";
 import { getArgTypes } from "../../docs/config/utils";
 import { useArgs } from "@storybook/preview-api";
 const Template = ({ type, opened, size, hasCloseButton, customIcon, }) => {
@@ -33,7 +33,6 @@ const defaultArgs = {
     hasCloseButton: true,
     customIcon: false,
 };
-// for snapshot testing
 const openAlert = async () => {
     const openAlertButton = screen.getByText('Open Alert');
     await openAlertButton.click();

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 27 Feb 2025 06:22:03 GMT
+ * Generated on Thu, 20 Mar 2025 12:45:50 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 27 Feb 2025 06:22:03 GMT
+ * Generated on Thu, 20 Mar 2025 12:45:50 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 Thu, 27 Feb 2025 06:22:03 GMT
+ * Generated on Thu, 20 Mar 2025 12:45:50 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 27 Feb 2025 06:22:03 GMT
+ * Generated on Thu, 20 Mar 2025 12:45:50 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -223,12 +223,12 @@
   border: var(--b2b-size-1) solid var(--b2b-color-border-100);
   padding: 1.5rem;
 }
-:host(.b2b-background-box--fixed-width.b2b-background-box--no-padding) {
-  width: 75.75rem;
+:host(.b2b-background-box--max-width.b2b-background-box--no-padding) {
+  max-width: 75.75rem;
   padding: unset;
 }
-:host(.b2b-background-box--fixed-width) {
-  width: 72.75rem;
+:host(.b2b-background-box--max-width) {
+  max-width: 72.75rem;
 }
 :host(.b2b-background-box--no-padding) {
   padding: unset;