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

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

@@ -1,26 +1,26 @@
-import { getArgTypes } from '../../docs/config/utils';
-import { html } from 'lit-html';
+import { getArgTypes } from "../../docs/config/utils";
+import { html } from "lit-html";
 const Template = ({ name, disabled, singleDisabled }) => {
-  return html `
-    <b2b-toggle-group name="${name}" disabled="${disabled}">
-      <b2b-toggle-button
-        name="${name}"
-        value="abcd"
-        label="ABCD"></b2b-toggle-button>
-      <b2b-toggle-button
-        name="${name}"
-        value="efgh"
-        label="EFGH"></b2b-toggle-button>
-      <b2b-toggle-button
-        name="${name}"
-        value="ijkl"
-        label="IJKL"></b2b-toggle-button>
-      <b2b-toggle-button
-        name="${name}"
-        value="mnop"
-        disabled="${singleDisabled}"
-        label="MNOP"></b2b-toggle-button>
-    </b2b-toggle-group>
+  return html `
+    <b2b-toggle-group name="${name}" disabled="${disabled}">
+      <b2b-toggle-button
+        name="${name}"
+        value="abcd"
+        label="ABCD"></b2b-toggle-button>
+      <b2b-toggle-button
+        name="${name}"
+        value="efgh"
+        label="EFGH"></b2b-toggle-button>
+      <b2b-toggle-button
+        name="${name}"
+        value="ijkl"
+        label="IJKL"></b2b-toggle-button>
+      <b2b-toggle-button
+        name="${name}"
+        value="mnop"
+        disabled="${singleDisabled}"
+        label="MNOP"></b2b-toggle-button>
+    </b2b-toggle-group>
   `;
 };
 const defaultArgs = {

package/dist/collection/components/tooltip/tooltip.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:21 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:22 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,4 +1,4 @@
-import { newE2EPage } from '@stencil/core/testing';
+import { newE2EPage } from "@stencil/core/testing";
 describe('B2B Tooltip', () => {
   const expectToBeVisibleAfterTransition = async (page, tooltipDiv) => {
     await page.$eval('b2b-tooltip', el => {

package/dist/collection/components/tooltip/tooltip.js

@@ -1,4 +1,4 @@
-import { h, Host } from '@stencil/core';
+import { h, Host } from "@stencil/core";
 /**
  * The tooltip can display additional information, and will be visible based on
  * a specific trigger.

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

@@ -1,7 +1,7 @@
-import { html } from 'lit-html';
-import { getArgTypes, hideAllControls } from '../../docs/config/utils';
-import { useArgs } from '@storybook/preview-api';
-import dedent from 'ts-dedent';
+import { html } from "lit-html";
+import { getArgTypes, hideAllControls } from "../../docs/config/utils";
+import { useArgs } from "@storybook/preview-api";
+import dedent from "ts-dedent";
 const tooltipArgs = getArgTypes('b2b-tooltip');
 const Template = ({ position, trigger, content, triggerMarkup, buttons, opened, }) => {
   const markup = triggerMarkup ? triggerMarkup : 'trigger.';
@@ -14,21 +14,21 @@ const Template = ({ position, trigger, content, triggerMarkup, buttons, opened,
     updateArgs({ opened: false });
   };
   const buttonMarkup = buttons
-    ? html `<b2b-button @click=${showToolTip} variant="primary"
-          >Show Tooltip</b2b-button
+    ? html `<b2b-button @click=${showToolTip} variant="primary"
+          >Show Tooltip</b2b-button
         ><b2b-button @click=${hideToolTip}>Hide Tooltip</b2b-button>`
     : null;
-  return html `${filler}<b2b-paragraph>
-      I am some text with a tooltip
-      <b2b-tooltip
-        position="${position}"
-        trigger="${trigger}"
-        content="${content}"
-        opened="${opened}"
-        data-testid="trigger"
-        >${markup}</b2b-tooltip
-      >
-    </b2b-paragraph>
+  return html `${filler}<b2b-paragraph>
+      I am some text with a tooltip
+      <b2b-tooltip
+        position="${position}"
+        trigger="${trigger}"
+        content="${content}"
+        opened="${opened}"
+        data-testid="trigger"
+        >${markup}</b2b-tooltip
+      >
+    </b2b-paragraph>
     ${buttonMarkup}`;
 };
 const defaultArgs = {
@@ -65,12 +65,12 @@ export const story080Right = Template.bind({});
 story080Right.args = Object.assign(Object.assign({}, defaultArgs), { position: 'top', opened: true, content: 'Topping halvah cake sugar plum marzipan jelly marshmallow lemon drops. Bonbon brownie powder sesame snaps fruitcake caramels toffee. Brownie pie cotton candy sesame snaps wafer sugar plum candy marzipan oat cake.' });
 story080Right.storyName = 'Tooltip with long text';
 const BlockTooltipTemplate = ({}) => {
-  return html `<b2b-tooltip
-    content="I am a tooltip"
-    position="right"
-    opened
-    style="display: inline-block"
-    ><b2b-input style="width: 300px"></b2b-input>
+  return html `<b2b-tooltip
+    content="I am a tooltip"
+    position="right"
+    opened
+    style="display: inline-block"
+    ><b2b-input style="width: 300px"></b2b-input>
   </b2b-tooltip> `;
 };
 export const story090BlockElement = BlockTooltipTemplate.bind({});
@@ -79,9 +79,9 @@ story090BlockElement.parameters = {
   controls: { hideNoControlsWarning: true },
   docs: {
     source: {
-      code: dedent `
-      <b2b-tooltip style="display: inline-block" content="I am a tooltip" position="right">
-        <b2b-input style="width: 300px"></b2b-input>
+      code: dedent `
+      <b2b-tooltip style="display: inline-block" content="I am a tooltip" position="right">
+        <b2b-input style="width: 300px"></b2b-input>
       </b2b-tooltip>`,
     },
   },

package/dist/collection/components/wizard/wizard-step.js

@@ -1,5 +1,5 @@
-import { h, Host } from '@stencil/core';
-import { WizardStatus } from '../../utils/types/wizard.types';
+import { h, Host } from "@stencil/core";
+import { WizardStatus } from "../../utils/types/wizard.types";
 export class WizardStepComponent {
   constructor() {
     this.state = 'pending';
@@ -35,7 +35,8 @@ export class WizardStepComponent {
           "references": {
             "WizardStatus": {
               "location": "import",
-              "path": "../../utils/types/wizard.types"
+              "path": "../../utils/types/wizard.types",
+              "id": "src/utils/types/wizard.types.ts::WizardStatus"
             }
           }
         },
@@ -58,7 +59,8 @@ export class WizardStepComponent {
           "references": {
             "WizardSteps": {
               "location": "import",
-              "path": "../../utils/types/wizard.types"
+              "path": "../../utils/types/wizard.types",
+              "id": "src/utils/types/wizard.types.ts::WizardSteps"
             }
           }
         },
@@ -84,7 +86,7 @@ export class WizardStepComponent {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Defaults to true. It will show a checkmark icon when a step is completed.\nSet as false to show the step number"
+          "text": "Defaults to true. It will show a checkmark icon when a step is completed.\r\nSet as false to show the step number"
         },
         "attribute": "check-icon",
         "reflect": false,

package/dist/collection/components/wizard/wizard.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:21 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:22 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,29 +1,29 @@
-import { newE2EPage } from '@stencil/core/testing';
-import { WizardStatus } from '../../utils/types/wizard.types';
+import { newE2EPage } from "@stencil/core/testing";
+import { WizardStatus } from "../../utils/types/wizard.types";
 describe('B2B-Wizard', () => {
   let page;
   it('should render wizard component', async () => {
     page = await newE2EPage();
-    await page.setContent(`<b2b-wizard active-step="3" check-icon>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
+    await page.setContent(`<b2b-wizard active-step="3" check-icon>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
     </b2b-wizard>`);
     const element = await page.find('b2b-wizard');
     expect(element).not.toBeNull();
   });
   it('should render steps in order for default mode', async () => {
     page = await newE2EPage();
-    await page.setContent(`<b2b-wizard active-step="3" check-icon>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
+    await page.setContent(`<b2b-wizard active-step="3" check-icon>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
     </b2b-wizard>`);
     const steps = await page.findAll('b2b-wizard b2b-wizard-step');
     steps.map(async (step, index) => {
@@ -34,13 +34,13 @@ describe('B2B-Wizard', () => {
   });
   it('should render active step with pending state', async () => {
     page = await newE2EPage();
-    await page.setContent(`<b2b-wizard active-step="3" check-icon>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
+    await page.setContent(`<b2b-wizard active-step="3" check-icon>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
     </b2b-wizard>`);
     const steps = await page.findAll('b2b-wizard b2b-wizard-step');
     const activeStep = steps[2];
@@ -49,13 +49,13 @@ describe('B2B-Wizard', () => {
   });
   it('should render incomplete steps with default state', async () => {
     page = await newE2EPage();
-    await page.setContent(`<b2b-wizard active-step="3" check-icon>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
+    await page.setContent(`<b2b-wizard active-step="3" check-icon>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
     </b2b-wizard>`);
     const steps = await page.findAll('b2b-wizard b2b-wizard-step');
     const incompleteSteps = [steps[3], steps[4], steps[5]];
@@ -66,13 +66,13 @@ describe('B2B-Wizard', () => {
   });
   it('should render completed steps with completed state', async () => {
     page = await newE2EPage();
-    await page.setContent(`<b2b-wizard active-step="3" check-icon>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
+    await page.setContent(`<b2b-wizard active-step="3" check-icon>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
     </b2b-wizard>`);
     const steps = await page.findAll('b2b-wizard b2b-wizard-step');
     const incompleteSteps = [steps[0], steps[1]];
@@ -83,13 +83,13 @@ describe('B2B-Wizard', () => {
   });
   it('should not set steps state and order for custom mode', async () => {
     page = await newE2EPage();
-    await page.setContent(`<b2b-wizard active-step="3" check-icon custom>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
+    await page.setContent(`<b2b-wizard active-step="3" check-icon custom>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
     </b2b-wizard>`);
     const steps = await page.findAll('b2b-wizard b2b-wizard-step');
     steps.map(async (step) => {
@@ -104,13 +104,13 @@ describe('B2B-Wizard', () => {
   });
   it('should render all steps completed when active-step is zero', async () => {
     page = await newE2EPage();
-    await page.setContent(`<b2b-wizard active-step="0" check-icon>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
+    await page.setContent(`<b2b-wizard active-step="0" check-icon>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
     </b2b-wizard>`);
     const steps = await page.findAll('b2b-wizard b2b-wizard-step');
     steps.map(async (step) => {
@@ -121,28 +121,28 @@ describe('B2B-Wizard', () => {
   it('should be emitting a warning if rendering more than 6 steps', async () => {
     global.console.warn = jest.fn();
     page = await newE2EPage();
-    await page.setContent(`<b2b-wizard>
-          <b2b-wizard-step>This is the text</b2b-wizard-step>
-          <b2b-wizard-step>This is the text</b2b-wizard-step>
-          <b2b-wizard-step>This is the text</b2b-wizard-step>
-          <b2b-wizard-step>This is the text</b2b-wizard-step>
-          <b2b-wizard-step>This is the text</b2b-wizard-step>
-          <b2b-wizard-step>This is the text</b2b-wizard-step>
-          <b2b-wizard-step>This is the text</b2b-wizard-step>
-          <b2b-wizard-step>This is the text</b2b-wizard-step>
+    await page.setContent(`<b2b-wizard>
+          <b2b-wizard-step>This is the text</b2b-wizard-step>
+          <b2b-wizard-step>This is the text</b2b-wizard-step>
+          <b2b-wizard-step>This is the text</b2b-wizard-step>
+          <b2b-wizard-step>This is the text</b2b-wizard-step>
+          <b2b-wizard-step>This is the text</b2b-wizard-step>
+          <b2b-wizard-step>This is the text</b2b-wizard-step>
+          <b2b-wizard-step>This is the text</b2b-wizard-step>
+          <b2b-wizard-step>This is the text</b2b-wizard-step>
       </b2b-wizard>`);
     expect(console.warn).toBeCalled();
   });
   it('should be emitting an error if active-step is higher than total steps', async () => {
     global.console.error = jest.fn();
     page = await newE2EPage();
-    await page.setContent(`<b2b-wizard active-step="7" check-icon>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
-      <b2b-wizard-step>This is the text</b2b-wizard-step>
+    await page.setContent(`<b2b-wizard active-step="7" check-icon>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
+      <b2b-wizard-step>This is the text</b2b-wizard-step>
     </b2b-wizard>`);
     expect(console.error).toBeCalled();
   });

package/dist/collection/components/wizard/wizard.js

@@ -1,5 +1,5 @@
-import { h, Host } from '@stencil/core';
-import { WizardStatus } from '../../utils/types/wizard.types';
+import { h, Host } from "@stencil/core";
+import { WizardStatus } from "../../utils/types/wizard.types";
 export class WizardComponent {
   constructor() {
     this.MAX_STEP_AMOUNT = 6;
@@ -69,7 +69,8 @@ export class WizardComponent {
           "references": {
             "WizardSteps": {
               "location": "import",
-              "path": "../../utils/types/wizard.types"
+              "path": "../../utils/types/wizard.types",
+              "id": "src/utils/types/wizard.types.ts::WizardSteps"
             }
           }
         },
@@ -95,7 +96,7 @@ export class WizardComponent {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "By default, is false, where the wizard will handle steps states.\nIf set to true, steps state must be handled manually."
+          "text": "By default, is false, where the wizard will handle steps states.\r\nIf set to true, steps state must be handled manually."
         },
         "attribute": "custom",
         "reflect": false,
@@ -113,7 +114,7 @@ export class WizardComponent {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Defaults to true. It will show a checkmark icon when a step is completed.\nSet as false to show the step number"
+          "text": "Defaults to true. It will show a checkmark icon when a step is completed.\r\nSet as false to show the step number"
         },
         "attribute": "check-icon",
         "reflect": false,

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

@@ -1,27 +1,27 @@
-import { html } from 'lit-html';
-import { getArgTypes } from '../../docs/config/utils';
+import { html } from "lit-html";
+import { getArgTypes } from "../../docs/config/utils";
 const Template = ({ activeStep, checkIcon }) => {
-  return html `<b2b-wizard active-step="${activeStep}" check-icon="${checkIcon}">
-    <b2b-wizard-step>Step 1</b2b-wizard-step>
-    <b2b-wizard-step>Step 2</b2b-wizard-step>
-    <b2b-wizard-step>Step 3</b2b-wizard-step>
-    <b2b-wizard-step>Step 4</b2b-wizard-step>
+  return html `<b2b-wizard active-step="${activeStep}" check-icon="${checkIcon}">
+    <b2b-wizard-step>Step 1</b2b-wizard-step>
+    <b2b-wizard-step>Step 2</b2b-wizard-step>
+    <b2b-wizard-step>Step 3</b2b-wizard-step>
+    <b2b-wizard-step>Step 4</b2b-wizard-step>
   </b2b-wizard>`;
 };
 export const story010Wizard = Template.bind({});
 story010Wizard.args = { activeStep: '2', checkIcon: true };
 story010Wizard.storyName = 'Default';
 const StatesTemplate = ({ step }) => {
-  return html `
-    <b2b-wizard-step step="${step}" state="default">Default</b2b-wizard-step>
-    <b2b-wizard-step step="${step}" state="completed"
-      >Completed with icon</b2b-wizard-step
-    >
-    <b2b-wizard-step step="${step}" state="completed" check-icon="false"
-      >Completed with number</b2b-wizard-step
-    >
-    <b2b-wizard-step step="${step}" state="pending">Pending</b2b-wizard-step>
-    <b2b-wizard-step step="${step}" state="disabled">Disabled</b2b-wizard-step>
+  return html `
+    <b2b-wizard-step step="${step}" state="default">Default</b2b-wizard-step>
+    <b2b-wizard-step step="${step}" state="completed"
+      >Completed with icon</b2b-wizard-step
+    >
+    <b2b-wizard-step step="${step}" state="completed" check-icon="false"
+      >Completed with number</b2b-wizard-step
+    >
+    <b2b-wizard-step step="${step}" state="pending">Pending</b2b-wizard-step>
+    <b2b-wizard-step step="${step}" state="disabled">Disabled</b2b-wizard-step>
   `;
 };
 export const story020WizardStates = StatesTemplate.bind({});

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:21 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:22 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/wizard-icon/wizard-icon.js

@@ -1,5 +1,5 @@
-import { h, Host } from '@stencil/core';
-import { WizardStatus } from '../../utils/types/wizard.types';
+import { h, Host } from "@stencil/core";
+import { WizardStatus } from "../../utils/types/wizard.types";
 export class WizardIconComponent {
   constructor() {
     this.step = undefined;
@@ -34,7 +34,8 @@ export class WizardIconComponent {
           "references": {
             "WizardSteps": {
               "location": "import",
-              "path": "../../utils/types/wizard.types"
+              "path": "../../utils/types/wizard.types",
+              "id": "src/utils/types/wizard.types.ts::WizardSteps"
             }
           }
         },
@@ -56,7 +57,8 @@ export class WizardIconComponent {
           "references": {
             "WizardStatus": {
               "location": "import",
-              "path": "../../utils/types/wizard.types"
+              "path": "../../utils/types/wizard.types",
+              "id": "src/utils/types/wizard.types.ts::WizardStatus"
             }
           }
         },
@@ -82,7 +84,7 @@ export class WizardIconComponent {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Defaults to true. It will show a checkmark icon when a step is completed.\nSet as false to show the step number"
+          "text": "Defaults to true. It will show a checkmark icon when a step is completed.\r\nSet as false to show the step number"
         },
         "attribute": "check-icon",
         "reflect": false,

package/dist/collection/components/wizard-icon/wizard-icon.stories.js

@@ -1,9 +1,9 @@
-import { getArgTypes } from '../../docs/config/utils';
-import { html } from 'lit-html';
+import { getArgTypes } from "../../docs/config/utils";
+import { html } from "lit-html";
 const TemplateIcon = ({ state, step, checkIcon }) => {
-  return html `<div>
-    <b2b-wizard-icon state="${state}" step="${step}" check-icon="${checkIcon}">
-    </b2b-wizard-icon>
+  return html `<div>
+    <b2b-wizard-icon state="${state}" step="${step}" check-icon="${checkIcon}">
+    </b2b-wizard-icon>
   </div>`;
 };
 export const story005Default = TemplateIcon.bind({});

package/dist/collection/docs/config/replace-prop-controls.spec.js

@@ -1,4 +1,4 @@
-import { replacePropControls } from './replace-prop-controls';
+import { replacePropControls } from "./replace-prop-controls";
 describe('Get Args for Storybook', () => {
   const mockComponentDocs = {
     someProp: {

package/dist/collection/docs/config/utils.js

@@ -1,5 +1,5 @@
-import componentsArgs from './components-args.json';
-import { replacePropControls } from './replace-prop-controls';
+import componentsArgs from "./components-args.json";
+import { replacePropControls } from "./replace-prop-controls";
 /* Default controls can be changed by passing a controls object like so:
   { 'attribute-name': 'control-type' }
   example: { 'steps': 'select' }