@otto-de/b2b-core-components 1.4.0 → 1.6.0

package/dist/esm/b2b-wizard.entry.js

@@ -0,0 +1,57 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-dfdbf4b9.js';
+import { W as WizardStatus } from './wizard.types-2a03b8e0.js';
+
+const wizardCss = ":root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-table-hover:#e6f4ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-45);--b2b-size-headline-line-height-100:var(--b2b-size-40);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme=\"dark\"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:400;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host .b2b_wizard{display:flex;flex-wrap:wrap}.b2b_wizard__step{display:flex;align-items:center;gap:var(--b2b-size-space-50);padding:var(--b2b-size-space-50) 0}.b2b_wizard__step__label--default{color:var(--b2b-color-icon-secondary)}::slotted(b2b-wizard-step:not(:last-of-type)){display:flex;align-items:center}::slotted(b2b-wizard-step:not(:last-of-type))::after{content:\" \";flex-grow:1;height:1px;min-width:var(--b2b-size-space-175);margin:0 var(--b2b-size-space-75) 0 var(--b2b-size-space-75);background:var(--b2b-color-icon-default)}";
+
+const WizardComponent = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.MAX_STEP_AMOUNT = 6;
+    this.getChildSteps = () => {
+      return Array.from(this.host.querySelectorAll('b2b-wizard-step'));
+    };
+    this.setStepsState = () => {
+      const steps = this.getChildSteps();
+      steps.map((step, index) => {
+        step.state = this.getStepState(index + 1);
+        step.step = (index + 1).toString();
+        step.checkIcon = this.checkIcon;
+      });
+    };
+    this.getStepState = (step) => {
+      const currentStep = Number(this.activeStep);
+      if (currentStep == step) {
+        return WizardStatus.PENDING;
+      }
+      else if (step < currentStep || currentStep === 0) {
+        return WizardStatus.COMPLETED;
+      }
+      else {
+        return WizardStatus.DEFAULT;
+      }
+    };
+    this.activeStep = '1';
+    this.custom = false;
+    this.checkIcon = true;
+  }
+  componentWillLoad() {
+    const steps = this.getChildSteps();
+    if (Number(this.activeStep) > steps.length) {
+      console.error('B2B WIZARD: Active step is higher than total steps.');
+    }
+    if (steps.length > this.MAX_STEP_AMOUNT) {
+      console.warn(`B2B WIZARD: Please don't use more than ${this.MAX_STEP_AMOUNT} steps. If more needed get in touch with the B2B design team`);
+    }
+  }
+  componentWillRender() {
+    if (!this.custom)
+      this.setStepsState();
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "b2b_wizard" }, h("slot", null))));
+  }
+  get host() { return getElement(this); }
+};
+WizardComponent.style = wizardCss;
+
+export { WizardComponent as b2b_wizard };

package/dist/esm/{index-026605c2.js → index-dfdbf4b9.js}

@@ -771,16 +771,17 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
  * @param vnodes a list of virtual DOM nodes to remove
  * @param startIdx the index at which to start removing nodes (inclusive)
  * @param endIdx the index at which to stop removing nodes (inclusive)
- * @param vnode a VNode
- * @param elm an element
  */
-const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
-    for (; startIdx <= endIdx; ++startIdx) {
-        if ((vnode = vnodes[startIdx])) {
-            elm = vnode.$elm$;
-            callNodeRefs(vnode);
-            // remove the vnode's element from the dom
-            elm.remove();
+const removeVnodes = (vnodes, startIdx, endIdx) => {
+    for (let index = startIdx; index <= endIdx; ++index) {
+        const vnode = vnodes[index];
+        if (vnode) {
+            const elm = vnode.$elm$;
+            nullifyVNodeRefs(vnode);
+            if (elm) {
+                // remove the vnode's element from the dom
+                elm.remove();
+            }
         }
     }
 };
@@ -1039,10 +1040,17 @@ const patch = (oldVNode, newVNode) => {
         elm.data = text;
     }
 };
-const callNodeRefs = (vNode) => {
+/**
+ * 'Nullify' any VDom `ref` callbacks on a VDom node or its children by
+ * calling them with `null`. This signals that the DOM element corresponding to
+ * the VDom node has been removed from the DOM.
+ *
+ * @param vNode a virtual DOM node
+ */
+const nullifyVNodeRefs = (vNode) => {
     {
         vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
-        vNode.$children$ && vNode.$children$.map(callNodeRefs);
+        vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
     }
 };
 /**
@@ -1097,30 +1105,86 @@ const scheduleUpdate = (hostRef, isInitialLoad) => {
     const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
     return writeTask(dispatch) ;
 };
+/**
+ * Dispatch initial-render and update lifecycle hooks, enqueuing calls to
+ * component lifecycle methods like `componentWillLoad` as well as
+ * {@link updateComponent}, which will kick off the virtual DOM re-render.
+ *
+ * @param hostRef a reference to a host DOM node
+ * @param isInitialLoad whether we're on the initial load or not
+ * @returns an empty Promise which is used to enqueue a series of operations for
+ * the component
+ */
 const dispatchHooks = (hostRef, isInitialLoad) => {
     const endSchedule = createTime('scheduleUpdate', hostRef.$cmpMeta$.$tagName$);
     const instance = hostRef.$lazyInstance$ ;
-    let promise;
+    // We're going to use this variable together with `enqueue` to implement a
+    // little promise-based queue. We start out with it `undefined`. When we add
+    // the first function to the queue we'll set this variable to be that
+    // function's return value. When we attempt to add subsequent values to the
+    // queue we'll check that value and, if it was a `Promise`, we'll then chain
+    // the new function off of that `Promise` using `.then()`. This will give our
+    // queue two nice properties:
+    //
+    // 1. If all functions added to the queue are synchronous they'll be called
+    //    synchronously right away.
+    // 2. If all functions added to the queue are asynchronous they'll all be
+    //    called in order after `dispatchHooks` exits.
+    let maybePromise;
     if (isInitialLoad) {
         {
             hostRef.$flags$ |= 256 /* HOST_FLAGS.isListenReady */;
             if (hostRef.$queuedListeners$) {
                 hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event));
-                hostRef.$queuedListeners$ = null;
+                hostRef.$queuedListeners$ = undefined;
             }
         }
         {
-            promise = safeCall(instance, 'componentWillLoad');
+            // If `componentWillLoad` returns a `Promise` then we want to wait on
+            // whatever's going on in that `Promise` before we launch into
+            // rendering the component, doing other lifecycle stuff, etc. So
+            // in that case we assign the returned promise to the variable we
+            // declared above to hold a possible 'queueing' Promise
+            maybePromise = safeCall(instance, 'componentWillLoad');
         }
     }
     {
-        promise = then(promise, () => safeCall(instance, 'componentWillRender'));
+        maybePromise = enqueue(maybePromise, () => safeCall(instance, 'componentWillRender'));
     }
     endSchedule();
-    return then(promise, () => updateComponent(hostRef, instance, isInitialLoad));
+    return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
+/**
+ * This function uses a Promise to implement a simple first-in, first-out queue
+ * of functions to be called.
+ *
+ * The queue is ordered on the basis of the first argument. If it's
+ * `undefined`, then nothing is on the queue yet, so the provided function can
+ * be called synchronously (although note that this function may return a
+ * `Promise`). The idea is that then the return value of that enqueueing
+ * operation is kept around, so that if it was a `Promise` then subsequent
+ * functions can be enqueued by calling this function again with that `Promise`
+ * as the first argument.
+ *
+ * @param maybePromise either a `Promise` which should resolve before the next function is called or an 'empty' sentinel
+ * @param fn a function to enqueue
+ * @returns either a `Promise` or the return value of the provided function
+ */
+const enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn) : fn();
+/**
+ * Check that a value is a `Promise`. To check, we first see if the value is an
+ * instance of the `Promise` global. In a few circumstances, in particular if
+ * the global has been overwritten, this is could be misleading, so we also do
+ * a little 'duck typing' check to see if the `.then` property of the value is
+ * defined and a function.
+ *
+ * @param maybePromise it might be a promise!
+ * @returns whether it is or not
+ */
+const isPromisey = (maybePromise) => maybePromise instanceof Promise ||
+    (maybePromise && maybePromise.then && typeof maybePromise.then === 'function');
 const updateComponent = async (hostRef, instance, isInitialLoad) => {
-    // updateComponent
+    var _a;
     const elm = hostRef.$hostElement$;
     const endUpdate = createTime('update', hostRef.$cmpMeta$.$tagName$);
     const rc = elm['s-rc'];
@@ -1142,7 +1206,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
     endRender();
     endUpdate();
     {
-        const childrenPromises = elm['s-p'];
+        const childrenPromises = (_a = elm['s-p']) !== null && _a !== void 0 ? _a : [];
         const postUpdate = () => postUpdateComponent(hostRef);
         if (childrenPromises.length === 0) {
             postUpdate();
@@ -1246,9 +1310,6 @@ const safeCall = (instance, method, arg) => {
     }
     return undefined;
 };
-const then = (promise, thenFn) => {
-    return promise && promise.then ? promise.then(thenFn) : thenFn();
-};
 const addHydratedFlag = (elm) => elm.classList.add('hydrated')
     ;
 const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
@@ -1412,9 +1473,9 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
 const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) => {
     // initializeComponent
     if ((hostRef.$flags$ & 32 /* HOST_FLAGS.hasInitializedComponent */) === 0) {
+        // Let the runtime know that the component has been initialized
+        hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
         {
-            // we haven't initialized this element yet
-            hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
             // lazy loaded components
             // request the component's implementation to be
             // wired up with the host element
@@ -1775,10 +1836,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './b2b-card.entry.js').then(processMod, consoleError);
-        case 'b2b-checkbox':
-          return import(
-            /* webpackMode: "lazy" */
-            './b2b-checkbox.entry.js').then(processMod, consoleError);
         case 'b2b-checkbox-group':
           return import(
             /* webpackMode: "lazy" */
@@ -1875,10 +1932,18 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './b2b-tooltip.entry.js').then(processMod, consoleError);
-        case 'b2b-wizard-icon':
+        case 'b2b-wizard':
           return import(
             /* webpackMode: "lazy" */
-            './b2b-wizard-icon.entry.js').then(processMod, consoleError);
+            './b2b-wizard.entry.js').then(processMod, consoleError);
+        case 'b2b-wizard-step':
+          return import(
+            /* webpackMode: "lazy" */
+            './b2b-wizard-step.entry.js').then(processMod, consoleError);
+        case 'b2b-checkbox_3':
+          return import(
+            /* webpackMode: "lazy" */
+            './b2b-checkbox_3.entry.js').then(processMod, consoleError);
         case 'b2b-headline':
           return import(
             /* webpackMode: "lazy" */
@@ -1887,14 +1952,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './b2b-input-group_2.entry.js').then(processMod, consoleError);
-        case 'b2b-rounded-icon':
-          return import(
-            /* webpackMode: "lazy" */
-            './b2b-rounded-icon.entry.js').then(processMod, consoleError);
-        case 'b2b-table-cell_2':
+        case 'b2b-wizard-icon':
           return import(
             /* webpackMode: "lazy" */
-            './b2b-table-cell_2.entry.js').then(processMod, consoleError);
+            './b2b-wizard-icon.entry.js').then(processMod, consoleError);
         case 'b2b-button_2':
           return import(
             /* webpackMode: "lazy" */
@@ -1903,6 +1964,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './b2b-input_2.entry.js').then(processMod, consoleError);
+        case 'b2b-rounded-icon':
+          return import(
+            /* webpackMode: "lazy" */
+            './b2b-rounded-icon.entry.js').then(processMod, consoleError);
         case 'b2b-separator':
           return import(
             /* webpackMode: "lazy" */

package/dist/esm/loader.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-026605c2.js';
-export { s as setNonce } from './index-026605c2.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-dfdbf4b9.js';
+export { s as setNonce } from './index-dfdbf4b9.js';
 
 /*
- Stencil Client Patch Esm v3.0.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v3.4.2 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return promiseResolve();
@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["b2b-search",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]}]]],["b2b-table-row",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"type":[1],"isOpen":[32],"toggleAccordion":[64]}]]],["b2b-modal",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]]]]],["b2b-pagination",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]}]]],["b2b-wizard-icon",[[1,"b2b-wizard-icon",{"step":[1],"state":[1]}]]],["b2b-alert",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]}]]],["b2b-checkbox",[[1,"b2b-checkbox",{"label":[1],"required":[516],"checked":[1540],"disabled":[516],"error":[1],"hint":[1],"name":[513],"value":[520],"invalid":[4]}]]],["b2b-checkbox-group",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]]]]],["b2b-dropdown",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["b2b-radio-button",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["b2b-radio-group",[[1,"b2b-radio-group",{"name":[1],"label":[1],"required":[4],"alignment":[1],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"currentValue":[32]},[[0,"b2b-change","handleRadioButtonChange"]]]]],["b2b-required-separator",[[1,"b2b-required-separator",{"label":[1]}]]],["b2b-tab-group",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["b2b-textarea",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"autofocus":[516],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"]}]]],["b2b-anchor",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1]}]]],["b2b-card",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["b2b-grid",[[1,"b2b-grid",{"margin":[2]}]]],["b2b-grid-col",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["b2b-grid-row",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["b2b-label",[[1,"b2b-label",{"type":[1]}]]],["b2b-paragraph",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1]}]]],["b2b-scrollable-container",[[1,"b2b-scrollable-container"]]],["b2b-tab",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]}]]],["b2b-tab-panel",[[1,"b2b-tab-panel"]]],["b2b-table",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["b2b-table-rowgroup",[[1,"b2b-table-rowgroup",{"type":[1],"accordion":[4],"opened":[516]},[[0,"b2b-open","handleOpenChange"]]]]],["b2b-toggle-button",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["b2b-toggle-group",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]]]]],["b2b-tooltip",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]}]]],["b2b-headline",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["b2b-rounded-icon",[[1,"b2b-rounded-icon",{"color":[1],"contentColor":[1,"content-color"]}]]],["b2b-input-group_2",[[1,"b2b-input-list",{"label":[1],"required":[516],"placeholder":[513],"optionsList":[16],"value":[1537],"disabled":[516],"hasOptionList":[32],"isElementFocused":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]}]]],["b2b-table-cell_2",[[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"active":[32]}]]],["b2b-separator",[[1,"b2b-separator",{"alignment":[1]}]]],["b2b-input_2",[[1,"b2b-input",{"label":[1],"required":[516],"type":[513],"disabled":[516],"invalid":[516],"placeholder":[513],"value":[1537],"name":[513],"hint":[1],"error":[1],"autofocus":[4],"hasFocus":[32],"hasTextPrefix":[32],"hasTextSuffix":[32],"setFocus":[64],"clearInput":[64]}],[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]]]],["b2b-button_2",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"disabled":[516],"loading":[4],"active":[516],"href":[1],"target":[1],"download":[1],"setFocus":[64]},[[2,"click","handleHostClick"]]],[1,"b2b-spinner",{"size":[1],"color":[1]}]]],["b2b-icon",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"pathData":[32]}]]],["b2b-input-label",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]]], options);
+  return bootstrapLazy([["b2b-search",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["b2b-table-row",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"accordionType":[1,"accordion-type"],"selectable":[4],"value":[1],"indeterminate":[4],"checked":[1028],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["b2b-wizard-step",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-modal",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]]]]],["b2b-pagination",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]}]]],["b2b-alert",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]}]]],["b2b-checkbox-group",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]]]]],["b2b-dropdown",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["b2b-radio-button",[[1,"b2b-radio-button",{"label":[1],"required":[516],"name":[513],"checked":[1540],"disabled":[516],"invalid":[4],"value":[513],"hint":[1],"error":[1]}]]],["b2b-radio-group",[[1,"b2b-radio-group",{"name":[1],"label":[1],"required":[4],"alignment":[1],"disabled":[516],"invalid":[516],"hint":[1],"error":[1],"currentValue":[32]},[[0,"b2b-change","handleRadioButtonChange"]]]]],["b2b-required-separator",[[1,"b2b-required-separator",{"label":[1]}]]],["b2b-tab-group",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["b2b-textarea",[[1,"b2b-textarea",{"label":[1],"required":[516],"placeholder":[513],"disabled":[516],"invalid":[516],"autofocus":[516],"resize":[513],"hint":[1],"error":[1],"value":[1537],"name":[513],"maxLength":[514,"max-length"]}]]],["b2b-anchor",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1]}]]],["b2b-card",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["b2b-grid",[[1,"b2b-grid",{"margin":[2]}]]],["b2b-grid-col",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["b2b-grid-row",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["b2b-label",[[1,"b2b-label",{"type":[1]}]]],["b2b-paragraph",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1]}]]],["b2b-scrollable-container",[[1,"b2b-scrollable-container"]]],["b2b-tab",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]}]]],["b2b-tab-panel",[[1,"b2b-tab-panel"]]],["b2b-table",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["b2b-table-rowgroup",[[1,"b2b-table-rowgroup",{"type":[1],"accordion":[4],"selectable":[4],"opened":[516],"selectedValues":[32],"indeterminate":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["b2b-toggle-button",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["b2b-toggle-group",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]]]]],["b2b-tooltip",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]}]]],["b2b-wizard",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["b2b-wizard-icon",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-headline",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["b2b-input-group_2",[[1,"b2b-input-list",{"label":[1],"required":[516],"placeholder":[513],"optionsList":[16],"value":[1537],"disabled":[516],"groupDisabled":[4,"group-disabled"],"hasOptionList":[32],"isElementFocused":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]}]]],["b2b-rounded-icon",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["b2b-separator",[[1,"b2b-separator",{"alignment":[1]}]]],["b2b-input-label",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]],["b2b-checkbox_3",[[1,"b2b-checkbox",{"label":[1],"required":[516],"checked":[1540],"disabled":[516],"indeterminate":[1028],"error":[1],"hint":[1],"name":[513],"value":[520],"invalid":[4],"standalone":[4],"groupDisabled":[4,"group-disabled"]}],[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"active":[32]}]]],["b2b-input_2",[[1,"b2b-input",{"label":[1],"required":[516],"type":[513],"disabled":[516],"invalid":[516],"placeholder":[513],"value":[1537],"name":[513],"hint":[1],"error":[1],"autofocus":[4],"groupDisabled":[4,"group-disabled"],"hasFocus":[32],"hasTextPrefix":[32],"hasTextSuffix":[32],"setFocus":[64],"clearInput":[64]}],[0,"b2b-input-list-option",{"option":[1]},[[0,"keydown","handleKeyDown"]]]]],["b2b-button_2",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"disabled":[516],"loading":[4],"active":[516],"href":[1],"target":[1],"download":[1],"groupDisabled":[4,"group-disabled"],"setFocus":[64]},[[2,"click","handleHostClick"]]],[1,"b2b-spinner",{"size":[1],"color":[1]}]]],["b2b-icon",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"pathData":[32]}]]]], options);
   });
 };
 

package/dist/esm/{types-5aa59787.js → table.types-dd829d83.js}

@@ -17,15 +17,15 @@ const TableSortDirections = {
   ASC: 'ascending',
   DESC: 'descending',
 };
-const TableRowTypes = {
+const TableAccordionRowTypes = {
   PARENT: 'parent',
   CHILD: 'child',
-  HEADER: 'header'
+  HEADER: 'header',
 };
 const TableColourOptions = {
   DEFAULT: 'default',
   SELECTED: 'selected',
-  GROUP: 'group'
+  GROUP: 'group',
 };
 
-export { ContentAlignment as C, TableSizes as T, TableSortDirections as a, TableRowTypes as b, TableColourOptions as c, TableRowgroupTypes as d };
+export { ContentAlignment as C, TableSizes as T, TableSortDirections as a, TableAccordionRowTypes as b, TableColourOptions as c, TableRowgroupTypes as d };

package/dist/esm/wizard.types-2a03b8e0.js

@@ -0,0 +1,8 @@
+const WizardStatus = {
+  DEFAULT: 'default',
+  COMPLETED: 'completed',
+  PENDING: 'pending',
+  DISABLED: 'disabled',
+};
+
+export { WizardStatus as W };

package/dist/types/components/alert/alert.stories.d.ts

@@ -4,5 +4,5 @@ export declare const story020Success: any;
 export declare const story030Warning: any;
 export declare const story040Error: any;
 export declare const story050Small: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/anchor/anchor.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta } from '@storybook/web-components';
 export declare const story010Default: any;
 export declare const story020Size100: any;
 export declare const story030TargetBlank: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/button/button.d.ts

@@ -19,6 +19,8 @@ export declare class ButtonComponent {
   /** If set to true, the browser will attempt to donwload and save the URL instead of opening it. The name of the created file
    * defaults to the URL string, but can be changed by the user. */
   download?: string;
+  /** @internal Whether the parent input group is disabled. Per default, it is false. */
+  groupDisabled: boolean;
   private focusableElement;
   /** Manually set focus to button element */
   setFocus(): Promise<void>;

package/dist/types/components/button/button.stories.d.ts

@@ -8,5 +8,5 @@ export declare const story055IconStartPali: any;
 export declare const story060IconSearch: any;
 export declare const story070Disabled: any;
 export declare const story080Anchor: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/card/card.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta } from '@storybook/web-components';
 export declare const story010Card: any;
 export declare const story020DisabledCard: any;
 export declare const story030LinkCard: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/checkbox/checkbox.d.ts

@@ -3,13 +3,15 @@ import { CheckboxEventDetail } from '../../utils/interfaces/form.interface';
 export declare class CheckboxComponent {
   hostElement: HTMLB2bCheckboxElement;
   /** The checkbox label. This attribute is required. */
-  label: string;
+  label?: string;
   /** Adds an asterisk at the end of the label to signify that the field is required. */
   required: boolean;
   /** Whether or not the checkbox is checked. Default value is false and can be set to true if the checkbox should come pre-checked. */
   checked: boolean;
   /** Whether or not the checkbox is disabled. The default value is false. */
   disabled: boolean;
+  /** If used in combination with other checkboxes, this state indicates that some checkboxes are checked, but not all. Per default, it is false. */
+  indeterminate: boolean;
   /** The error message. It is undefined by default. If a string is passed in, it will render the checkbox with error styles. */
   error?: string;
   /** The hint text belonging to the checkbox. It is undefined by default. If an error is specified, it will be shown instead of the hint. */
@@ -20,6 +22,10 @@ export declare class CheckboxComponent {
   value?: any;
   /** Whether or not the checkbox is rendered with error styles. Defaults to false. */
   invalid?: boolean;
+  /** If true, renders a standalone inline checkbox with no label and hint/error. */
+  standalone: boolean;
+  /** @internal whether the parent checkbox-group is disabled. */
+  groupDisabled: boolean;
   /** Emits whenever the checkbox receives focus. */
   b2bFocus: EventEmitter<FocusEvent>;
   /** Emits whenever the checkbox loses focus. */
@@ -32,5 +38,6 @@ export declare class CheckboxComponent {
   private onFocus;
   private onBlur;
   private onClick;
+  private renderIcon;
   render(): any;
 }

package/dist/types/components/checkbox/checkbox.stories.d.ts

@@ -5,5 +5,5 @@ export declare const story030Hint: any;
 export declare const story040Error: any;
 export declare const story050Disabled: any;
 export declare const story060Required: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/checkbox-group/checkbox-group.stories.d.ts

@@ -5,5 +5,5 @@ export declare const story030Error: any;
 export declare const story040Disabled: any;
 export declare const story050Horizontal: any;
 export declare const story060Required: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/dropdown/dropdown.stories.d.ts

@@ -3,5 +3,5 @@ export declare const story010Default: any;
 export declare const story020Disabled: any;
 export declare const story030Error: any;
 export declare const story040Required: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/grid/grid.stories.d.ts

@@ -3,5 +3,5 @@ export declare const story010Grid: any;
 export declare const story020AlignItems: any;
 export declare const story030TextAlign: any;
 export declare const story040Justify: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/headline/headline.stories.d.ts

@@ -4,5 +4,5 @@ export declare const story030Size200: any;
 export declare const story040Size100: any;
 export declare const story050Center: any;
 export declare const story060Right: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/icon/icon.stories.d.ts

@@ -8,5 +8,5 @@ export declare const story040Size50: any;
 export declare const story050Size100: any;
 export declare const story060Size200: any;
 export declare const story070AllIcons: Story;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/input/input.d.ts

@@ -27,6 +27,8 @@ export declare class InputComponent {
   error?: string;
   /** When setting the autofocus to true, the input element will be focused when the page loads. */
   autofocus: boolean;
+  /** @internal Whether the parent input group is disabled. Per default, it is false. */
+  groupDisabled: boolean;
   /** Emits whenever the input receives focus. */
   b2bFocus: EventEmitter<FocusEvent>;
   /** Emits whenever the input loses focus. */

package/dist/types/components/input/input.stories.d.ts

@@ -9,5 +9,5 @@ export declare const story060IconEnd: any;
 export declare const story080Prefix: any;
 export declare const story090PrefixSuffix: any;
 export declare const story070AllArgs: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/input-group/input-group.stories.d.ts

@@ -3,5 +3,5 @@ export declare const story010Default: any;
 export declare const story020Disabled: any;
 export declare const story030Error: any;
 export declare const story040Complex: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/input-list/input-list.d.ts

@@ -14,6 +14,8 @@ export declare class InputListComponent {
   value: string;
   /** Whether or not the input is disabled. Default is false. */
   disabled: boolean;
+  /** @internal Whether the parent input group is disabled. Per default, it is false. */
+  groupDisabled: boolean;
   /** Emits when the user clicks the clear button. */
   b2bClear: EventEmitter<InputClear>;
   hasOptionList: boolean;

package/dist/types/components/input-list/input-list.stories.d.ts

@@ -3,5 +3,5 @@ export declare const story010InputList: any;
 export declare const story020InputListFocused: any;
 export declare const story025InputListDisabled: any;
 export declare const story030CustomList: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/label/label.stories.d.ts

@@ -4,5 +4,5 @@ export declare const story020Info: any;
 export declare const story030Success: any;
 export declare const story040Warning: any;
 export declare const story050Error: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/modal/modal.stories.d.ts

@@ -3,5 +3,5 @@ export declare const story010BackdropDismiss: any;
 export declare const story020EscDismiss: any;
 export declare const story030Default: any;
 export declare const story040Large: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/pagination/pagination.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta } from '@storybook/web-components';
 export declare const story010Pagination: any;
 export declare const story020PaginationMiddle: any;
 export declare const story010PaginationLast: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/paragraph/paragraph.stories.d.ts

@@ -5,5 +5,5 @@ export declare const story030Small: any;
 export declare const story040Center: any;
 export declare const story050Right: any;
 export declare const story900Playground: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/radio/radio.stories.d.ts

@@ -4,5 +4,5 @@ export declare const story020Hint: any;
 export declare const story030Error: any;
 export declare const story040Disabled: any;
 export declare const story050Required: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/radio-group/radio-group.stories.d.ts

@@ -5,5 +5,5 @@ export declare const story030Error: any;
 export declare const story040Disabled: any;
 export declare const story050Horizontal: any;
 export declare const story060Required: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/required-separator/required-separator.stories.d.ts

@@ -1,4 +1,4 @@
 import { Meta } from '@storybook/web-components';
 export declare const story010Default: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/rounded-icon/rounded-icon.d.ts

@@ -3,6 +3,10 @@ export declare class RoundedIconComponent {
    * Use any type including hex, rgb or css custom properties
    * as long as you pass it as a string */
   color: string;
+  /** The color of the border of the circle around the icon or text.
+   * Use any type including hex, rgb or css custom properties
+   * as long as you pass it as a string */
+  borderColor: string;
   /** The color of the text or icon within the circle.
    * Use any type including hex, rgb or css custom properties
    * as long as you pass it as a string */