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

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]},[[0,"keydown","handleKeyDown"]]]]],["b2b-table-row",[[1,"b2b-table-row",{"highlight":[4],"color":[1],"type":[1],"isOpen":[32],"toggleAccordion":[64]}]]],["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",[[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-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],"hasOptionList":[32],"isElementFocused":[32]},[[0,"keydown","handleKeyDown"]]],[1,"b2b-input-group",{"invalid":[4],"disabled":[4],"error":[1],"hint":[1],"initialDisabled":[32]}]]],["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-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_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/{table.types-9943c937.js → table.types-dd829d83.js}

@@ -17,7 +17,7 @@ const TableSortDirections = {
   ASC: 'ascending',
   DESC: 'descending',
 };
-const TableRowTypes = {
+const TableAccordionRowTypes = {
   PARENT: 'parent',
   CHILD: 'child',
   HEADER: 'header',
@@ -28,4 +28,4 @@ const TableColourOptions = {
   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/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.d.ts

@@ -8,13 +8,9 @@ export declare class B2BInputGroup {
   error?: string;
   /** The hint text that appears underneath the input group. */
   hint?: string;
-  /** We keep track of the initial disabled state in case individual children are disabled, group is disabled and re-enabled. */
-  initialDisabled: any[];
   protected invalidChanged(): void;
   protected disabledChanged(): void;
   connectedCallback(): void;
-  componentWillLoad(): void;
-  private getInitialState;
   private removeText;
   private toggleAllError;
   private toggleAllDisabled;

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.stories.d.ts

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

package/dist/types/components/scrollable-container/scrollable-container.stories.d.ts

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

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

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

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

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

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

@@ -4,5 +4,5 @@ export declare const story020Secondary: any;
 export declare const story025Inverse: any;
 export declare const story030Small: 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/tab-group/tab-group.stories.d.ts

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

package/dist/types/components/table/table-row/table-row.d.ts

@@ -1,21 +1,37 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { TableRowTypes, TableColourOptions } from '../../../utils/types/table.types';
+import { TableAccordionRowTypes, TableColourOptions } from '../../../utils/types/table.types';
+import { B2bCheckboxCustomEvent, CheckboxEventDetail } from '../../../components';
 export declare class TableRowComponent {
   hostElement: HTMLB2bTableRowElement;
   /** Whether the row will be highlighted on mouse over **/
   highlight: boolean;
   /** Background color of the row. Use it semantically. This color selection have hover states **/
   color: TableColourOptions;
-  /** Determined by the parent rowgroup for accordion rowgroups. Do not set manually. */
-  type: TableRowTypes;
+  /** @internal Determined by the parent rowgroup for accordion rowgroups. */
+  accordionType: TableAccordionRowTypes;
+  /** @internal Whether the parent rowgroup is selectable. */
+  selectable: boolean;
+  /** The unique identifier for a selectable row. It is emitted when the row is selected. */
+  value?: string;
+  /** If a selectable row is a parent for an accordion, it becomes indeterminate when some of it's children are checked, but not all. */
+  indeterminate: boolean;
+  /** If a selectable row is currently checked. Per default, it is false. */
+  checked: boolean;
   /** Emits if the parent rowgroup is an accordion and the row is a top-level accordion row. Determines if the child rows will be shown. */
   b2bOpen: EventEmitter<boolean>;
+  /** Emits if the row is selectable and it is selected or unselected. Emits both unique value and the checkbox status. */
+  b2bSelected: EventEmitter<CheckboxEventDetail>;
   isOpen: boolean;
-  private toggleOpen;
+  toggleSelected(event: B2bCheckboxCustomEvent<CheckboxEventDetail>): void;
   /** Will toggle the accordion opened or closed. */
-  toggleAccordion(isOpen: any): Promise<void>;
+  toggleAccordion(isOpen: boolean): Promise<void>;
+  componentWillLoad(): void;
+  private toggleOpen;
   private getRowColor;
-  private getParentTableSize;
-  private getRowWidthForEqualSize;
+  private getRowWidth;
+  private shouldAddCheckbox;
+  private getParentRowGroup;
+  private getCheckbox;
+  private getAccordionColumns;
   render(): any;
 }

package/dist/types/components/table/table-rowgroup/table-rowgroup.d.ts

@@ -1,4 +1,6 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 import { TableRowgroupTypes } from '../../../utils/types/table.types';
+import { TableAccordionSelectedEventDetail } from '../../../utils/interfaces/content.interface';
 export declare class TableRowgroupComponent {
   host: HTMLB2bTableRowgroupElement;
   /** Rowgroup allows grouping rows by context: header, body or footer.
@@ -9,15 +11,23 @@ export declare class TableRowgroupComponent {
    * One table can contain multiple rowgroups of type body, each of which represents an accordion row with children.
    */
   accordion: boolean;
+  /** If the rows in the rowgroup can be selected via checkmark. Per default, it is false. */
+  selectable: boolean;
   /** Only use when accordion property is true.
    * Will render the accordion opened if set to true. By default, is false.
    */
   opened: boolean;
+  /** Emits when the rowgroup as a whole is selected. */
+  b2bSelect: EventEmitter<TableAccordionSelectedEventDetail>;
+  selectedValues: any[];
+  indeterminate: boolean;
   handleOpenChange(event: any): void;
-  private getFirstRow;
-  private getRemainingRows;
+  handleSelectedChange(event: any): void;
+  private toggleSelectAll;
+  private toggleList;
   private makeHeaderRowNotSelectable;
   private addAccordionControlColumn;
+  private addCheckboxColumn;
   private toggleInitialVisibility;
   private toggleChildRowVisibility;
   componentWillLoad(): void;

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

@@ -10,10 +10,10 @@ export declare class TableComponent {
   size: TableSizes;
   /** Emits whenever the sort direction of any column in the table changes. */
   b2bSortChange: EventEmitter<ColumnSortChangeEventDetail>;
+  onColumnSelected(event: any): void;
   private setCellSize;
   private setFixedHeaders;
   componentDidRender(): void;
   componentDidLoad(): void;
-  onColumnSelected(event: any): void;
   render(): any;
 }

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

@@ -11,5 +11,6 @@ export declare const story090TableColor: any;
 export declare const story100ScrollableTable: any;
 export declare const story110Sorting: any;
 export declare const story120Accordion: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+export declare const story130Selectable: any;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/table/utils.d.ts

@@ -0,0 +1,4 @@
+export declare function updateCheckboxState(rows: HTMLB2bTableRowElement[], header: HTMLB2bTableRowElement): void;
+export declare function getAllRows(hostEl: HTMLB2bTableElement | HTMLB2bTableRowgroupElement): HTMLB2bTableRowElement[];
+export declare function getRemainingRows(hostEl: HTMLB2bTableElement | HTMLB2bTableRowgroupElement): HTMLB2bTableRowElement[];
+export declare function getFirstRow(hostEl: HTMLB2bTableElement | HTMLB2bTableRowgroupElement): HTMLB2bTableRowElement;

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

@@ -6,5 +6,5 @@ export declare const story040Hint: any;
 export declare const story050Error: any;
 export declare const story055Required: any;
 export declare const story060AllArgs: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

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

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

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

@@ -8,5 +8,5 @@ export declare const story060Left: any;
 export declare const story070Right: any;
 export declare const story080Right: any;
 export declare const story090BlockElement: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

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

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

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

@@ -4,5 +4,5 @@ export declare const story010Completed: any;
 export declare const story015CompletedWithNumber: any;
 export declare const story020Pending: any;
 export declare const story030Disabled: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;