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

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

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ChipComponentEventDetail } from '../../utils/interfaces/form.interface';
+export declare class B2bChipComponent {
+  /** The text content of the chip. It is required. */
+  label: string;
+  /** Whether the chip is disabled. */
+  disabled: boolean;
+  /** Whether or not the chip component has a close button. Per default it is true. */
+  hasCloseButton: boolean;
+  /** It is only used when the chip component participates in a group */
+  value?: any;
+  /** This event will be triggered when the chip element is closed */
+  b2bClose: EventEmitter<ChipComponentEventDetail>;
+  private onClick;
+  private clearIcon;
+  render(): any;
+}

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

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/web-components';
+export declare const story010Default: any;
+export declare const story020Disabled: any;
+export declare const story030WithoutButton: any;
+declare const _default: Meta;
+export default _default;

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

@@ -1,2 +1,2 @@
-export declare const iconTypes: readonly ["b2b_icon-360-degree", "b2b_icon-advice", "b2b_icon-allergen-sulfur-dioxide-sulfite", "b2b_icon-almond", "b2b_icon-archive", "b2b_icon-armchair", "b2b_icon-arrow-down", "b2b_icon-arrow-graph", "b2b_icon-arrow-left", "b2b_icon-arrow-right", "b2b_icon-arrow-up", "b2b_icon-assembly", "b2b_icon-assortment", "b2b_icon-attachment", "b2b_icon-augmented-reality", "b2b_icon-autonomous-team", "b2b_icon-bank-details", "b2b_icon-bar-graph-ascending", "b2b_icon-bar-graph-axis", "b2b_icon-barley", "b2b_icon-basket-sale", "b2b_icon-basket", "b2b_icon-basketball", "b2b_icon-bikini", "b2b_icon-blogs", "b2b_icon-brandshop", "b2b_icon-brazil-nut", "b2b_icon-browser-click", "b2b_icon-browser-content", "b2b_icon-browser-psm", "b2b_icon-burger", "b2b_icon-bus", "b2b_icon-callback", "b2b_icon-camera", "b2b_icon-cashback", "b2b_icon-cashew-nut", "b2b_icon-catalogue", "b2b_icon-categories", "b2b_icon-celery", "b2b_icon-certificate", "b2b_icon-chair", "b2b_icon-chat", "b2b_icon-check-bold", "b2b_icon-check", "b2b_icon-chicken", "b2b_icon-city", "b2b_icon-clear", "b2b_icon-close-bold", "b2b_icon-close", "b2b_icon-code-management", "b2b_icon-contact-mail", "b2b_icon-copy", "b2b_icon-cow", "b2b_icon-crab", "b2b_icon-critique", "b2b_icon-curtain", "b2b_icon-cut-out", "b2b_icon-dashboard", "b2b_icon-deer", "b2b_icon-delete", "b2b_icon-delivery-24h", "b2b_icon-delivery-desired-date-selection", "b2b_icon-delivery-desired-date", "b2b_icon-delivery-express", "b2b_icon-delivery-flat", "b2b_icon-delivery-on-hangers", "b2b_icon-delivery-preferred-place", "b2b_icon-desktop-phone-ads-click", "b2b_icon-desktop-phone-ads", "b2b_icon-desktop-phone", "b2b_icon-desktop", "b2b_icon-devices-monitor-laptop-tablet", "b2b_icon-dish-feature-lactose-free", "b2b_icon-dislike", "b2b_icon-disposal", "b2b_icon-document-sign", "b2b_icon-downloads", "b2b_icon-dress", "b2b_icon-dungarees", "b2b_icon-duration", "b2b_icon-e-invoice", "b2b_icon-edit-pad", "b2b_icon-edit", "b2b_icon-egg", "b2b_icon-ellipsis", "b2b_icon-email-verification-confirmed-safe", "b2b_icon-email-verification-confirmed", "b2b_icon-email-verification-sent-safe", "b2b_icon-email-verification-sent", "b2b_icon-empty-hint", "b2b_icon-end-to-end", "b2b_icon-error-article-image", "b2b_icon-error", "b2b_icon-euro", "b2b_icon-event", "b2b_icon-events", "b2b_icon-expand", "b2b_icon-faq", "b2b_icon-feedback", "b2b_icon-filter", "b2b_icon-fish", "b2b_icon-fitness", "b2b_icon-flag-chequered", "b2b_icon-flexible-work", "b2b_icon-flip", "b2b_icon-food-processor", "b2b_icon-fullscreen", "b2b_icon-gallery-view", "b2b_icon-gamepad", "b2b_icon-garlic", "b2b_icon-gender-intersex", "b2b_icon-globe", "b2b_icon-gluten", "b2b_icon-glutenfree", "b2b_icon-handshake", "b2b_icon-hashtag", "b2b_icon-hazelnut", "b2b_icon-hide", "b2b_icon-high-heels", "b2b_icon-home", "b2b_icon-info-small", "b2b_icon-info", "b2b_icon-inplace-zoom-reverse", "b2b_icon-inplace-zoom", "b2b_icon-insurance", "b2b_icon-kamut", "b2b_icon-laptop-os", "b2b_icon-laptop", "b2b_icon-leaving-page", "b2b_icon-light-bulb", "b2b_icon-like-fingers", "b2b_icon-like-product", "b2b_icon-like", "b2b_icon-line-graph", "b2b_icon-list-view", "b2b_icon-location", "b2b_icon-lupine", "b2b_icon-macadamia", "b2b_icon-material-samples", "b2b_icon-measurement", "b2b_icon-megaphone", "b2b_icon-menu", "b2b_icon-mic", "b2b_icon-milk", "b2b_icon-minus", "b2b_icon-module-operations", "b2b_icon-money-coins", "b2b_icon-money-document", "b2b_icon-money-plus", "b2b_icon-money-stack", "b2b_icon-money", "b2b_icon-move", "b2b_icon-mustard", "b2b_icon-nav", "b2b_icon-new", "b2b_icon-newsletter-sign-up", "b2b_icon-notification", "b2b_icon-nuts", "b2b_icon-oat", "b2b_icon-order-cancelled", "b2b_icon-order-delivered", "b2b_icon-order-form", "b2b_icon-order-management", "b2b_icon-order-misdirected", "b2b_icon-order-on-road", "b2b_icon-order-packed", "b2b_icon-order-payment", "b2b_icon-order-received", "b2b_icon-order-return", "b2b_icon-order-shipped", "b2b_icon-order-state-unknown", "b2b_icon-order-stored", "b2b_icon-order", "b2b_icon-otto-app", "b2b_icon-otto-campus", "b2b_icon-otto-company", "b2b_icon-otto-laptop", "b2b_icon-otto-logo", "b2b_icon-otto-up-points", "b2b_icon-otto-up", "b2b_icon-paper-plane", "b2b_icon-pause", "b2b_icon-payment-credit-card", "b2b_icon-payment-invoice", "b2b_icon-payment-pause", "b2b_icon-payment-plan-protection", "b2b_icon-payment-plan", "b2b_icon-pdf", "b2b_icon-peanut", "b2b_icon-pecan-nut", "b2b_icon-pending", "b2b_icon-person-access", "b2b_icon-person-callcenter", "b2b_icon-person-check", "b2b_icon-person-colleagues", "b2b_icon-person-community", "b2b_icon-person-development", "b2b_icon-person-female", "b2b_icon-person-info", "b2b_icon-person-male", "b2b_icon-person-rating", "b2b_icon-person-support", "b2b_icon-person-switch", "b2b_icon-person-workshop", "b2b_icon-person", "b2b_icon-phone-permission", "b2b_icon-phone", "b2b_icon-pig", "b2b_icon-pin", "b2b_icon-pinch-gesture", "b2b_icon-pinch", "b2b_icon-pistachio", "b2b_icon-plant", "b2b_icon-play-1", "b2b_icon-play", "b2b_icon-plus", "b2b_icon-price-alert", "b2b_icon-price-tag", "b2b_icon-print", "b2b_icon-puzzle", "b2b_icon-qr-code", "b2b_icon-question-hint", "b2b_icon-question", "b2b_icon-rating-empty", "b2b_icon-rating-filled", "b2b_icon-rating-half", "b2b_icon-rating-order", "b2b_icon-rating-payment", "b2b_icon-remote-work", "b2b_icon-repair", "b2b_icon-reply", "b2b_icon-retirement-provision", "b2b_icon-rocket", "b2b_icon-rye", "b2b_icon-sabbatical", "b2b_icon-sale", "b2b_icon-save", "b2b_icon-sea", "b2b_icon-search-enter", "b2b_icon-search", "b2b_icon-seo", "b2b_icon-service-info", "b2b_icon-sesame", "b2b_icon-settings", "b2b_icon-share-ios", "b2b_icon-share", "b2b_icon-sheep", "b2b_icon-shell", "b2b_icon-shirt", "b2b_icon-shopping-cart-euro", "b2b_icon-shopping-cart", "b2b_icon-show", "b2b_icon-smiley-angry", "b2b_icon-smiley-happy", "b2b_icon-smiley-negative", "b2b_icon-smiley-neutral", "b2b_icon-smiley-positive", "b2b_icon-sms-info", "b2b_icon-sneaker", "b2b_icon-sort-ascending", "b2b_icon-sort-descending", "b2b_icon-sort", "b2b_icon-soy", "b2b_icon-spelt", "b2b_icon-stationary", "b2b_icon-studies", "b2b_icon-success", "b2b_icon-sustainable-delivery", "b2b_icon-sustainable-energy-efficient", "b2b_icon-sustainable-production", "b2b_icon-sustainable-recycling", "b2b_icon-sustainable-resource", "b2b_icon-swipe-gesture", "b2b_icon-sync-device", "b2b_icon-t-shirt", "b2b_icon-tablet", "b2b_icon-tableware", "b2b_icon-target-group", "b2b_icon-teddy", "b2b_icon-test-result", "b2b_icon-town", "b2b_icon-trash", "b2b_icon-trend-down", "b2b_icon-trend-up", "b2b_icon-trousers", "b2b_icon-trusted", "b2b_icon-unpin", "b2b_icon-upload", "b2b_icon-user-management", "b2b_icon-vacation", "b2b_icon-variant-content", "b2b_icon-vegan", "b2b_icon-vegetarian", "b2b_icon-viewtoggle-tiles", "b2b_icon-village", "b2b_icon-volume-off", "b2b_icon-volume-on", "b2b_icon-voucher", "b2b_icon-walnut", "b2b_icon-warning", "b2b_icon-warranty", "b2b_icon-washing-machine", "b2b_icon-whatsapp", "b2b_icon-wheat", "b2b_icon-wifi", "b2b_icon-wishlist-active", "b2b_icon-wishlist", "b2b_icon-work-life", "b2b_icon-workshop", "b2b_icon-zoom-in", "b2b_icon-zoom-out"];
+export declare const iconTypes: readonly ["b2b_icon-360-degree", "b2b_icon-advice", "b2b_icon-allergen-sulfur-dioxide-sulfite", "b2b_icon-almond", "b2b_icon-archive", "b2b_icon-armchair", "b2b_icon-arrow-down", "b2b_icon-arrow-graph", "b2b_icon-arrow-left", "b2b_icon-arrow-right", "b2b_icon-arrow-up", "b2b_icon-assembly", "b2b_icon-assortment", "b2b_icon-attachment", "b2b_icon-augmented-reality", "b2b_icon-autonomous-team", "b2b_icon-bank-details", "b2b_icon-bar-graph-ascending", "b2b_icon-bar-graph-axis", "b2b_icon-barley", "b2b_icon-basket-sale", "b2b_icon-basket", "b2b_icon-basketball", "b2b_icon-bikini", "b2b_icon-blogs", "b2b_icon-brandshop", "b2b_icon-brazil-nut", "b2b_icon-browser-click", "b2b_icon-browser-content", "b2b_icon-browser-psm", "b2b_icon-burger", "b2b_icon-bus", "b2b_icon-callback", "b2b_icon-camera", "b2b_icon-cashback", "b2b_icon-cashew-nut", "b2b_icon-catalogue", "b2b_icon-categories", "b2b_icon-celery", "b2b_icon-certificate", "b2b_icon-chair", "b2b_icon-chat", "b2b_icon-check-bold", "b2b_icon-check", "b2b_icon-chicken", "b2b_icon-city", "b2b_icon-clear", "b2b_icon-close-bold", "b2b_icon-close", "b2b_icon-code-management", "b2b_icon-contact-mail", "b2b_icon-copy", "b2b_icon-cow", "b2b_icon-crab", "b2b_icon-critique", "b2b_icon-curtain", "b2b_icon-cut-out", "b2b_icon-dashboard", "b2b_icon-deer", "b2b_icon-delete", "b2b_icon-delivery-24h", "b2b_icon-delivery-desired-date-selection", "b2b_icon-delivery-desired-date", "b2b_icon-delivery-express", "b2b_icon-delivery-flat", "b2b_icon-delivery-on-hangers", "b2b_icon-delivery-preferred-place", "b2b_icon-desktop-phone-ads-click", "b2b_icon-desktop-phone-ads", "b2b_icon-desktop-phone", "b2b_icon-desktop", "b2b_icon-devices-monitor-laptop-tablet", "b2b_icon-dish-feature-lactose-free", "b2b_icon-dislike", "b2b_icon-disposal", "b2b_icon-document-sign", "b2b_icon-downloads", "b2b_icon-dress", "b2b_icon-dungarees", "b2b_icon-duration", "b2b_icon-e-invoice", "b2b_icon-edit-pad", "b2b_icon-edit", "b2b_icon-egg", "b2b_icon-ellipsis", "b2b_icon-email-verification-confirmed-safe", "b2b_icon-email-verification-confirmed", "b2b_icon-email-verification-sent-safe", "b2b_icon-email-verification-sent", "b2b_icon-empty-hint", "b2b_icon-end-to-end", "b2b_icon-error-article-image", "b2b_icon-error-hint", "b2b_icon-error", "b2b_icon-euro", "b2b_icon-event", "b2b_icon-events", "b2b_icon-expand", "b2b_icon-faq", "b2b_icon-feedback", "b2b_icon-filter", "b2b_icon-fish", "b2b_icon-fitness", "b2b_icon-flag-chequered", "b2b_icon-flexible-work", "b2b_icon-flip", "b2b_icon-food-processor", "b2b_icon-fullscreen", "b2b_icon-gallery-view", "b2b_icon-gamepad", "b2b_icon-garlic", "b2b_icon-gender-intersex", "b2b_icon-globe", "b2b_icon-gluten", "b2b_icon-glutenfree", "b2b_icon-handshake", "b2b_icon-hashtag", "b2b_icon-hazelnut", "b2b_icon-hide", "b2b_icon-high-heels", "b2b_icon-home", "b2b_icon-info-small", "b2b_icon-info", "b2b_icon-inplace-zoom-reverse", "b2b_icon-inplace-zoom", "b2b_icon-insurance", "b2b_icon-kamut", "b2b_icon-laptop-os", "b2b_icon-laptop", "b2b_icon-leaving-page", "b2b_icon-light-bulb", "b2b_icon-like-fingers", "b2b_icon-like-product", "b2b_icon-like", "b2b_icon-line-graph", "b2b_icon-list-view", "b2b_icon-location", "b2b_icon-lupine", "b2b_icon-macadamia", "b2b_icon-material-samples", "b2b_icon-measurement", "b2b_icon-megaphone", "b2b_icon-menu", "b2b_icon-mic", "b2b_icon-milk", "b2b_icon-minus", "b2b_icon-module-operations", "b2b_icon-money-coins", "b2b_icon-money-document", "b2b_icon-money-plus", "b2b_icon-money-stack", "b2b_icon-money", "b2b_icon-move", "b2b_icon-mustard", "b2b_icon-nav", "b2b_icon-new", "b2b_icon-newsletter-sign-up", "b2b_icon-notification", "b2b_icon-nuts", "b2b_icon-oat", "b2b_icon-order-cancelled", "b2b_icon-order-delivered", "b2b_icon-order-form", "b2b_icon-order-management", "b2b_icon-order-misdirected", "b2b_icon-order-on-road", "b2b_icon-order-packed", "b2b_icon-order-payment", "b2b_icon-order-received", "b2b_icon-order-return", "b2b_icon-order-shipped", "b2b_icon-order-state-unknown", "b2b_icon-order-stored", "b2b_icon-order", "b2b_icon-otto-app", "b2b_icon-otto-campus", "b2b_icon-otto-company", "b2b_icon-otto-laptop", "b2b_icon-otto-logo", "b2b_icon-otto-up-points", "b2b_icon-otto-up", "b2b_icon-paper-plane", "b2b_icon-pause", "b2b_icon-payment-credit-card", "b2b_icon-payment-invoice", "b2b_icon-payment-pause", "b2b_icon-payment-plan-protection", "b2b_icon-payment-plan", "b2b_icon-pdf", "b2b_icon-peanut", "b2b_icon-pecan-nut", "b2b_icon-pending", "b2b_icon-person-access", "b2b_icon-person-callcenter", "b2b_icon-person-check", "b2b_icon-person-colleagues", "b2b_icon-person-community", "b2b_icon-person-development", "b2b_icon-person-female", "b2b_icon-person-info", "b2b_icon-person-male", "b2b_icon-person-rating", "b2b_icon-person-support", "b2b_icon-person-switch", "b2b_icon-person-workshop", "b2b_icon-person", "b2b_icon-phone-permission", "b2b_icon-phone", "b2b_icon-pig", "b2b_icon-pin", "b2b_icon-pinch-gesture", "b2b_icon-pinch", "b2b_icon-pistachio", "b2b_icon-plant", "b2b_icon-play-1", "b2b_icon-play", "b2b_icon-plus", "b2b_icon-price-alert", "b2b_icon-price-tag", "b2b_icon-print", "b2b_icon-puzzle", "b2b_icon-qr-code", "b2b_icon-question-hint", "b2b_icon-question", "b2b_icon-rating-empty", "b2b_icon-rating-filled", "b2b_icon-rating-half", "b2b_icon-rating-order", "b2b_icon-rating-payment", "b2b_icon-remote-work", "b2b_icon-repair", "b2b_icon-reply", "b2b_icon-retirement-provision", "b2b_icon-rocket", "b2b_icon-rye", "b2b_icon-sabbatical", "b2b_icon-sale", "b2b_icon-save", "b2b_icon-sea", "b2b_icon-search-enter", "b2b_icon-search", "b2b_icon-seo", "b2b_icon-service-info", "b2b_icon-sesame", "b2b_icon-settings", "b2b_icon-share-ios", "b2b_icon-share", "b2b_icon-sheep", "b2b_icon-shell", "b2b_icon-shirt", "b2b_icon-shopping-cart-euro", "b2b_icon-shopping-cart", "b2b_icon-show", "b2b_icon-smiley-angry", "b2b_icon-smiley-happy", "b2b_icon-smiley-negative", "b2b_icon-smiley-neutral", "b2b_icon-smiley-positive", "b2b_icon-sms-info", "b2b_icon-sneaker", "b2b_icon-sort-ascending", "b2b_icon-sort-descending", "b2b_icon-sort", "b2b_icon-soy", "b2b_icon-spelt", "b2b_icon-stationary", "b2b_icon-studies", "b2b_icon-success", "b2b_icon-sustainable-delivery", "b2b_icon-sustainable-energy-efficient", "b2b_icon-sustainable-production", "b2b_icon-sustainable-recycling", "b2b_icon-sustainable-resource", "b2b_icon-swipe-gesture", "b2b_icon-sync-device", "b2b_icon-t-shirt", "b2b_icon-tablet", "b2b_icon-tableware", "b2b_icon-target-group", "b2b_icon-teddy", "b2b_icon-test-result", "b2b_icon-town", "b2b_icon-trash", "b2b_icon-trend-down", "b2b_icon-trend-up", "b2b_icon-trousers", "b2b_icon-trusted", "b2b_icon-unpin", "b2b_icon-upload", "b2b_icon-user-management", "b2b_icon-vacation", "b2b_icon-variant-content", "b2b_icon-vegan", "b2b_icon-vegetarian", "b2b_icon-viewtoggle-tiles", "b2b_icon-village", "b2b_icon-volume-off", "b2b_icon-volume-on", "b2b_icon-voucher", "b2b_icon-walnut", "b2b_icon-warning", "b2b_icon-warranty", "b2b_icon-washing-machine", "b2b_icon-whatsapp", "b2b_icon-wheat", "b2b_icon-wifi", "b2b_icon-wishlist-active", "b2b_icon-wishlist", "b2b_icon-work-life", "b2b_icon-workshop", "b2b_icon-zoom-in", "b2b_icon-zoom-out"];
 export type IconName = typeof iconTypes[number];

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

@@ -1,13 +1,14 @@
-import { Meta } from '@storybook/web-components';
-export declare const story010Default: any;
-export declare const story020Placeholder: any;
-export declare const story030Disabled: any;
-export declare const story040Hint: any;
-export declare const story050Error: any;
-export declare const story055Required: any;
-export declare const story060IconEnd: any;
-export declare const story080Prefix: any;
-export declare const story090PrefixSuffix: any;
-export declare const story070AllArgs: any;
-declare const _default: Meta;
-export default _default;
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const Placeholder: Story;
+export declare const Disabled: Story;
+export declare const Hint: Story;
+export declare const Error: Story;
+export declare const Required: Story;
+export declare const IconEnd: Story;
+export declare const Prefix: Story;
+export declare const PrefixAndSuffix: Story;
+export declare const AllPropertiesSpecified: Story;

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

@@ -1,7 +1,8 @@
-import { Meta } from '@storybook/web-components';
-export declare const story010InputList: any;
-export declare const story020InputListFocused: any;
-export declare const story025InputListDisabled: any;
-export declare const story030CustomList: any;
-declare const _default: Meta;
-export default _default;
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const InputList: Story;
+export declare const Focused: Story;
+export declare const Disabled: Story;
+export declare const CustomList: Story;

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

@@ -4,6 +4,5 @@ export declare const story020Bold: any;
 export declare const story030Small: any;
 export declare const story040Center: any;
 export declare const story050Right: any;
-export declare const story900Playground: any;
 declare const _default: Meta;
 export default _default;

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

@@ -1,14 +1,14 @@
 export declare const sampleData: {
   columns: string[];
-  rows: (string | import("lit-html").TemplateResult)[][];
+  rows: string[][];
 };
 export declare const smallSampleData: {
   columns: string[];
-  rows: (string | import("lit-html").TemplateResult)[][];
+  rows: string[][];
 };
 export declare const longSampleData: {
   columns: string[];
-  rows: (string | import("lit-html").TemplateResult)[][];
+  rows: string[][];
 };
 export declare const userSampleData: {
   columns: {

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { TableSortDirections } from '../../../utils/types/table.types';
+import { ContentAlignment, TableSortDirections, SortIconAlignment } from '../../../utils/types/table.types';
 export declare class TableHeaderComponent {
   hostElement: HTMLB2bTableHeaderElement;
   /** adds a border to the right of the header. **/
@@ -10,10 +10,13 @@ export declare class TableHeaderComponent {
   sortDirection: TableSortDirections;
   /** Optional string to uniquely represent the header, this id will be emitted by the table b2b-sort-change event. If not provided, the event will emit the header textContent. */
   sortId?: string;
+  /** Alignment of the content of the cell, by default is to the left. **/
+  contentAlign: ContentAlignment;
   /** Emits whenever the sort direction changes. */
   b2bChange: EventEmitter<TableSortDirections>;
   active: boolean;
-  private sortIcon;
+  iconAlign: SortIconAlignment;
+  componentWillRender(): void;
   private changeSortDirection;
   private unSortSiblings;
   private setActive;

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

@@ -1,16 +1,18 @@
-import { Meta } from '@storybook/web-components';
-export declare const story010TableExpand: any;
-export declare const story020TableEqual: any;
-export declare const story030TableExpand: any;
-export declare const story040TableExpand: any;
-export declare const story050TableEqual: any;
-export declare const story060TableFixedCellSize: any;
-export declare const story070TableFixedRowHeight: any;
-export declare const story080TableWithDividers: any;
-export declare const story090TableColor: any;
-export declare const story100ScrollableTable: any;
-export declare const story110Sorting: any;
-export declare const story120Accordion: any;
-export declare const story130Selectable: any;
-declare const _default: Meta;
-export default _default;
+import { Meta, StoryObj } from '@storybook/web-components';
+type Story = StoryObj;
+declare const meta: Meta;
+export default meta;
+export declare const SizeExpand: Story;
+export declare const SizeEqual: Story;
+export declare const SizeExpandFullWidth: Story;
+export declare const SmallTableExpand: Story;
+export declare const SmallTableEqual: Story;
+export declare const FixedCellSize: Story;
+export declare const FixedRowHeight: Story;
+export declare const WithDividers: Story;
+export declare const ColoredRow: Story;
+export declare const ScrollableTable: Story;
+export declare const SortableTable: Story;
+export declare const SortableTableRightAlign: Story;
+export declare const AccordionTable: Story;
+export declare const Selectable: Story;

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

@@ -29,6 +29,8 @@ export declare class B2BTextareaComponent {
   name?: string;
   /** The maximum input length. Characters entered after that will not be appended to the input value. */
   maxLength?: number;
+  /** The height of the text area */
+  height?: string;
   /** Emits whenever the textarea receives focus. */
   b2bFocus: EventEmitter<FocusEvent>;
   /** Emits whenever the textarea loses focus. */

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

@@ -6,5 +6,6 @@ export declare const story040Hint: any;
 export declare const story050Error: any;
 export declare const story055Required: any;
 export declare const story060AllArgs: any;
+export declare const story070Height: any;
 declare const _default: Meta;
 export default _default;

package/dist/types/components.d.ts

@@ -5,18 +5,18 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { CheckboxEventDetail, InputChangeEvent, InputClear, OptionSelectedEventDetail, RadioEventDetail, SearchClickEventDetail, ToggleButtonEventDetail } from "./utils/interfaces/form.interface";
+import { BreadCrumbChangeEventDetail, ColumnSortChangeEventDetail, PageChangeEventDetail, TabChangeEventDetail } from "./utils/interfaces/interaction.interface";
+import { CheckboxEventDetail, ChipComponentEventDetail, InputChangeEvent, InputClear, OptionSelectedEventDetail, RadioEventDetail, SearchClickEventDetail, ToggleButtonEventDetail } from "./utils/interfaces/form.interface";
 import { IconName } from "./components/icon/types";
 import { BeforeCloseEventDetail } from "./utils/interfaces/status.interface";
-import { ColumnSortChangeEventDetail, PageChangeEventDetail, TabChangeEventDetail } from "./utils/interfaces/interaction.interface";
 import { ContentAlignment, TableAccordionRowTypes, TableColourOptions, TableRowgroupTypes, TableSizes, TableSortDirections } from "./utils/types/table.types";
 import { CheckboxEventDetail as CheckboxEventDetail1 } from "./components";
 import { TableAccordionSelectedEventDetail } from "./utils/interfaces/content.interface";
 import { WizardStatus, WizardSteps } from "./utils/types/wizard.types";
-export { CheckboxEventDetail, InputChangeEvent, InputClear, OptionSelectedEventDetail, RadioEventDetail, SearchClickEventDetail, ToggleButtonEventDetail } from "./utils/interfaces/form.interface";
+export { BreadCrumbChangeEventDetail, ColumnSortChangeEventDetail, PageChangeEventDetail, TabChangeEventDetail } from "./utils/interfaces/interaction.interface";
+export { CheckboxEventDetail, ChipComponentEventDetail, InputChangeEvent, InputClear, OptionSelectedEventDetail, RadioEventDetail, SearchClickEventDetail, ToggleButtonEventDetail } from "./utils/interfaces/form.interface";
 export { IconName } from "./components/icon/types";
 export { BeforeCloseEventDetail } from "./utils/interfaces/status.interface";
-export { ColumnSortChangeEventDetail, PageChangeEventDetail, TabChangeEventDetail } from "./utils/interfaces/interaction.interface";
 export { ContentAlignment, TableAccordionRowTypes, TableColourOptions, TableRowgroupTypes, TableSizes, TableSortDirections } from "./utils/types/table.types";
 export { CheckboxEventDetail as CheckboxEventDetail1 } from "./components";
 export { TableAccordionSelectedEventDetail } from "./utils/interfaces/content.interface";
@@ -62,6 +62,22 @@ export namespace Components {
          */
         "target": 'self' | 'blank' | 'parent' | 'top';
     }
+    interface B2bBreadcrumb {
+    }
+    interface B2bBreadcrumbItem {
+        /**
+          * If the item is currently selected. If true, it will not emit an event when clicked and does not have a hover state.
+         */
+        "active": boolean;
+        /**
+          * If defined, an anchor tag will be rendered instead of a span, opening the specified link in the same context when clicked.
+         */
+        "href": string;
+        /**
+          * The value associated with the current page. It is required, must be unique and can be a page title, an id or something similar.
+         */
+        "value": any;
+    }
     interface B2bButton {
         /**
           * Whether the button is currently active. Set to true when using the button to signify a permanent active state
@@ -196,6 +212,24 @@ export namespace Components {
          */
         "required": boolean;
     }
+    interface B2bChipComponent {
+        /**
+          * Whether the chip is disabled.
+         */
+        "disabled": boolean;
+        /**
+          * Whether or not the chip component has a close button. Per default it is true.
+         */
+        "hasCloseButton": boolean;
+        /**
+          * The text content of the chip. It is required.
+         */
+        "label": string;
+        /**
+          * It is only used when the chip component participates in a group
+         */
+        "value"?: any;
+    }
     interface B2bDropdown {
         /**
           * Whether the select as a whole is disabled. Per default it is false.
@@ -689,6 +723,10 @@ export namespace Components {
         "textWrap": boolean;
     }
     interface B2bTableHeader {
+        /**
+          * Alignment of the content of the cell, by default is to the left. *
+         */
+        "contentAlign": ContentAlignment;
         /**
           * adds a border to the right of the header. *
          */
@@ -769,6 +807,10 @@ export namespace Components {
           * An optional error message that is displayed when the textarea is invalid. Per default it is undefined.
          */
         "error"?: string;
+        /**
+          * The height of the text area
+         */
+        "height"?: string;
         /**
           * An optional hint for the textarea. Per default it is undefined.
          */
@@ -910,6 +952,14 @@ export interface B2bAlertCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLB2bAlertElement;
 }
+export interface B2bBreadcrumbCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLB2bBreadcrumbElement;
+}
+export interface B2bBreadcrumbItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLB2bBreadcrumbItemElement;
+}
 export interface B2bCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLB2bCardElement;
@@ -922,6 +972,10 @@ export interface B2bCheckboxGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLB2bCheckboxGroupElement;
 }
+export interface B2bChipComponentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLB2bChipComponentElement;
+}
 export interface B2bDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLB2bDropdownElement;
@@ -1007,6 +1061,18 @@ declare global {
         prototype: HTMLB2bAnchorElement;
         new (): HTMLB2bAnchorElement;
     };
+    interface HTMLB2bBreadcrumbElement extends Components.B2bBreadcrumb, HTMLStencilElement {
+    }
+    var HTMLB2bBreadcrumbElement: {
+        prototype: HTMLB2bBreadcrumbElement;
+        new (): HTMLB2bBreadcrumbElement;
+    };
+    interface HTMLB2bBreadcrumbItemElement extends Components.B2bBreadcrumbItem, HTMLStencilElement {
+    }
+    var HTMLB2bBreadcrumbItemElement: {
+        prototype: HTMLB2bBreadcrumbItemElement;
+        new (): HTMLB2bBreadcrumbItemElement;
+    };
     interface HTMLB2bButtonElement extends Components.B2bButton, HTMLStencilElement {
     }
     var HTMLB2bButtonElement: {
@@ -1031,6 +1097,12 @@ declare global {
         prototype: HTMLB2bCheckboxGroupElement;
         new (): HTMLB2bCheckboxGroupElement;
     };
+    interface HTMLB2bChipComponentElement extends Components.B2bChipComponent, HTMLStencilElement {
+    }
+    var HTMLB2bChipComponentElement: {
+        prototype: HTMLB2bChipComponentElement;
+        new (): HTMLB2bChipComponentElement;
+    };
     interface HTMLB2bDropdownElement extends Components.B2bDropdown, HTMLStencilElement {
     }
     var HTMLB2bDropdownElement: {
@@ -1290,10 +1362,13 @@ declare global {
     interface HTMLElementTagNameMap {
         "b2b-alert": HTMLB2bAlertElement;
         "b2b-anchor": HTMLB2bAnchorElement;
+        "b2b-breadcrumb": HTMLB2bBreadcrumbElement;
+        "b2b-breadcrumb-item": HTMLB2bBreadcrumbItemElement;
         "b2b-button": HTMLB2bButtonElement;
         "b2b-card": HTMLB2bCardElement;
         "b2b-checkbox": HTMLB2bCheckboxElement;
         "b2b-checkbox-group": HTMLB2bCheckboxGroupElement;
+        "b2b-chip-component": HTMLB2bChipComponentElement;
         "b2b-dropdown": HTMLB2bDropdownElement;
         "b2b-grid": HTMLB2bGridElement;
         "b2b-grid-col": HTMLB2bGridColElement;
@@ -1379,6 +1454,26 @@ declare namespace LocalJSX {
          */
         "target"?: 'self' | 'blank' | 'parent' | 'top';
     }
+    interface B2bBreadcrumb {
+        /**
+          * Emits the value of the currently selected item whenever an item is selected.
+         */
+        "onB2b-selected"?: (event: B2bBreadcrumbCustomEvent<BreadCrumbChangeEventDetail>) => void;
+    }
+    interface B2bBreadcrumbItem {
+        /**
+          * If the item is currently selected. If true, it will not emit an event when clicked and does not have a hover state.
+         */
+        "active"?: boolean;
+        /**
+          * If defined, an anchor tag will be rendered instead of a span, opening the specified link in the same context when clicked.
+         */
+        "href"?: string;
+        /**
+          * The value associated with the current page. It is required, must be unique and can be a page title, an id or something similar.
+         */
+        "value": any;
+    }
     interface B2bButton {
         /**
           * Whether the button is currently active. Set to true when using the button to signify a permanent active state
@@ -1527,6 +1622,28 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
     }
+    interface B2bChipComponent {
+        /**
+          * Whether the chip is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Whether or not the chip component has a close button. Per default it is true.
+         */
+        "hasCloseButton"?: boolean;
+        /**
+          * The text content of the chip. It is required.
+         */
+        "label": string;
+        /**
+          * This event will be triggered when the chip element is closed
+         */
+        "onB2b-close"?: (event: B2bChipComponentCustomEvent<ChipComponentEventDetail>) => void;
+        /**
+          * It is only used when the chip component participates in a group
+         */
+        "value"?: any;
+    }
     interface B2bDropdown {
         /**
           * Whether the select as a whole is disabled. Per default it is false.
@@ -2086,6 +2203,10 @@ declare namespace LocalJSX {
         "textWrap"?: boolean;
     }
     interface B2bTableHeader {
+        /**
+          * Alignment of the content of the cell, by default is to the left. *
+         */
+        "contentAlign"?: ContentAlignment;
         /**
           * adds a border to the right of the header. *
          */
@@ -2176,6 +2297,10 @@ declare namespace LocalJSX {
           * An optional error message that is displayed when the textarea is invalid. Per default it is undefined.
          */
         "error"?: string;
+        /**
+          * The height of the text area
+         */
+        "height"?: string;
         /**
           * An optional hint for the textarea. Per default it is undefined.
          */
@@ -2335,10 +2460,13 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "b2b-alert": B2bAlert;
         "b2b-anchor": B2bAnchor;
+        "b2b-breadcrumb": B2bBreadcrumb;
+        "b2b-breadcrumb-item": B2bBreadcrumbItem;
         "b2b-button": B2bButton;
         "b2b-card": B2bCard;
         "b2b-checkbox": B2bCheckbox;
         "b2b-checkbox-group": B2bCheckboxGroup;
+        "b2b-chip-component": B2bChipComponent;
         "b2b-dropdown": B2bDropdown;
         "b2b-grid": B2bGrid;
         "b2b-grid-col": B2bGridCol;
@@ -2385,10 +2513,13 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "b2b-alert": LocalJSX.B2bAlert & JSXBase.HTMLAttributes<HTMLB2bAlertElement>;
             "b2b-anchor": LocalJSX.B2bAnchor & JSXBase.HTMLAttributes<HTMLB2bAnchorElement>;
+            "b2b-breadcrumb": LocalJSX.B2bBreadcrumb & JSXBase.HTMLAttributes<HTMLB2bBreadcrumbElement>;
+            "b2b-breadcrumb-item": LocalJSX.B2bBreadcrumbItem & JSXBase.HTMLAttributes<HTMLB2bBreadcrumbItemElement>;
             "b2b-button": LocalJSX.B2bButton & JSXBase.HTMLAttributes<HTMLB2bButtonElement>;
             "b2b-card": LocalJSX.B2bCard & JSXBase.HTMLAttributes<HTMLB2bCardElement>;
             "b2b-checkbox": LocalJSX.B2bCheckbox & JSXBase.HTMLAttributes<HTMLB2bCheckboxElement>;
             "b2b-checkbox-group": LocalJSX.B2bCheckboxGroup & JSXBase.HTMLAttributes<HTMLB2bCheckboxGroupElement>;
+            "b2b-chip-component": LocalJSX.B2bChipComponent & JSXBase.HTMLAttributes<HTMLB2bChipComponentElement>;
             "b2b-dropdown": LocalJSX.B2bDropdown & JSXBase.HTMLAttributes<HTMLB2bDropdownElement>;
             "b2b-grid": LocalJSX.B2bGrid & JSXBase.HTMLAttributes<HTMLB2bGridElement>;
             "b2b-grid-col": LocalJSX.B2bGridCol & JSXBase.HTMLAttributes<HTMLB2bGridColElement>;

package/dist/types/utils/interfaces/form.interface.d.ts

@@ -33,3 +33,6 @@ export interface HTMLB2bFormElement {
 export interface ToggleButtonEventDetail<T = any> {
   value: T;
 }
+export interface ChipComponentEventDetail<T = any> {
+  value: T;
+}

package/dist/types/utils/interfaces/interaction.interface.d.ts

@@ -15,3 +15,7 @@ export interface ColumnSortChangeEventDetail {
   sortedColumn: string;
   sortDirection: string;
 }
+
+export interface BreadCrumbChangeEventDetail<T = any> {
+  value: T;
+}

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

@@ -15,6 +15,12 @@ export declare const ContentAlignment: {
   readonly CENTER: "center";
 };
 export type ContentAlignment = (typeof ContentAlignment)[keyof typeof ContentAlignment];
+export declare const SortIconAlignment: {
+  readonly LEFT: "left";
+  readonly RIGHT: "right";
+  readonly CENTER: "center";
+};
+export type SortIconAlignment = (typeof SortIconAlignment)[keyof typeof SortIconAlignment];
 export declare const TableSortDirections: {
   readonly NOT: "not-sorted";
   readonly ASC: "ascending";