@otto-de/b2b-core-components 1.9.0 → 1.10.1

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

@@ -1,32 +1,32 @@
 var __rest = (this && this.__rest) || function (s, e) {
-  var t = {};
-  for (var p in s)
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-      t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 import { getArgTypes } from "../../docs/config/utils";
 import { html } from "lit-html";
 import { userEvent } from "@storybook/testing-library";
 const meta = {
-  title: 'Components/Form/Input List',
-  component: 'b2b-input-list',
-  args: {
-    label: '',
-    required: false,
-    placeholder: 'Search here',
-    optionsList: ['option1', 'option2', 'option3'],
-    disabled: false,
-  },
-  argTypes: getArgTypes('b2b-input-list'),
-  render: (_a) => {
-    var args = __rest(_a, []);
-    return html `<div style="height: 130px; width: 300px">
+    title: 'Components/Form/Input List',
+    component: 'b2b-input-list',
+    args: {
+        label: '',
+        required: false,
+        placeholder: 'Search here',
+        optionsList: ['option1', 'option2', 'option3'],
+        disabled: false,
+    },
+    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}"
@@ -35,29 +35,29 @@ const meta = {
       disabled="${args.disabled}"
       .optionsList=${args.optionsList}></b2b-input-list>
   </div>`;
-  },
+    },
 };
 export default meta;
 export const InputList = {
-  args: Object.assign({}, meta.args),
+    args: Object.assign({}, meta.args),
 };
 export const Focused = {
-  args: Object.assign({}, meta.args),
-  play: async ({ canvasElement }) => {
-    setTimeout(async () => {
-      var _a, _b;
-      const inputList = await canvasElement.querySelector('b2b-input-list');
-      const b2bInput = (_a = inputList.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('b2b-input');
-      const input = (_b = b2bInput === null || b2bInput === void 0 ? void 0 : b2bInput.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('input');
-      userEvent.type(input, 'op');
-    }, 500);
-  },
+    args: Object.assign({}, meta.args),
+    play: async ({ canvasElement }) => {
+        setTimeout(async () => {
+            var _a, _b;
+            const inputList = await canvasElement.querySelector('b2b-input-list');
+            const b2bInput = (_a = inputList.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('b2b-input');
+            const input = (_b = b2bInput === null || b2bInput === void 0 ? void 0 : b2bInput.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('input');
+            userEvent.type(input, 'op');
+        }, 500);
+    },
 };
 export const CustomList = {
-  args: Object.assign({}, meta.args),
-  render: (_a) => {
-    var args = __rest(_a, []);
-    return html `<div style="height: 130px; width: 300px">
+    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}"
@@ -78,16 +78,16 @@ export const CustomList = {
       </ul></b2b-input-list
     >
   </div>`;
-  },
+    },
 };
 export const DisabledWithoutSelectedOption = {
-  args: Object.assign(Object.assign({}, meta.args), { disabled: true }),
+    args: Object.assign(Object.assign({}, meta.args), { disabled: true }),
 };
 export const disabledWithSelectedOption = {
-  args: Object.assign(Object.assign({}, meta.args), { disabled: true }),
-  render: (_a) => {
-    var args = __rest(_a, []);
-    return html `<div style="height: 130px; width: 300px">
+    args: Object.assign(Object.assign({}, meta.args), { disabled: true }),
+    render: (_a) => {
+        var args = __rest(_a, []);
+        return html `<div style="height: 130px; width: 300px">
     <b2b-input-list
       data-testid="element"
       label="${args.label}"
@@ -109,5 +109,5 @@ export const disabledWithSelectedOption = {
       </ul></b2b-input-list
     >
   </div>`;
-  },
+    },
 };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 15 Feb 2024 09:42:32 GMT
+ * Generated on Thu, 09 May 2024 10:53:08 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -28,7 +28,7 @@
   --b2b-size-5: 0.125rem; /* 2px */
   --b2b-size-1: 0.0625rem; /* 1px */
   --b2b-font-weight-bold: 700;
-  --b2b-font-weight-normal: 400;
+  --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;
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 15 Feb 2024 09:42:32 GMT
+ * Generated on Thu, 09 May 2024 10:53:08 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -151,7 +151,7 @@
   --b2b-size-5: 0.125rem; /* 2px */
   --b2b-size-1: 0.0625rem; /* 1px */
   --b2b-font-weight-bold: 700;
-  --b2b-font-weight-normal: 400;
+  --b2b-font-weight-normal: 500;
   --b2b-font-weight-thin: 100;
   --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
   --b2b-color-info-100: #003264;

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

@@ -1,17 +1,17 @@
 import { newE2EPage } from "@stencil/core/testing";
 describe('B2B-Label', () => {
-  let page;
-  beforeEach(async () => {
-    page = await newE2EPage();
-    await page.setContent(`<b2b-label>Neutral</b2b-label>`);
-  });
-  it('should render the label component', async () => {
-    const element = await page.find('b2b-label');
-    expect(element).not.toBeNull();
-    expect(element).toEqualText('Neutral');
-  });
-  it('should present the label component in the default style', async () => {
-    const element = await page.find('b2b-label >>> span');
-    expect(element).toHaveClass('b2b-label--neutral');
-  });
+    let page;
+    beforeEach(async () => {
+        page = await newE2EPage();
+        await page.setContent(`<b2b-label>Neutral</b2b-label>`);
+    });
+    it('should render the label component', async () => {
+        const element = await page.find('b2b-label');
+        expect(element).not.toBeNull();
+        expect(element).toEqualText('Neutral');
+    });
+    it('should present the label component in the default style', async () => {
+        const element = await page.find('b2b-label >>> span');
+        expect(element).toHaveClass('b2b-label--neutral');
+    });
 });

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

@@ -1,46 +1,46 @@
 import { h } from "@stencil/core";
 export class LabelComponent {
-  constructor() {
-    this.type = 'neutral';
-  }
-  render() {
-    return (h("span", { class: {
-        'b2b-label': true,
-        [`b2b-label--${this.type}`]: true,
-      } }, h("slot", null)));
-  }
-  static get is() { return "b2b-label"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["label.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["label.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'neutral' | 'info' | 'success' | 'warning' | 'error'",
-          "resolved": "\"error\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The type of the label. Per default it is neutral."
-        },
-        "attribute": "type",
-        "reflect": false,
-        "defaultValue": "'neutral'"
-      }
-    };
-  }
+    constructor() {
+        this.type = 'neutral';
+    }
+    render() {
+        return (h("span", { key: '39cc0904be1a2ef596fd9689a4766910a9fc34e8', class: {
+                'b2b-label': true,
+                [`b2b-label--${this.type}`]: true,
+            } }, h("slot", { key: '51d1169295837004718e68dae480df4a5415ed6f' })));
+    }
+    static get is() { return "b2b-label"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["label.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["label.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'neutral' | 'info' | 'success' | 'warning' | 'error'",
+                    "resolved": "\"error\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The type of the label. Per default it is neutral."
+                },
+                "attribute": "type",
+                "reflect": false,
+                "defaultValue": "'neutral'"
+            }
+        };
+    }
 }

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

@@ -2,55 +2,55 @@ import { newSpecPage } from "@stencil/core/testing";
 import { h } from "@stencil/core";
 import { LabelComponent } from "./label";
 it('should render the label component with default values', async () => {
-  const page = await newSpecPage({
-    components: [LabelComponent],
-    template: () => h("b2b-label", null, "Neutral"),
-  });
-  expect(page.root.shadowRoot).toEqualHtml(`
+    const page = await newSpecPage({
+        components: [LabelComponent],
+        template: () => h("b2b-label", null, "Neutral"),
+    });
+    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 () => {
-  const page = await newSpecPage({
-    components: [LabelComponent],
-    template: () => h("b2b-label", { type: "info" }, "Neutral"),
-  });
-  expect(page.root.shadowRoot).toEqualHtml(`
+    const page = await newSpecPage({
+        components: [LabelComponent],
+        template: () => h("b2b-label", { type: "info" }, "Neutral"),
+    });
+    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 () => {
-  const page = await newSpecPage({
-    components: [LabelComponent],
-    template: () => h("b2b-label", { type: "success" }, "Neutral"),
-  });
-  expect(page.root.shadowRoot).toEqualHtml(`
+    const page = await newSpecPage({
+        components: [LabelComponent],
+        template: () => h("b2b-label", { type: "success" }, "Neutral"),
+    });
+    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 () => {
-  const page = await newSpecPage({
-    components: [LabelComponent],
-    template: () => h("b2b-label", { type: "warning" }, "Neutral"),
-  });
-  expect(page.root.shadowRoot).toEqualHtml(`
+    const page = await newSpecPage({
+        components: [LabelComponent],
+        template: () => h("b2b-label", { type: "warning" }, "Neutral"),
+    });
+    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 () => {
-  const page = await newSpecPage({
-    components: [LabelComponent],
-    template: () => h("b2b-label", { type: "error" }, "Neutral"),
-  });
-  expect(page.root.shadowRoot).toEqualHtml(`
+    const page = await newSpecPage({
+        components: [LabelComponent],
+        template: () => h("b2b-label", { type: "error" }, "Neutral"),
+    });
+    expect(page.root.shadowRoot).toEqualHtml(`
           <span class="b2b-label b2b-label--error">
               <slot></slot>
           </span>

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

@@ -1,10 +1,10 @@
 import { html } from "lit-html";
 import { getArgTypes } from "../../docs/config/utils";
 const Template = ({ type }) => {
-  return html `<b2b-label type="${type}">Label</b2b-label>`;
+    return html `<b2b-label type="${type}">Label</b2b-label>`;
 };
 const defaultArgs = {
-  type: 'neutral',
+    type: 'neutral',
 };
 export const story010Neutral = Template.bind({});
 story010Neutral.args = defaultArgs;
@@ -23,7 +23,7 @@ story050Error.args = { type: 'error' };
 story050Error.storyName = 'Error';
 const argTypes = getArgTypes('b2b-label');
 export default {
-  title: 'Components/Status & Feedback/Label',
-  argTypes: argTypes,
-  viewMode: 'docs',
+    title: 'Components/Status & Feedback/Label',
+    argTypes: argTypes,
+    viewMode: 'docs',
 };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 15 Feb 2024 09:42:32 GMT
+ * Generated on Thu, 09 May 2024 10:53:08 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -28,7 +28,7 @@
   --b2b-size-5: 0.125rem; /* 2px */
   --b2b-size-1: 0.0625rem; /* 1px */
   --b2b-font-weight-bold: 700;
-  --b2b-font-weight-normal: 400;
+  --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;
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 15 Feb 2024 09:42:32 GMT
+ * Generated on Thu, 09 May 2024 10:53:08 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -151,7 +151,7 @@
   --b2b-size-5: 0.125rem; /* 2px */
   --b2b-size-1: 0.0625rem; /* 1px */
   --b2b-font-weight-bold: 700;
-  --b2b-font-weight-normal: 400;
+  --b2b-font-weight-normal: 500;
   --b2b-font-weight-thin: 100;
   --b2b-font-family-default: OttoSans, Arial, Helvetica, sans-serif;
   --b2b-color-info-100: #003264;