@otto-de/b2b-core-components 1.8.1 → 1.8.2

package/dist/collection/components/icon/icons/b2b_logo-carrier-ups.svg

@@ -1,14 +1,14 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0" y="0" width="32" height="32" fill="white"/>
-<g clip-path="url(#clip0_1022_31)">
-<path d="M12.325 21.6382C12.494 21.5537 16.889 19.6534 18.2835 18.5132C19.7203 17.3308 20.481 15.6417 20.481 13.6147V4.11314L20.3542 4.07091C16.8467 2.1706 12.494 2.29729 12.2827 2.29729C12.1137 2.29729 7.76104 2.1706 4.25355 4.07091L4.16904 4.11314V13.6569C4.16904 15.6839 4.9297 17.3731 6.3665 18.5555C7.76104 19.6957 12.156 21.596 12.325 21.6382Z" fill="#341B14"/>
-<path d="M12.325 21.8493C12.325 21.8493 7.67652 19.8223 6.23972 18.6821C4.7184 17.4153 4 15.6839 4 13.6991V3.81752C7.67652 1.83276 12.325 2.00167 12.325 2.00167C12.325 2.00167 16.9735 1.83276 20.65 3.81752V13.6569C20.65 15.6417 19.9316 17.373 18.4103 18.6399C16.9735 19.8223 12.325 21.8493 12.325 21.8493ZM4.67614 13.6991C4.67614 15.5572 5.35228 17.0774 6.66231 18.1332C7.84556 19.1044 11.353 20.6669 12.325 21.0892C13.297 20.6669 16.8467 19.0622 17.9877 18.1332C19.2977 17.0774 19.9739 15.515 19.9739 13.6991V3.98644C15.0718 3.52192 9.2401 3.77529 4.67614 7.9982V13.6991Z" fill="#FFB406"/>
-<path d="M17.0157 12.3056C17.6496 12.6856 17.9032 12.939 17.9454 13.4035C17.9454 13.9103 17.6074 14.2059 17.058 14.2059C16.5932 14.2059 16.0438 13.9525 15.6635 13.6147V14.966C16.1283 15.2194 16.6777 15.4305 17.2693 15.4305C18.7061 15.4305 19.3822 14.417 19.3822 13.488C19.4245 12.6434 19.1709 11.9677 17.9454 11.2498C17.3961 10.912 16.9735 10.7009 16.9735 10.1941C16.9735 9.68737 17.4383 9.47623 17.8187 9.47623C18.3258 9.47623 18.8329 9.77183 19.1287 10.0674V8.80056C18.8751 8.58942 18.3258 8.29381 17.5228 8.33604C16.5509 8.37827 15.5367 9.05394 15.5367 10.2363C15.5789 11.0387 15.8325 11.6299 17.0157 12.3056ZM12.0292 15.3461C12.156 15.3883 12.3673 15.4305 12.7053 15.4305C14.3534 15.4305 15.2831 13.9525 15.2831 11.8411C15.2831 9.68737 14.3112 8.37827 12.5786 8.37827C11.7756 8.37827 11.1418 8.54719 10.5924 8.88502V18.4288H12.0292V15.3461ZM12.0292 9.60291C12.156 9.56068 12.3673 9.47623 12.5363 9.47623C13.3815 9.47623 13.7195 10.1519 13.7195 11.7988C13.7195 13.4035 13.297 14.1636 12.4518 14.1636C12.2405 14.1636 12.0714 14.1214 11.9869 14.0792V9.60291H12.0292ZM7.59201 15.4305C8.47944 15.4305 9.2401 15.2194 9.78947 14.8393V8.46273H8.31041V13.9947C8.14137 14.1214 7.93008 14.1636 7.63427 14.1636C6.95813 14.1636 6.87361 13.5302 6.87361 13.1502V8.46273H5.39455V13.0657C5.39455 14.6282 6.15521 15.4305 7.59201 15.4305ZM17.4383 21.1314V22.1027H17.6074V21.7226H17.6496L17.9032 22.1027H18.1145C18.1145 22.1027 17.8609 21.7226 17.8187 21.6804C17.9454 21.6382 18.03 21.5537 18.03 21.427C18.03 21.3004 17.9454 21.1314 17.6919 21.1314H17.4383ZM17.6919 21.2581C17.8187 21.2581 17.8609 21.3426 17.8609 21.3848C17.8609 21.4693 17.8187 21.5537 17.6496 21.5537H17.6074V21.2581H17.6919Z" fill="#FFB406"/>
-<path d="M18.368 21.596C18.368 21.9338 18.0722 22.2294 17.7341 22.2294C17.3961 22.2294 17.1002 21.9338 17.1002 21.596C17.1002 21.2581 17.3961 20.9625 17.7341 20.9625C18.1145 20.9625 18.368 21.2581 18.368 21.596ZM17.7341 20.7936C17.3115 20.7936 16.9312 21.1314 16.9312 21.596C16.9312 22.0183 17.2693 22.3983 17.7341 22.3983C18.1567 22.3983 18.5371 22.0605 18.5371 21.596C18.5371 21.1737 18.1567 20.7936 17.7341 20.7936Z" fill="#FFB406"/>
-</g>
-<defs>
-<clipPath id="clip0_1022_31">
-<rect width="16.65" height="20.4" fill="white" transform="translate(4 2)"/>
-</clipPath>
-</defs>
-</svg>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0" y="0" width="32" height="32" fill="white"/>
+<g clip-path="url(#clip0_1022_31)">
+<path d="M12.325 21.6382C12.494 21.5537 16.889 19.6534 18.2835 18.5132C19.7203 17.3308 20.481 15.6417 20.481 13.6147V4.11314L20.3542 4.07091C16.8467 2.1706 12.494 2.29729 12.2827 2.29729C12.1137 2.29729 7.76104 2.1706 4.25355 4.07091L4.16904 4.11314V13.6569C4.16904 15.6839 4.9297 17.3731 6.3665 18.5555C7.76104 19.6957 12.156 21.596 12.325 21.6382Z" fill="#341B14"/>
+<path d="M12.325 21.8493C12.325 21.8493 7.67652 19.8223 6.23972 18.6821C4.7184 17.4153 4 15.6839 4 13.6991V3.81752C7.67652 1.83276 12.325 2.00167 12.325 2.00167C12.325 2.00167 16.9735 1.83276 20.65 3.81752V13.6569C20.65 15.6417 19.9316 17.373 18.4103 18.6399C16.9735 19.8223 12.325 21.8493 12.325 21.8493ZM4.67614 13.6991C4.67614 15.5572 5.35228 17.0774 6.66231 18.1332C7.84556 19.1044 11.353 20.6669 12.325 21.0892C13.297 20.6669 16.8467 19.0622 17.9877 18.1332C19.2977 17.0774 19.9739 15.515 19.9739 13.6991V3.98644C15.0718 3.52192 9.2401 3.77529 4.67614 7.9982V13.6991Z" fill="#FFB406"/>
+<path d="M17.0157 12.3056C17.6496 12.6856 17.9032 12.939 17.9454 13.4035C17.9454 13.9103 17.6074 14.2059 17.058 14.2059C16.5932 14.2059 16.0438 13.9525 15.6635 13.6147V14.966C16.1283 15.2194 16.6777 15.4305 17.2693 15.4305C18.7061 15.4305 19.3822 14.417 19.3822 13.488C19.4245 12.6434 19.1709 11.9677 17.9454 11.2498C17.3961 10.912 16.9735 10.7009 16.9735 10.1941C16.9735 9.68737 17.4383 9.47623 17.8187 9.47623C18.3258 9.47623 18.8329 9.77183 19.1287 10.0674V8.80056C18.8751 8.58942 18.3258 8.29381 17.5228 8.33604C16.5509 8.37827 15.5367 9.05394 15.5367 10.2363C15.5789 11.0387 15.8325 11.6299 17.0157 12.3056ZM12.0292 15.3461C12.156 15.3883 12.3673 15.4305 12.7053 15.4305C14.3534 15.4305 15.2831 13.9525 15.2831 11.8411C15.2831 9.68737 14.3112 8.37827 12.5786 8.37827C11.7756 8.37827 11.1418 8.54719 10.5924 8.88502V18.4288H12.0292V15.3461ZM12.0292 9.60291C12.156 9.56068 12.3673 9.47623 12.5363 9.47623C13.3815 9.47623 13.7195 10.1519 13.7195 11.7988C13.7195 13.4035 13.297 14.1636 12.4518 14.1636C12.2405 14.1636 12.0714 14.1214 11.9869 14.0792V9.60291H12.0292ZM7.59201 15.4305C8.47944 15.4305 9.2401 15.2194 9.78947 14.8393V8.46273H8.31041V13.9947C8.14137 14.1214 7.93008 14.1636 7.63427 14.1636C6.95813 14.1636 6.87361 13.5302 6.87361 13.1502V8.46273H5.39455V13.0657C5.39455 14.6282 6.15521 15.4305 7.59201 15.4305ZM17.4383 21.1314V22.1027H17.6074V21.7226H17.6496L17.9032 22.1027H18.1145C18.1145 22.1027 17.8609 21.7226 17.8187 21.6804C17.9454 21.6382 18.03 21.5537 18.03 21.427C18.03 21.3004 17.9454 21.1314 17.6919 21.1314H17.4383ZM17.6919 21.2581C17.8187 21.2581 17.8609 21.3426 17.8609 21.3848C17.8609 21.4693 17.8187 21.5537 17.6496 21.5537H17.6074V21.2581H17.6919Z" fill="#FFB406"/>
+<path d="M18.368 21.596C18.368 21.9338 18.0722 22.2294 17.7341 22.2294C17.3961 22.2294 17.1002 21.9338 17.1002 21.596C17.1002 21.2581 17.3961 20.9625 17.7341 20.9625C18.1145 20.9625 18.368 21.2581 18.368 21.596ZM17.7341 20.7936C17.3115 20.7936 16.9312 21.1314 16.9312 21.596C16.9312 22.0183 17.2693 22.3983 17.7341 22.3983C18.1567 22.3983 18.5371 22.0605 18.5371 21.596C18.5371 21.1737 18.1567 20.7936 17.7341 20.7936Z" fill="#FFB406"/>
+</g>
+<defs>
+<clipPath id="clip0_1022_31">
+<rect width="16.65" height="20.4" fill="white" transform="translate(4 2)"/>
+</clipPath>
+</defs>
+</svg>

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 13 Nov 2023 12:54:56 GMT
+ * Generated on Fri, 01 Dec 2023 08:27:48 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 13 Nov 2023 12:54:56 GMT
+ * Generated on Fri, 01 Dec 2023 08:27:48 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -3,8 +3,8 @@ describe('B2B-Input', () => {
   let page;
   beforeEach(async () => {
     page = await newE2EPage();
-    await page.setContent(`
-      <b2b-input></b2b-input>
+    await page.setContent(`
+      <b2b-input></b2b-input>
     `);
   });
   it('should register input text when enabled', async () => {

package/dist/collection/components/input/input.js

@@ -138,7 +138,7 @@ export class InputComponent {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| 'text'\r\n    | 'email'\r\n    | 'number'\r\n    | 'password'\r\n    | 'search'\r\n    | 'tel'\r\n    | 'url'",
+          "original": "| 'text'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'url'",
           "resolved": "\"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"",
           "references": {}
         },

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

@@ -30,18 +30,18 @@ const meta = {
   argTypes: getArgTypes('b2b-input'),
   render: (_a) => {
     var args = __rest(_a, []);
-    return html `<div style="width: 400px;">
-    <b2b-input
-      label="${args.label}"
-      required="${args.required}"
-      type="${args.defaultType}"
-      disabled="${args.disabled}"
-      placeholder="${args.placeholder}"
-      value="${args.value}"
-      hint="${args.hint}"
-      error="${args.error}"
-      autofocus="${args.autofocus}"
-      invalid=${args.invalid}></b2b-input>
+    return html `<div style="width: 400px;">
+    <b2b-input
+      label="${args.label}"
+      required="${args.required}"
+      type="${args.defaultType}"
+      disabled="${args.disabled}"
+      placeholder="${args.placeholder}"
+      value="${args.value}"
+      hint="${args.hint}"
+      error="${args.error}"
+      autofocus="${args.autofocus}"
+      invalid=${args.invalid}></b2b-input>
   </div>`;
   },
 };
@@ -68,20 +68,20 @@ export const IconEnd = {
   args: Object.assign(Object.assign({}, meta.args), { label: 'Default Input' }),
   render: (_a) => {
     var args = __rest(_a, []);
-    return html `<div style="width: 400px;">
-    <b2b-input
-      label="${args.label}"
-      required="${args.required}"
-      type="${args.type}"
-      disabled="${args.disabled}"
-      placeholder="${args.placeholder}"
-      value="${args.value}"
-      hint="${args.hint}"
-      error="${args.error}"
-      autofocus="${args.autofocus}"
-      invalid=${args.invalid}
-      ><b2b-icon icon="b2b_icon-search" slot="end"></b2b-icon
-    ></b2b-input>
+    return html `<div style="width: 400px;">
+    <b2b-input
+      label="${args.label}"
+      required="${args.required}"
+      type="${args.type}"
+      disabled="${args.disabled}"
+      placeholder="${args.placeholder}"
+      value="${args.value}"
+      hint="${args.hint}"
+      error="${args.error}"
+      autofocus="${args.autofocus}"
+      invalid=${args.invalid}
+      ><b2b-icon icon="b2b_icon-search" slot="end"></b2b-icon
+    ></b2b-input>
   </div>`;
   },
 };
@@ -89,20 +89,20 @@ export const Prefix = {
   args: Object.assign(Object.assign({}, meta.args), { label: 'Default Input' }),
   render: (_a) => {
     var args = __rest(_a, []);
-    return html `<div style="width: 400px;">
-    <b2b-input
-      label="${args.label}"
-      required="${args.required}"
-      type="${args.type}"
-      disabled="${args.disabled}"
-      placeholder="${args.placeholder}"
-      value="${args.value}"
-      hint="${args.hint}"
-      error="${args.error}"
-      autofocus="${args.autofocus}"
-      invalid=${args.invalid}
-      ><span slot="start">Registration Number</span></b2b-input
-    >
+    return html `<div style="width: 400px;">
+    <b2b-input
+      label="${args.label}"
+      required="${args.required}"
+      type="${args.type}"
+      disabled="${args.disabled}"
+      placeholder="${args.placeholder}"
+      value="${args.value}"
+      hint="${args.hint}"
+      error="${args.error}"
+      autofocus="${args.autofocus}"
+      invalid=${args.invalid}
+      ><span slot="start">Registration Number</span></b2b-input
+    >
   </div>`;
   },
 };
@@ -110,21 +110,21 @@ export const PrefixAndSuffix = {
   args: Object.assign(Object.assign({}, meta.args), { label: 'Default Input' }),
   render: (_a) => {
     var args = __rest(_a, []);
-    return html `<div style="width: 400px;">
-    <b2b-input
-      label="${args.label}"
-      required="${args.required}"
-      type="${args.type}"
-      disabled="${args.disabled}"
-      placeholder="${args.placeholder}"
-      value="${args.value}"
-      hint="${args.hint}"
-      error="${args.error}"
-      autofocus="${args.autofocus}"
-      invalid=${args.invalid}
-      ><span slot="start">Registration Number</span
-      ><b2b-icon icon="b2b_icon-search" slot="end"></b2b-icon
-    ></b2b-input>
+    return html `<div style="width: 400px;">
+    <b2b-input
+      label="${args.label}"
+      required="${args.required}"
+      type="${args.type}"
+      disabled="${args.disabled}"
+      placeholder="${args.placeholder}"
+      value="${args.value}"
+      hint="${args.hint}"
+      error="${args.error}"
+      autofocus="${args.autofocus}"
+      invalid=${args.invalid}
+      ><span slot="start">Registration Number</span
+      ><b2b-icon icon="b2b_icon-search" slot="end"></b2b-icon
+    ></b2b-input>
   </div>`;
   },
 };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 13 Nov 2023 12:54:56 GMT
+ * Generated on Fri, 01 Dec 2023 08:27:48 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 13 Nov 2023 12:54:56 GMT
+ * Generated on Fri, 01 Dec 2023 08:27:48 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/input-group/input-group.e2e.js

@@ -3,19 +3,19 @@ describe('B2B Input Group', () => {
   let page;
   beforeEach(async () => {
     page = await newE2EPage();
-    await page.setContent(`
-        <b2b-input-group hint="A group hint" error="A group error">
-        <b2b-input slot="start" label="Search Term"></b2b-input>
-        <b2b-dropdown label="Data Set" invalid error="an error">
-          <option value="one">€</option>
-          <option value="one">$</option>
-        </b2b-dropdown>
-        <b2b-input label="Another input" invalid error="an error"></b2b-input>
-        <b2b-dropdown>
-          <option value="one">€</option>
-          <option value="one">$</option>
-        </b2b-dropdown>
-        <b2b-button slot="end" variant="primary" disabled><b2b-icon icon="b2b_icon-search"></b2b-icon></b2b-button>
+    await page.setContent(`
+        <b2b-input-group hint="A group hint" error="A group error">
+        <b2b-input slot="start" label="Search Term"></b2b-input>
+        <b2b-dropdown label="Data Set" invalid error="an error">
+          <option value="one">€</option>
+          <option value="one">$</option>
+        </b2b-dropdown>
+        <b2b-input label="Another input" invalid error="an error"></b2b-input>
+        <b2b-dropdown>
+          <option value="one">€</option>
+          <option value="one">$</option>
+        </b2b-dropdown>
+        <b2b-button slot="end" variant="primary" disabled><b2b-icon icon="b2b_icon-search"></b2b-icon></b2b-button>
       </b2b-input-group>`);
   });
   it('should render the input group component', async () => {

package/dist/collection/components/input-group/input-group.stories.js

@@ -2,31 +2,31 @@ import { html } from "lit-html";
 import { getArgTypes } from "../../docs/config/utils";
 const Template = ({ invalid, disabled, error, hint, additionalSlot, }) => {
   return additionalSlot
-    ? html ` <div style="width: 380px">
-        <b2b-input-group
-          invalid="${invalid}"
-          disabled="${disabled}"
-          error="${error}"
-          hint="${hint}">
-          <b2b-input slot="start" label="Search Term"></b2b-input>
-          <b2b-dropdown style="width: 90px;">
-            <option value="one">€</option>
-            <option value="two">$</option>
-          </b2b-dropdown>
-          <b2b-button slot="end" variant="primary">
-            <b2b-icon icon="b2b_icon-search"></b2b-icon>
-          </b2b-button>
-        </b2b-input-group>
+    ? html ` <div style="width: 380px">
+        <b2b-input-group
+          invalid="${invalid}"
+          disabled="${disabled}"
+          error="${error}"
+          hint="${hint}">
+          <b2b-input slot="start" label="Search Term"></b2b-input>
+          <b2b-dropdown style="width: 90px;">
+            <option value="one">€</option>
+            <option value="two">$</option>
+          </b2b-dropdown>
+          <b2b-button slot="end" variant="primary">
+            <b2b-icon icon="b2b_icon-search"></b2b-icon>
+          </b2b-button>
+        </b2b-input-group>
       </div>`
-    : html `<div style="width: 280px">
-        <b2b-input-group invalid="${invalid}" disabled="${disabled}" error="${error}" hint="${hint}">
-          <b2b-input slot="start" label="Search Term"></b2b-input>
-          <b2b-dropdown slot="end" style="width: fit-content;">
-            <option value="one">€</option>
-            <option value="two">$</option>
-          </b2b-dropdown>
-        </b2b-input-group>
-      </div>
+    : html `<div style="width: 280px">
+        <b2b-input-group invalid="${invalid}" disabled="${disabled}" error="${error}" hint="${hint}">
+          <b2b-input slot="start" label="Search Term"></b2b-input>
+          <b2b-dropdown slot="end" style="width: fit-content;">
+            <option value="one">€</option>
+            <option value="two">$</option>
+          </b2b-dropdown>
+        </b2b-input-group>
+      </div>
     </div>`;
 };
 const defaultArgs = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 13 Nov 2023 12:54:56 GMT
+ * Generated on Fri, 01 Dec 2023 08:27:48 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 13 Nov 2023 12:54:56 GMT
+ * Generated on Fri, 01 Dec 2023 08:27:48 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/input-list/input-list.e2e.js

@@ -16,8 +16,8 @@ describe('B2B-InputList', () => {
   };
   beforeEach(async () => {
     page = await newE2EPage();
-    await page.setContent(`
-      <b2b-input-list placeholder='some text'></b2b-input-list>
+    await page.setContent(`
+      <b2b-input-list placeholder='some text'></b2b-input-list>
     `);
   });
   it('should register input text when enabled', async () => {

package/dist/collection/components/input-list/input-list.stories.js

@@ -26,14 +26,14 @@ const meta = {
   argTypes: getArgTypes('b2b-input-list'),
   render: (_a) => {
     var args = __rest(_a, []);
-    return html `<div style="height: 130px; width: 300px">
-    <b2b-input-list
-      data-testid="element"
-      label="${args.label}"
-      required="${args.required}"
-      placeholder="${args.placeholder}"
-      disabled="${args.disabled}"
-      .optionsList=${args.optionsList}></b2b-input-list>
+    return html `<div style="height: 130px; width: 300px">
+    <b2b-input-list
+      data-testid="element"
+      label="${args.label}"
+      required="${args.required}"
+      placeholder="${args.placeholder}"
+      disabled="${args.disabled}"
+      .optionsList=${args.optionsList}></b2b-input-list>
   </div>`;
   },
 };
@@ -60,26 +60,26 @@ export const CustomList = {
   args: Object.assign({}, meta.args),
   render: (_a) => {
     var args = __rest(_a, []);
-    return html `<div style="height: 130px; width: 300px">
-    <b2b-input-list
-      data-testid="element"
-      label="${args.label}"
-      required="${args.required}"
-      placeholder="${args.placeholder}"
-      disabled="${args.disabled}"
-      .optionsList=${args.optionsList}
-      ><ul>
-        <li>Option 1</li>
-        <li>
-          Option 2
-          <ul>
-            <li>Option 2.1</li>
-            <li>Option 2.2</li>
-          </ul>
-        </li>
-        <li>Option 3</li>
-      </ul></b2b-input-list
-    >
+    return html `<div style="height: 130px; width: 300px">
+    <b2b-input-list
+      data-testid="element"
+      label="${args.label}"
+      required="${args.required}"
+      placeholder="${args.placeholder}"
+      disabled="${args.disabled}"
+      .optionsList=${args.optionsList}
+      ><ul>
+        <li>Option 1</li>
+        <li>
+          Option 2
+          <ul>
+            <li>Option 2.1</li>
+            <li>Option 2.2</li>
+          </ul>
+        </li>
+        <li>Option 3</li>
+      </ul></b2b-input-list
+    >
   </div>`;
   },
 };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 13 Nov 2023 12:54:56 GMT
+ * Generated on Fri, 01 Dec 2023 08:27:48 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 13 Nov 2023 12:54:56 GMT
+ * Generated on Fri, 01 Dec 2023 08:27:48 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -6,10 +6,10 @@ it('should render the label component with default values', async () => {
     components: [LabelComponent],
     template: () => h("b2b-label", null, "Neutral"),
   });
-  expect(page.root.shadowRoot).toEqualHtml(`
-        <span class="b2b-label b2b-label--neutral">
-            <slot></slot>
-        </span>
+  expect(page.root.shadowRoot).toEqualHtml(`
+        <span class="b2b-label b2b-label--neutral">
+            <slot></slot>
+        </span>
     `);
 });
 it('should render the label component with info styles', async () => {
@@ -17,10 +17,10 @@ it('should render the label component with info styles', async () => {
     components: [LabelComponent],
     template: () => h("b2b-label", { type: "info" }, "Neutral"),
   });
-  expect(page.root.shadowRoot).toEqualHtml(`
-          <span class="b2b-label b2b-label--info">
-              <slot></slot>
-          </span>
+  expect(page.root.shadowRoot).toEqualHtml(`
+          <span class="b2b-label b2b-label--info">
+              <slot></slot>
+          </span>
       `);
 });
 it('should render the label component with success styles', async () => {
@@ -28,10 +28,10 @@ it('should render the label component with success styles', async () => {
     components: [LabelComponent],
     template: () => h("b2b-label", { type: "success" }, "Neutral"),
   });
-  expect(page.root.shadowRoot).toEqualHtml(`
-          <span class="b2b-label b2b-label--success">
-              <slot></slot>
-          </span>
+  expect(page.root.shadowRoot).toEqualHtml(`
+          <span class="b2b-label b2b-label--success">
+              <slot></slot>
+          </span>
       `);
 });
 it('should render the label component with warning styles', async () => {
@@ -39,10 +39,10 @@ it('should render the label component with warning styles', async () => {
     components: [LabelComponent],
     template: () => h("b2b-label", { type: "warning" }, "Neutral"),
   });
-  expect(page.root.shadowRoot).toEqualHtml(`
-          <span class="b2b-label b2b-label--warning">
-              <slot></slot>
-          </span>
+  expect(page.root.shadowRoot).toEqualHtml(`
+          <span class="b2b-label b2b-label--warning">
+              <slot></slot>
+          </span>
       `);
 });
 it('should render the label component with error styles', async () => {
@@ -50,9 +50,9 @@ it('should render the label component with error styles', async () => {
     components: [LabelComponent],
     template: () => h("b2b-label", { type: "error" }, "Neutral"),
   });
-  expect(page.root.shadowRoot).toEqualHtml(`
-          <span class="b2b-label b2b-label--error">
-              <slot></slot>
-          </span>
+  expect(page.root.shadowRoot).toEqualHtml(`
+          <span class="b2b-label b2b-label--error">
+              <slot></slot>
+          </span>
       `);
 });

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 13 Nov 2023 12:54:56 GMT
+ * Generated on Fri, 01 Dec 2023 08:27:48 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 13 Nov 2023 12:54:56 GMT
+ * Generated on Fri, 01 Dec 2023 08:27:48 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/modal/modal.js

@@ -148,7 +148,7 @@ export class ModalComponent {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "A boolean that indicates whether the modal can be dismissed by clicking\r\nin the backdrop outside the modal."
+          "text": "A boolean that indicates whether the modal can be dismissed by clicking\nin the backdrop outside the modal."
         },
         "attribute": "backdrop-dismiss",
         "reflect": false,
@@ -166,7 +166,7 @@ export class ModalComponent {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "A boolean to indicate whether the modal can be dismissed by pressing\r\nthe escape key on the keyboard"
+          "text": "A boolean to indicate whether the modal can be dismissed by pressing\nthe escape key on the keyboard"
         },
         "attribute": "esc-dismiss",
         "reflect": false,

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

@@ -16,22 +16,22 @@ const Template = ({ opened, variant, heading, backdropDismiss, escDismiss, conte
       escDismiss,
     });
   };
-  return html `
-    <b2b-button variant="primary" @click=${openModal}>Open Modal</b2b-button>
-
-    <b2b-modal
-      @b2b-close=${closeModal}
-      id="modal"
-      opened="${opened}"
-      variant="${variant}"
-      heading="${heading}"
-      backdrop-dismiss="${backdropDismiss}"
-      esc-dismiss="${escDismiss}">
-      <div>${content}</div>
-      <b2b-paragraph slot="footer-left">* Left Slot</b2b-paragraph>
-      <b2b-button @click=${closeModal} slot="footer-right">Close</b2b-button>
-      <b2b-button slot="footer-right" variant="primary">Save</b2b-button>
-    </b2b-modal>
+  return html `
+    <b2b-button variant="primary" @click=${openModal}>Open Modal</b2b-button>
+
+    <b2b-modal
+      @b2b-close=${closeModal}
+      id="modal"
+      opened="${opened}"
+      variant="${variant}"
+      heading="${heading}"
+      backdrop-dismiss="${backdropDismiss}"
+      esc-dismiss="${escDismiss}">
+      <div>${content}</div>
+      <b2b-paragraph slot="footer-left">* Left Slot</b2b-paragraph>
+      <b2b-button @click=${closeModal} slot="footer-right">Close</b2b-button>
+      <b2b-button slot="footer-right" variant="primary">Save</b2b-button>
+    </b2b-modal>
   `;
 };
 const defaultArgs = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 13 Nov 2023 12:54:56 GMT
+ * Generated on Fri, 01 Dec 2023 08:27:48 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 13 Nov 2023 12:54:56 GMT
+ * Generated on Fri, 01 Dec 2023 08:27:48 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/pagination/pagination.js

@@ -194,7 +194,7 @@ export class PaginationComponent {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Will emit every time a page changes, by clicking back, next or any specific page. \\\r\nEmits a PageChangeEventDetail that includes lastSelectedPage, currentPage\r\nand direction. Direction is only when clicking back or next."
+          "text": "Will emit every time a page changes, by clicking back, next or any specific page. \\\nEmits a PageChangeEventDetail that includes lastSelectedPage, currentPage\nand direction. Direction is only when clicking back or next."
         },
         "complexType": {
           "original": "PageChangeEventDetail",

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

@@ -1,8 +1,8 @@
 import { getArgTypes } from "../../docs/config/utils";
 import { html } from "lit-html";
 const Template = ({ totalPages, activePage }) => {
-  return html `<b2b-pagination
-    total-pages="${totalPages}"
+  return html `<b2b-pagination
+    total-pages="${totalPages}"
     active-page="${activePage}"></b2b-pagination>`;
 };
 const defaultArgs = {