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

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

@@ -1,84 +1,133 @@
+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;
+};
 import { html } from 'lit-html';
-import inputDocs from './input.docs.mdx';
 import { getArgTypes } from '../../docs/config/utils';
-const Template = ({ label, required, type, disabled, placeholder, value, hint, error, autofocus, invalid, iconMarkup, }) => {
-  const defaultLabel = label ? label : 'Input Label';
-  const defaultType = type ? type : 'text';
-  return html `<div style="width: 400px;">
+const meta = {
+  title: 'Components/Form/Input',
+  component: 'b2b-input',
+  args: {
+    label: 'Label',
+    required: false,
+    type: 'text',
+    disabled: false,
+    placeholder: '',
+    value: '',
+    hint: '',
+    error: '',
+    autofocus: false,
+    invalid: false,
+  },
+  argTypes: getArgTypes('b2b-input'),
+  render: (_a) => {
+    var args = __rest(_a, []);
+    return html `<div style="width: 400px;">
     <b2b-input
-      label="${defaultLabel}"
-      required="${required}"
-      type="${defaultType}"
-      disabled="${disabled}"
-      placeholder="${placeholder}"
-      value="${value}"
-      hint="${hint}"
-      error="${error}"
-      autofocus="${autofocus}"
-      invalid=${invalid}
-      >${iconMarkup}</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>`;
+  },
 };
-const defaultArgs = {
-  label: 'Label',
-  required: false,
-  type: 'text',
-  disabled: false,
-  placeholder: '',
-  value: '',
-  hint: '',
-  error: '',
-  autofocus: false,
-  invalid: false,
+export default meta;
+export const Default = {
+  args: Object.assign(Object.assign({}, meta.args), { label: 'Default Input' }),
 };
-export const story010Default = Template.bind({});
-story010Default.args = Object.assign(Object.assign({}, defaultArgs), { label: 'Default Input' });
-story010Default.storyName = 'Default';
-export const story020Placeholder = Template.bind({});
-story020Placeholder.args = Object.assign(Object.assign({}, defaultArgs), { label: 'Input with Placeholder', placeholder: 'This is a placeholder' });
-story020Placeholder.storyName = 'Placeholder';
-export const story030Disabled = Template.bind({});
-story030Disabled.args = Object.assign(Object.assign({}, defaultArgs), { label: 'Disabled Input', disabled: true });
-story030Disabled.storyName = 'Disabled';
-export const story040Hint = Template.bind({});
-story040Hint.args = Object.assign(Object.assign({}, defaultArgs), { label: 'Input with hint', hint: 'This is a hint' });
-story040Hint.storyName = 'Hint';
-export const story050Error = Template.bind({});
-story050Error.args = Object.assign(Object.assign({}, defaultArgs), { label: 'Input with an error', error: 'This is an error', invalid: true });
-story050Error.storyName = 'Error';
-export const story055Required = Template.bind({});
-story055Required.args = Object.assign(Object.assign({}, defaultArgs), { label: 'Required input', required: true });
-story055Required.storyName = 'Required';
-export const story060IconEnd = Template.bind({});
-const icon = html `<b2b-icon icon="b2b_icon-search" slot="end"></b2b-icon>`;
-story060IconEnd.args = Object.assign(Object.assign({}, defaultArgs), { iconMarkup: icon });
-story060IconEnd.storyName = 'Input with Icon';
-export const story080Prefix = Template.bind({});
-const prefix = html `<span slot="start">Registration Number</span>`;
-story080Prefix.args = Object.assign(Object.assign({}, defaultArgs), { iconMarkup: prefix });
-story080Prefix.storyName = 'Input with Prefix';
-export const story090PrefixSuffix = Template.bind({});
-const suffix = html `<span slot="start">Registration Number</span
-  ><b2b-icon icon="b2b_icon-search" slot="end"></b2b-icon>`;
-story090PrefixSuffix.args = Object.assign(Object.assign({}, defaultArgs), { iconMarkup: suffix });
-story090PrefixSuffix.storyName = 'Input with Prefix and Icon';
-export const story070AllArgs = Template.bind({});
-story070AllArgs.args = Object.assign(Object.assign({}, defaultArgs), { label: 'Input with all arguments', required: true, placeholder: 'All arguments placeholder', value: 'an initial value', hint: 'This is a hint for an every argument specified input', error: 'This is an error so you will not see the hint', disabled: false, autofocus: false });
-story070AllArgs.storyName = 'All arguments specified';
-const controls = {
-  type: 'radio',
+export const Placeholder = {
+  args: Object.assign(Object.assign({}, meta.args), { label: 'Input with Placeholder', placeholder: 'This is a placeholder' }),
 };
-const inputArgs = getArgTypes('b2b-input', controls);
-export default {
-  title: 'Components/Form/Input',
-  argTypes: Object.assign(Object.assign({}, inputArgs), { iconMarkup: {
-      control: false,
-    } }),
-  viewMode: 'docs',
-  parameters: {
-    docs: {
-      page: inputDocs,
-    },
+export const Disabled = {
+  args: Object.assign(Object.assign({}, meta.args), { label: 'Disabled Input', disabled: true }),
+};
+export const Hint = {
+  args: Object.assign(Object.assign({}, meta.args), { label: 'Input with hint', hint: 'This is a hint' }),
+};
+export const Error = {
+  args: Object.assign(Object.assign({}, meta.args), { label: 'Input with an error', error: 'This is an error', invalid: true }),
+};
+export const Required = {
+  args: Object.assign(Object.assign({}, meta.args), { label: 'Required input', required: true }),
+};
+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>
+  </div>`;
+  },
+};
+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
+    >
+  </div>`;
   },
 };
+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>
+  </div>`;
+  },
+};
+export const AllPropertiesSpecified = {
+  args: Object.assign(Object.assign({}, meta.args), { label: 'Input with all arguments', required: true, placeholder: 'All arguments placeholder', value: 'an initial value', hint: 'This is a hint for an every argument specified input', error: 'This is an error so you will not see the hint', disabled: false, autofocus: false }),
+};

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

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

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

@@ -1,5 +1,4 @@
 import { html } from 'lit-html';
-import inputGroupDocs from './input-group.docs.mdx';
 import { getArgTypes } from '../../docs/config/utils';
 const Template = ({ invalid, disabled, error, hint, additionalSlot, }) => {
   return additionalSlot
@@ -55,9 +54,4 @@ export default {
       control: false,
     } }),
   viewMode: 'docs',
-  parameters: {
-    docs: {
-      page: inputGroupDocs,
-    },
-  },
 };

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

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

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

@@ -1,69 +1,85 @@
+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;
+};
 import { getArgTypes } from '../../docs/config/utils';
 import { html } from 'lit-html';
-import inputListDocs from './input-list.docs.mdx';
 import { userEvent } from '@storybook/testing-library';
-const Template = ({ label, required, placeholder, optionsList, customMarkup, disabled, }) => {
-  return html `<div style="height: 130px; width: 300px">
+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">
     <b2b-input-list
       data-testid="element"
-      label="${label}"
-      required="${required}"
-      placeholder="${placeholder}"
-      disabled="${disabled}"
-      .optionsList=${optionsList}
-      >${customMarkup}</b2b-input-list
-    >
+      label="${args.label}"
+      required="${args.required}"
+      placeholder="${args.placeholder}"
+      disabled="${args.disabled}"
+      .optionsList=${args.optionsList}></b2b-input-list>
   </div>`;
+  },
+};
+export default meta;
+export const InputList = {
+  args: Object.assign({}, meta.args),
 };
-const defaultArgs = {
-  label: '',
-  required: false,
-  placeholder: 'Search here',
-  optionsList: ['option1', 'option2', 'option3'],
-  disabled: false,
+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);
+  },
 };
-export const story010InputList = Template.bind({});
-story010InputList.args = Object.assign({}, defaultArgs);
-story010InputList.storyName = 'Input List';
-export const story020InputListFocused = Template.bind({});
-story020InputListFocused.args = Object.assign({}, defaultArgs);
-story020InputListFocused.storyName = 'Focused';
-export const story025InputListDisabled = Template.bind({});
-story025InputListDisabled.args = Object.assign(Object.assign({}, defaultArgs), { disabled: true });
-story025InputListDisabled.storyName = 'Disabled';
-export const story030CustomList = Template.bind({});
-const list = html `<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>`;
-story030CustomList.args = Object.assign(Object.assign({}, defaultArgs), { optionsList: [], customMarkup: list });
-story030CustomList.storyName = 'Custom List Content';
-story020InputListFocused.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 Disabled = {
+  args: Object.assign(Object.assign({}, meta.args), { disabled: true }),
 };
-const controls = {};
-const searchArgs = getArgTypes('b2b-input-list', controls);
-export default {
-  title: 'Components/Form/Input List',
-  argTypes: Object.assign({}, searchArgs),
-  viewmode: 'docs',
-  parameters: {
-    controls: { expanded: true },
-    docs: {
-      page: inputListDocs,
-    },
+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
+    >
+  </div>`;
   },
 };

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

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

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

@@ -1,5 +1,4 @@
 import { html } from 'lit-html';
-import docs from './label.docs.mdx';
 import { getArgTypes } from '../../docs/config/utils';
 const Template = ({ type }) => {
   return html `<b2b-label type="${type}">Label</b2b-label>`;
@@ -27,9 +26,4 @@ export default {
   title: 'Components/Status & Feedback/Label',
   argTypes: argTypes,
   viewMode: 'docs',
-  parameters: {
-    docs: {
-      page: docs,
-    },
-  },
 };

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

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

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

@@ -1,8 +1,7 @@
 import { screen } from '@storybook/testing-library';
 import { getArgTypes } from '../../docs/config/utils';
-import { useArgs } from '@storybook/client-api';
+import { useArgs } from '@storybook/preview-api';
 import { html } from 'lit-html';
-import modalDocs from './modal.docs.mdx';
 const Template = ({ opened, variant, heading, backdropDismiss, escDismiss, content, }) => {
   const [_, updateArgs] = useArgs();
   const openModal = () => {
@@ -73,9 +72,4 @@ export default {
   title: 'Components/Status & Feedback/Modal',
   argTypes: modalArgs,
   viewmode: 'docs',
-  parameters: {
-    docs: {
-      page: modalDocs,
-    },
-  },
 };

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

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

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

@@ -1,6 +1,5 @@
 import { getArgTypes } from '../../docs/config/utils';
 import { html } from 'lit-html';
-import paginationDocs from './pagination.docs.mdx';
 const Template = ({ totalPages, activePage }) => {
   return html `<b2b-pagination
     total-pages="${totalPages}"
@@ -27,8 +26,5 @@ export default {
   viewmode: 'docs',
   parameters: {
     controls: { expanded: true },
-    docs: {
-      page: paginationDocs,
-    },
   },
 };

package/dist/collection/components/paragraph/paragraph.css

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

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

@@ -1,5 +1,4 @@
 import { html } from 'lit-html';
-import docs from './paragraph.docs.mdx';
 import { getArgTypes } from '../../docs/config/utils';
 const template = ({ weight, size, align }) => {
   return html `<b2b-paragraph weight="${weight}" size="${size}" align="${align}">
@@ -36,17 +35,9 @@ story040Center.storyName = 'Center aligned text';
 export const story050Right = template.bind({});
 story050Right.args = Object.assign(Object.assign({}, defaultArgs), { align: 'right' });
 story050Right.storyName = 'Right aligned text';
-export const story900Playground = template.bind({});
-story900Playground.args = Object.assign({}, defaultArgs);
-story900Playground.storyName = 'Playground';
 const argTypes = getArgTypes('b2b-paragraph');
 export default {
   title: 'Components/Content/Paragraph',
   argTypes: argTypes,
   viewMode: 'docs',
-  parameters: {
-    docs: {
-      page: docs,
-    },
-  },
 };

package/dist/collection/components/radio/radio.css

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

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

@@ -1,5 +1,4 @@
 import { getArgTypes } from '../../docs/config/utils';
-import radioButtonDocs from './radio.docs.mdx';
 import { html } from 'lit-html';
 const Template = ({ label, required, name, checked, disabled, invalid, value, hint, error, }) => {
   return html ` <b2b-radio-button
@@ -45,9 +44,4 @@ export default {
   title: 'Components/Form/Radio Button',
   argTypes: radioButtonArgs,
   viewmode: 'docs',
-  parameters: {
-    docs: {
-      page: radioButtonDocs,
-    },
-  },
 };

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

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

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

@@ -1,5 +1,4 @@
 import { getArgTypes } from '../../docs/config/utils';
-import radioGroupDocs from './radio-group.docs.mdx';
 import { html } from 'lit-html';
 const Template = ({ label, required, name, disabled, invalid, alignment, hint, error, }) => {
   return html ` <b2b-radio-group
@@ -55,9 +54,4 @@ export default {
   title: 'Components/Form/Radio Group',
   argTypes: radioGroupArgs,
   viewMode: 'docs',
-  parameters: {
-    docs: {
-      page: radioGroupDocs,
-    },
-  },
 };

package/dist/collection/components/required-separator/required-separator.css

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

package/dist/collection/components/required-separator/required-separator.stories.js

@@ -1,6 +1,5 @@
 import { getArgTypes } from '../../docs/config/utils';
 import { html } from 'lit-html';
-import requiredSeparatorDocs from './required-separator.docs.mdx';
 const Template = ({ label }) => {
   return html `<div style="width: 400px">
     <b2b-input required="true" label="Name"></b2b-input
@@ -18,9 +17,4 @@ export default {
   title: 'Components/Form/Required Separator',
   args: requiredSeparatorArgs,
   viewMode: 'docs',
-  parameters: {
-    docs: {
-      page: requiredSeparatorDocs,
-    },
-  },
 };