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

package/dist/cjs/loader.cjs.js

@@ -2,11 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8ed011c3.js');
+const index = require('./index-668808fd.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
-const defineCustomElements = (win, options) => {
+const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return index.bootstrapLazy([["b2b-search.cjs",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["b2b-multiselect-dropdown.cjs",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"optionsList":[16],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"selectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"selectedValues":["handleSelectedValuesChange"]}]]],["b2b-table-row.cjs",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"accordionType":[1,"accordion-type"],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["b2b-wizard-step.cjs",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-modal.cjs",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]],{"opened":["openedChanged"]}]]],["b2b-pagination.cjs",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]},null,{"totalPages":["onTotalPagesChange"],"activePage":["onActivePageChange"]}]]],["b2b-alert.cjs",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["b2b-checkbox-group.cjs",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]],{"disabled":["disabledChanged"],"invalid":["invalidChanged"]}]]],["b2b-dropdown.cjs",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["b2b-radio-button.cjs",[[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.cjs",[[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"]],{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-required-separator.cjs",[[1,"b2b-required-separator",{"label":[1]}]]],["b2b-tab-group.cjs",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["b2b-textarea.cjs",[[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"],"height":[1]}]]],["b2b-anchor.cjs",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1]}]]],["b2b-breadcrumb.cjs",[[1,"b2b-breadcrumb",null,[[0,"b2b-change","onSelectedChange"]]]]],["b2b-breadcrumb-item.cjs",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["b2b-card.cjs",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["b2b-grid.cjs",[[1,"b2b-grid",{"margin":[2]}]]],["b2b-grid-col.cjs",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["b2b-grid-row.cjs",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["b2b-label.cjs",[[1,"b2b-label",{"type":[1]}]]],["b2b-paragraph.cjs",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1]}]]],["b2b-progress-bar.cjs",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["b2b-scrollable-container.cjs",[[1,"b2b-scrollable-container"]]],["b2b-tab.cjs",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["b2b-tab-panel.cjs",[[1,"b2b-tab-panel"]]],["b2b-table.cjs",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["b2b-table-rowgroup.cjs",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[4],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["b2b-toggle-button.cjs",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["b2b-toggle-chip.cjs",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"variant":[1],"active":[1028],"disabled":[516]}]]],["b2b-toggle-group.cjs",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["b2b-tooltip.cjs",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["b2b-wizard.cjs",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["b2b-wizard-icon.cjs",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-headline.cjs",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["b2b-input-group_2.cjs",[[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"]],{"optionsList":["watchPropHandler"]}],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]},null,{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-chip-component_2.cjs",[[0,"b2b-multiselect-option",{"option":[1],"selected":[1028],"indeterminate":[4]}],[1,"b2b-chip-component",{"label":[1],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520]}]]],["b2b-table-cell_2.cjs",[[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"colspan":[2],"totalCols":[2,"total-cols"],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"size":[1],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"colspan":[2],"contentAlign":[1,"content-align"],"totalCols":[2,"total-cols"],"active":[32],"iconAlign":[32]}]]],["b2b-rounded-icon.cjs",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["b2b-separator.cjs",[[1,"b2b-separator",{"alignment":[1]}]]],["b2b-checkbox.cjs",[[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"]}]]],["b2b-input_2.cjs",[[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.cjs",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"width":[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.cjs",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-input-label.cjs",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]]], options);
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["b2b-search.cjs",[[1,"b2b-search",{"placeholder":[1],"optionsList":[16],"value":[1537],"disabled":[516],"closed":[32]},[[0,"keydown","handleKeyDown"]]]]],["b2b-multiselect-dropdown.cjs",[[1,"b2b-multiselect-dropdown",{"label":[1],"placeholder":[513],"optionsList":[16],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"maxOptionsVisible":[2,"max-options-visible"],"selectedValues":[32],"currentList":[32],"value":[32],"isElementFocused":[32],"hasOptionList":[32]},null,{"optionsList":["watchPropHandler"],"selectedValues":["handleSelectedValuesChange"]}]]],["b2b-table-row.cjs",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"accordionType":[1,"accordion-type"],"selectable":[4],"size":[1],"value":[1],"indeterminate":[4],"checked":[1028],"isOpen":[32],"toggleAccordion":[64]},[[0,"b2b-change","toggleSelected"]]]]],["b2b-wizard-step.cjs",[[1,"b2b-wizard-step",{"state":[1],"step":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-modal.cjs",[[1,"b2b-modal",{"heading":[1],"opened":[1540],"backdropDismiss":[4,"backdrop-dismiss"],"escDismiss":[4,"esc-dismiss"],"variant":[1],"iconHover":[32],"isOpen":[32]},[[0,"keydown","handleKeypress"]],{"opened":["openedChanged"]}]]],["b2b-pagination.cjs",[[1,"b2b-pagination",{"totalPages":[2,"total-pages"],"activePage":[1538,"active-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"]},null,{"totalPages":["onTotalPagesChange"],"activePage":["onActivePageChange"]}]]],["b2b-alert.cjs",[[1,"b2b-alert",{"type":[1],"size":[1],"opened":[1028],"hasCloseButton":[4,"has-close-button"],"customIcon":[4,"custom-icon"]},null,{"opened":["openedChanged"]}]]],["b2b-checkbox-group.cjs",[[1,"b2b-checkbox-group",{"label":[1],"required":[4],"disabled":[4],"invalid":[4],"alignment":[1],"hint":[1],"error":[1]},[[0,"b2b-change","handleCheckboxChange"]],{"disabled":["disabledChanged"],"invalid":["invalidChanged"]}]]],["b2b-dropdown.cjs",[[1,"b2b-dropdown",{"label":[1],"required":[516],"name":[513],"disabled":[516],"invalid":[516],"hint":[1],"error":[1]}]]],["b2b-radio-button.cjs",[[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.cjs",[[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"]],{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-required-separator.cjs",[[1,"b2b-required-separator",{"label":[1]}]]],["b2b-tab-group.cjs",[[1,"b2b-tab-group",{"useRouter":[4,"use-router"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]]]]],["b2b-textarea.cjs",[[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"],"height":[1]}]]],["b2b-anchor.cjs",[[1,"b2b-anchor",{"href":[1],"download":[1],"target":[1],"size":[1]}]]],["b2b-breadcrumb.cjs",[[1,"b2b-breadcrumb",null,[[0,"b2b-change","onSelectedChange"]]]]],["b2b-breadcrumb-item.cjs",[[1,"b2b-breadcrumb-item",{"href":[1],"value":[8],"active":[1028]}]]],["b2b-card.cjs",[[1,"b2b-card",{"disabled":[4],"href":[1],"target":[1]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["b2b-flyout-menu.cjs",[[1,"b2b-flyout-menu",{"opened":[1028]},[[0,"keydown","handleKeyDown"],[0,"b2b-option-selected","handleSelected"],[4,"click","handleClickOutside"]]]]],["b2b-flyout-menu-option.cjs",[[0,"b2b-flyout-menu-option",{"option":[1],"disabled":[516],"separator":[4]},[[0,"keydown","handleKeyDown"]]]]],["b2b-grid.cjs",[[1,"b2b-grid",{"margin":[2]}]]],["b2b-grid-col.cjs",[[1,"b2b-grid-col",{"span":[514],"textAlign":[1,"text-align"]}]]],["b2b-grid-row.cjs",[[1,"b2b-grid-row",{"columnGap":[2,"column-gap"],"rowGap":[2,"row-gap"],"alignItems":[1,"align-items"],"justify":[1]}]]],["b2b-icon-100.cjs",[[1,"b2b-icon-100",{"icon":[1],"color":[1],"size":[2],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]],["b2b-label.cjs",[[1,"b2b-label",{"type":[1]}]]],["b2b-paragraph.cjs",[[1,"b2b-paragraph",{"weight":[1],"size":[1],"align":[1]}]]],["b2b-progress-bar.cjs",[[1,"b2b-progress-bar",{"progress":[2],"label":[1],"labelType":[1,"label-type"],"labelPosition":[1,"label-position"]}]]],["b2b-scrollable-container.cjs",[[1,"b2b-scrollable-container"]]],["b2b-tab.cjs",[[1,"b2b-tab",{"selected":[516],"disabled":[4],"invalid":[4]},null,{"selected":["propagateChange"]}]]],["b2b-tab-panel.cjs",[[1,"b2b-tab-panel"]]],["b2b-table.cjs",[[1,"b2b-table",{"size":[1]},[[0,"b2b-change","onColumnSelected"]]]]],["b2b-table-rowgroup.cjs",[[1,"b2b-table-rowgroup",{"type":[1],"size":[1],"accordion":[4],"selectable":[4],"fixed":[4],"opened":[516],"selectedValues":[32]},[[0,"b2b-open","handleOpenChange"],[0,"b2b-row-selected","handleSelectedChange"]]]]],["b2b-toggle-button.cjs",[[1,"b2b-toggle-button",{"label":[1],"name":[513],"checked":[1540],"disabled":[516],"value":[513]}]]],["b2b-toggle-chip.cjs",[[1,"b2b-toggle-chip",{"label":[1],"value":[520],"name":[513],"variant":[1],"active":[1028],"disabled":[516]}]]],["b2b-toggle-group.cjs",[[1,"b2b-toggle-group",{"name":[1],"disabled":[516],"currentValue":[32]},[[0,"b2b-change","handleToggleButtonChange"]],{"disabled":["disabledChanged"]}]]],["b2b-toggle-switch.cjs",[[1,"b2b-toggle-switch",{"label":[1],"name":[1],"labelPosition":[1,"label-position"],"disabled":[4],"state":[1028]}]]],["b2b-tooltip.cjs",[[1,"b2b-tooltip",{"position":[1],"content":[1],"trigger":[1],"opened":[1540]},null,{"opened":["handleOpenedChange"]}]]],["b2b-wizard.cjs",[[1,"b2b-wizard",{"activeStep":[1,"active-step"],"custom":[4],"checkIcon":[4,"check-icon"]}]]],["b2b-wizard-icon.cjs",[[1,"b2b-wizard-icon",{"step":[1],"state":[1],"checkIcon":[4,"check-icon"]}]]],["b2b-headline.cjs",[[1,"b2b-headline",{"size":[1],"align":[1],"noMargin":[4,"no-margin"]}]]],["b2b-input-group_2.cjs",[[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"]],{"optionsList":["watchPropHandler"]}],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1]},null,{"invalid":["invalidChanged"],"disabled":["disabledChanged"]}]]],["b2b-checkbox.cjs",[[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"]}]]],["b2b-chip-component_2.cjs",[[0,"b2b-multiselect-option",{"option":[1],"selected":[1028],"indeterminate":[4]}],[1,"b2b-chip-component",{"label":[1],"disabled":[4],"hasCloseButton":[4,"has-close-button"],"value":[520]}]]],["b2b-table-cell_2.cjs",[[1,"b2b-table-cell",{"textWrap":[516,"text-wrap"],"size":[1],"align":[1],"divider":[4],"color":[1],"colspan":[2],"totalCols":[2,"total-cols"],"useTextEllipsis":[32]}],[1,"b2b-table-header",{"divider":[4],"size":[1],"fixed":[4],"sortDirection":[1537,"sort-direction"],"sortId":[1,"sort-id"],"colspan":[2],"contentAlign":[1,"content-align"],"totalCols":[2,"total-cols"],"active":[32],"iconAlign":[32]}]]],["b2b-rounded-icon.cjs",[[1,"b2b-rounded-icon",{"color":[1],"borderColor":[1,"border-color"],"contentColor":[1,"content-color"]}]]],["b2b-separator.cjs",[[1,"b2b-separator",{"alignment":[1]}]]],["b2b-input-label.cjs",[[1,"b2b-input-label",{"required":[4],"disabled":[4]}]]],["b2b-input_2.cjs",[[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.cjs",[[1,"b2b-button",{"variant":[1],"type":[1],"size":[1],"width":[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.cjs",[[1,"b2b-icon",{"icon":[1],"color":[1],"size":[1],"clickable":[4],"focusable":[4],"pathData":[32]},null,{"icon":["loadIconPathData"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/request-412d37bc.js

@@ -0,0 +1,44 @@
+'use strict';
+
+const ICON_PATH = 'https://portal.otto.market/design-system/dist/b2b-core-components';
+
+const iconContent = new Map();
+const requests = new Map();
+const fetchIcon = (icon) => {
+    // see if we already have a request for this url
+    let req = requests.get(icon);
+    if (req === undefined || null) {
+        if (typeof fetch !== 'undefined' && typeof document !== 'undefined') {
+            // we don't already have a request
+            req = fetch(icon).then(rsp => {
+                if (rsp.ok) {
+                    return rsp.text().then(svgContent => {
+                        iconContent.set(icon, svgContent || '');
+                    });
+                }
+                iconContent.set(icon, '');
+            });
+            // cache for the same requests
+            requests.set(icon, req);
+        }
+        else {
+            // set to empty for ssr scenarios and resolve promise
+            iconContent.set(icon, '');
+            return Promise.resolve();
+        }
+    }
+    return req;
+};
+const buildPath = (icon, folderName) => {
+    // fetch icons from local dir for development
+    if (folderName === 'icons') {
+        return `${ICON_PATH}/icons/${icon}.svg`;
+    }
+    else {
+        return `${ICON_PATH}/${icon}.svg`;
+    }
+};
+
+exports.buildPath = buildPath;
+exports.fetchIcon = fetchIcon;
+exports.iconContent = iconContent;

package/dist/cjs/{table.types-d3ab0872.js → table.types-5df665b6.js}

@@ -1,39 +1,39 @@
 'use strict';
 
 const TableSizes = {
-  EQUAL: 'equal',
-  EXPAND: 'expand',
-  COLSPAN: 'colspan',
+    EQUAL: 'equal',
+    EXPAND: 'expand',
+    COLSPAN: 'colspan',
 };
 const TableRowgroupTypes = {
-  HEADER: 'header',
-  BODY: 'body',
-  FOOTER: 'footer',
+    HEADER: 'header',
+    BODY: 'body',
+    FOOTER: 'footer',
 };
 const ContentAlignment = {
-  LEFT: 'left',
-  RIGHT: 'right',
-  CENTER: 'center',
+    LEFT: 'left',
+    RIGHT: 'right',
+    CENTER: 'center',
 };
 const SortIconAlignment = {
-  LEFT: 'left',
-  RIGHT: 'right',
-  CENTER: 'center',
+    LEFT: 'left',
+    RIGHT: 'right',
+    CENTER: 'center',
 };
 const TableSortDirections = {
-  NOT: 'not-sorted',
-  ASC: 'ascending',
-  DESC: 'descending',
+    NOT: 'not-sorted',
+    ASC: 'ascending',
+    DESC: 'descending',
 };
 const TableAccordionRowTypes = {
-  PARENT: 'parent',
-  CHILD: 'child',
-  HEADER: 'header',
+    PARENT: 'parent',
+    CHILD: 'child',
+    HEADER: 'header',
 };
 const TableColourOptions = {
-  DEFAULT: 'default',
-  SELECTED: 'selected',
-  GROUP: 'group',
+    DEFAULT: 'default',
+    SELECTED: 'selected',
+    GROUP: 'group',
 };
 
 exports.ContentAlignment = ContentAlignment;

package/dist/cjs/utils-41f7ffa8.js

@@ -0,0 +1,40 @@
+'use strict';
+
+function updateCheckboxState(rows, header) {
+    let someSelected = rows.some(item => item.checked === true);
+    let everySelected = rows.every(item => item.checked === true);
+    header.checked = everySelected;
+    header.indeterminate = someSelected && !everySelected;
+}
+/** Sets appropriate column width for colspan table */
+function setFlexBase(host, colspan, totalCols, selectable, accordion) {
+    const flexBase = colspan != undefined ? colspan : 1;
+    let border = 0;
+    // factor in dividers for multi columns
+    if (flexBase > 1) {
+        border = flexBase;
+    }
+    // calculate space for control columns
+    const checkboxSpace = selectable ? (40 / totalCols) * flexBase : 0;
+    const accordionSpace = accordion ? (48 / totalCols) * flexBase : 0;
+    const style = `calc((${(flexBase / totalCols) * 100}% - ${checkboxSpace + accordionSpace}px) - ${24 - border}px)`;
+    host.style.flexBasis = style;
+}
+function getAllRows(hostEl) {
+    return Array.from(hostEl.querySelectorAll('b2b-table-row'));
+}
+function getRemainingRows(hostEl) {
+    return Array.from(hostEl.querySelectorAll('b2b-table-row')).slice(1);
+}
+function getFirstRow(hostEl) {
+    const firstRow = hostEl.querySelector('b2b-table-row');
+    if (firstRow != null) {
+        return firstRow;
+    }
+}
+
+exports.getAllRows = getAllRows;
+exports.getFirstRow = getFirstRow;
+exports.getRemainingRows = getRemainingRows;
+exports.setFlexBase = setFlexBase;
+exports.updateCheckboxState = updateCheckboxState;

package/dist/cjs/wizard.types-40a1058c.js

@@ -0,0 +1,10 @@
+'use strict';
+
+const WizardStatus = {
+    DEFAULT: 'default',
+    COMPLETED: 'completed',
+    PENDING: 'pending',
+    DISABLED: 'disabled',
+};
+
+exports.WizardStatus = WizardStatus;

package/dist/collection/collection-manifest.json

@@ -10,11 +10,14 @@
     "components/checkbox-group/checkbox-group.js",
     "components/chip/chip.js",
     "components/dropdown/dropdown.js",
+    "components/flyout-menu/flyout-menu-option.js",
+    "components/flyout-menu/flyout-menu.js",
     "components/grid/column.js",
     "components/grid/grid.js",
     "components/grid/row.js",
     "components/headline/headline.js",
     "components/icon/icon.js",
+    "components/icon-100/icon-100.js",
     "components/input/input.js",
     "components/input-group/input-group.js",
     "components/input-label/input-label.js",
@@ -47,6 +50,7 @@
     "components/toggle-button/toggle-button.js",
     "components/toggle-chip/toggle-chip.js",
     "components/toggle-group/toggle-group.js",
+    "components/toggle-switch/toggle-switch.js",
     "components/tooltip/tooltip.js",
     "components/wizard/wizard-step.js",
     "components/wizard/wizard.js",
@@ -54,8 +58,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.7.0",
-    "typescriptVersion": "5.2.2"
+    "version": "4.13.0",
+    "typescriptVersion": "5.4.2"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/alert/alert.css

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

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

@@ -1,67 +1,67 @@
 import { newE2EPage } from "@stencil/core/testing";
 describe('B2B-Alert', () => {
-  it('should render the alert component', async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<b2b-alert></alert>`);
-    const element = await page.find('b2b-alert');
-    expect(element).not.toBeNull();
-  });
-  it('should not be visible by default', async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<b2b-alert></alert>`);
-    const element = await page.find('b2b-alert >>> div.b2b-alert');
-    expect(element).not.toHaveClass('b2b-alert--open');
-    const alert = await page.find('b2b-alert');
-    expect(await alert.getProperty('opened')).toBe(false);
-  });
-  it('should open the alert', async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<b2b-alert opened></b2b-alert>`);
-    const element = await page.find('b2b-alert >>> div');
-    expect(await element.isVisible()).toBe(true);
-  });
-  it('should not render text in a small alert', async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<b2b-alert opened>test</b2b-alert>`);
-    const element = await page.find('b2b-alert >>> p');
-    expect(element).toBeNull();
-  });
-  it('should render a large alert with text', async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<b2b-alert opened size={large}>test</b2b-alert>`);
-    const element = await page.find({ text: 'test' });
-    expect(element).not.toBeNull();
-  });
-  it('should render a close button by default in a large alert', async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<b2b-alert opened size="large">test</b2b-alert>`);
-    const alert = await page.find('b2b-alert >>> div');
-    const element = await page.find('b2b-alert >>> div.b2b-alert__close-icon');
-    expect(element).not.toBeNull();
-    await page.evaluate(() => {
-      document
-        .querySelector('b2b-alert')
-        .shadowRoot.querySelector('.b2b-alert__close-icon').click();
+    it('should render the alert component', async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<b2b-alert></alert>`);
+        const element = await page.find('b2b-alert');
+        expect(element).not.toBeNull();
+    });
+    it('should not be visible by default', async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<b2b-alert></alert>`);
+        const element = await page.find('b2b-alert >>> div.b2b-alert');
+        expect(element).not.toHaveClass('b2b-alert--open');
+        const alert = await page.find('b2b-alert');
+        expect(await alert.getProperty('opened')).toBe(false);
+    });
+    it('should open the alert', async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<b2b-alert opened></b2b-alert>`);
+        const element = await page.find('b2b-alert >>> div');
+        expect(await element.isVisible()).toBe(true);
+    });
+    it('should not render text in a small alert', async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<b2b-alert opened>test</b2b-alert>`);
+        const element = await page.find('b2b-alert >>> p');
+        expect(element).toBeNull();
+    });
+    it('should render a large alert with text', async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<b2b-alert opened size={large}>test</b2b-alert>`);
+        const element = await page.find({ text: 'test' });
+        expect(element).not.toBeNull();
+    });
+    it('should render a close button by default in a large alert', async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<b2b-alert opened size="large">test</b2b-alert>`);
+        const alert = await page.find('b2b-alert >>> div');
+        const element = await page.find('b2b-alert >>> div.b2b-alert__close-icon');
+        expect(element).not.toBeNull();
+        await page.evaluate(() => {
+            document
+                .querySelector('b2b-alert')
+                .shadowRoot.querySelector('.b2b-alert__close-icon').click();
+        });
+        await page.waitForChanges();
+        expect(await alert.isVisible()).toBeFalsy();
+    });
+    it('should not render a close button on an error alert', async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<b2b-alert opened size="large" type="error">test</b2b-alert>`);
+        const element = await page.find('b2b-alert >>> div.b2b-alert__close-icon');
+        expect(element).toBeNull();
+    });
+    it('should not render a close button in a small alert', async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<b2b-alert opened>test</b2b-alert>`);
+        const element = await page.find('b2b-alert >>> div.b2b-alert__close-icon');
+        expect(element).toBeNull();
+    });
+    it('should render with a custom icon', async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<b2b-alert opened custom-icon><b2b-icon icon="b2b_icon-menu"></b2b-icon></b2b-alert>`);
+        const element = await page.find('b2b-icon');
+        expect(element).not.toBeNull();
     });
-    await page.waitForChanges();
-    expect(await alert.isVisible()).toBeFalsy();
-  });
-  it('should not render a close button on an error alert', async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<b2b-alert opened size="large" type="error">test</b2b-alert>`);
-    const element = await page.find('b2b-alert >>> div.b2b-alert__close-icon');
-    expect(element).toBeNull();
-  });
-  it('should not render a close button in a small alert', async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<b2b-alert opened>test</b2b-alert>`);
-    const element = await page.find('b2b-alert >>> div.b2b-alert__close-icon');
-    expect(element).toBeNull();
-  });
-  it('should render with a custom icon', async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<b2b-alert opened custom-icon><b2b-icon icon="b2b_icon-menu"></b2b-icon></b2b-alert>`);
-    const element = await page.find('b2b-icon');
-    expect(element).not.toBeNull();
-  });
 });