@otto-de/b2b-core-components 1.32.3 → 1.34.0

package/dist/types/components/date-picker/date-picker-months.d.ts

@@ -1,17 +1,20 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { MonthSelectedEventDetail } from '../../utils/interfaces/form.interface';
-export declare class B2bDatePickerMonths {
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import type { EscapePressed, MonthSelectedEventDetail } from '../../utils/interfaces/form.interface';
+export declare class B2bDatePickerMonths implements ComponentInterface {
     host: HTMLB2bDatePickerMonthsElement;
     /** Internal selected month */
     selectedMonth: number;
     /** Internal The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german */
     language: 'de' | 'en';
-    /** Event emitted on selecting month**/
+    /** Event emitted on selecting month */
     b2bDatePickerMonthSelected: EventEmitter<MonthSelectedEventDetail>;
+    /** Event emitted on escape press */
+    b2bDatePickerEscape: EventEmitter<EscapePressed>;
     handleKeyDown(event: KeyboardEvent): void;
     private getAllMonths;
     private getCurrentMonth;
     private focusCurrentMonth;
     private renderDatePickerMonths;
+    componentDidRender(): void;
     render(): any;
 }

package/dist/types/components/date-picker/date-picker-years.d.ts

@@ -1,14 +1,15 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { YearSelectedEventDetail } from '../../utils/interfaces/form.interface';
-export declare class B2bDatePickerYears {
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import type { EscapePressed, YearSelectedEventDetail } from '../../utils/interfaces/form.interface';
+export declare class B2bDatePickerYears implements ComponentInterface {
     host: HTMLB2bDatePickerYearsElement;
     /** Internal selected year */
     selectedYear: number;
     private yearsRange;
-    /** Event emitted on selecting year**/
+    /** Event emitted on selecting year */
     b2bDatePickerYearSelected: EventEmitter<YearSelectedEventDetail>;
+    /** Event emitted on escape press */
+    b2bDatePickerEscape: EventEmitter<EscapePressed>;
     handleKeyDown(event: KeyboardEvent): void;
-    componentWillLoad(): void;
     componentDidLoad(): void;
     private getAllYears;
     private getCurrentYear;

package/dist/types/components/date-picker/date-picker.d.ts

@@ -1,6 +1,6 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { DateClear, DatePickerEventDetail, DatePickerViewChangedEventDetail, MonthSelectedEventDetail, YearSelectedEventDetail } from '../../utils/interfaces/form.interface';
-export declare class B2bDatePicker {
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import type { DateClear, DatePickerEventDetail, DatePickerViewChangedEventDetail, MonthSelectedEventDetail, YearSelectedEventDetail } from '../../utils/interfaces/form.interface';
+export declare class B2bDatePicker implements ComponentInterface {
     host: HTMLB2bDatePickerElement;
     /** Whether the previous dates from the current date are disabled. By default, this is true. */
     disablePastDates: boolean;
@@ -57,7 +57,7 @@ export declare class B2bDatePicker {
     private isWithWithinLimit;
     private normalizeDisableDatesUntilAndFrom;
     componentWillLoad(): void;
-    handleEscapePress(): void;
+    handleEscapePress(event: CustomEvent): void;
     handleDateSelection(event: CustomEvent): void;
     getPreviousMonth(): void;
     handleDisableDatesChanged(newVal: string | string[]): void;

package/dist/types/components/date-range-picker/date-range-picker-days.d.ts

@@ -0,0 +1,57 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+import { Dateish } from './date-range-picker-utils';
+export declare class B2bDatePickerDays implements ComponentInterface {
+    /**
+     * The root of this element.
+     */
+    host: HTMLB2bDateRangePickerDaysElement;
+    /**
+     * The currently shown date (year+month).
+     */
+    viewedDate: Dateish;
+    /**
+     * The first date of the selection.
+     * This may be absent if no dates have been selected yet.
+     * This is always smaller/earlier than the second date.
+     */
+    firstDate?: Dateish;
+    /**
+     * The second date of the selection.
+     * This may be absent if none or only one date has been selected yet.
+     * This is always bigger/later than the first date.
+     */
+    secondDate?: Dateish;
+    /**
+     * Function used to determine, whether a day should be disabled e.g. because it is in the past.
+     * This is only used for the start and end dates, it is valid to have a disabled day in the range of start and end date.
+     *
+     * @param day The day of the month to check (1-indexed).
+     * @returns True, if the day should be disabled. False otherwise.
+     *
+     * @default (day) => false
+     */
+    disableDates: (day: number) => boolean;
+    /**
+     * Whether the shown values are a preview and not the actual values (force-hover state).
+     *
+     * @default false
+     */
+    preview: boolean;
+    /**
+     * Event emitted on escape press.
+     */
+    private b2bDatePickerEscape;
+    /**
+     * Event emitted on selecting date.
+     */
+    private b2bDateSelected;
+    viewedDay: number;
+    handleKeyDown(event: KeyboardEvent): void;
+    private getAllDates;
+    private focusCurrentDate;
+    private renderDatePickerDays;
+    private setFocusOnSelectedDayOrFirstDay;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/date-range-picker/date-range-picker-utils.d.ts

@@ -0,0 +1,58 @@
+/**
+ * A `Date`-like value.
+ */
+export type Dateish = string | Date | DateTuple;
+/**
+ * The main constituents of the date part of a `Date`.
+ */
+export type DateTuple = readonly [number, number, number];
+/**
+ * Splits the given date string into its constituent parts.
+ * @param date The date to split.
+ * @returns A tuple of the given year, month and day of the given date (Month and days are 1-indexed).
+ */
+export declare function splitDate(date: Dateish): DateTuple;
+export declare function splitDate(date: Dateish | undefined): DateTuple | undefined;
+/**
+ * Converts the given date in a number to simplify comparisons.
+ * @param date The date to convert.
+ * @returns The given date as a number for comparisons .
+ */
+export declare function dateAsNumber(date: Dateish): number;
+export declare function dateAsNumber(date: Dateish | undefined): number | undefined;
+export declare function toDate(date: Dateish): Date;
+export declare function toDate(date: Dateish | undefined): Date | undefined;
+export declare function toDateString(date: Dateish, nullDefault?: string): string;
+export declare function toDateString(date: Dateish | undefined, nullDefault: string): string;
+export declare function toDateString(date: Dateish | undefined, nullDefault?: string): string | undefined;
+/**
+ * A readonly tuple of two `Date`s.
+ */
+export type DateRange = readonly [Date, Date];
+/**
+ * A readonly tuple of two `Date`-ish values.
+ */
+export type DatishRange = readonly [Dateish, Dateish];
+/**
+ * Parses the given input as a `DateRange`.
+ * @param range The input to parse.
+ * @returns The parsed date range. May be `undefined` if the input is nullish.
+ */
+export declare function toDateRange(range: string | readonly [Dateish, Dateish]): DateRange;
+export declare function toDateRange(range: undefined | string | readonly [Dateish, Dateish]): undefined | DateRange;
+/**
+ *Converts the given date range into a string.
+ * @param range The value to convert.
+ * @param nullDefault The value to use in case the input is nullish.
+ * @returns A string representation of the given input.
+ */
+export declare function toDateRangeString(range: DatishRange, nullDefault?: string): string;
+export declare function toDateRangeString(range: DatishRange | undefined, nullDefault: string): string;
+export declare function toDateRangeString(range: DatishRange | undefined, nullDefault?: string): string | undefined;
+/**
+ * Checks whether the given date ranges are exactly equal (down to the ms).
+ * @param first The first date range to compare.
+ * @param second The second date range to compare.
+ * @returns True, if both values are exactly equal or both nullish. False otherwise.
+ */
+export declare function isDateRangeEqual(first: DateRange | undefined, second: DateRange | undefined): boolean;

package/dist/types/components/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,89 @@
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import type { DateClear, DatePickerEventDetail, DatePickerViewChangedEventDetail, DateRangePickerEventDetail, MonthSelectedEventDetail, YearSelectedEventDetail } from '../../utils/interfaces/form.interface';
+import type { DateRange, DatishRange } from './date-range-picker-utils';
+export declare class B2bDateRangePicker implements ComponentInterface {
+    /**
+     * Label for the date range picker component.
+     *
+     * @default 'Zeitraum auswählen'
+     */
+    label: string;
+    /**
+     * Adds an asterisk at the end of the label to signify that the field is required.
+     *
+     * @default false
+     */
+    required: boolean;
+    /**
+     * The start and the end date of the selected date range.
+     * Format: `TT.MM.YYYY`
+     */
+    dateRange?: string | DatishRange;
+    /**
+     * Function used to determine, whether a date should be disabled e.g. because it is in the past.
+     * This is only used for the start and end dates, it is valid to have a disabled date in the range of start and end date.
+     *
+     * @param date The date to check. Format: `TT.MM.YYYY`
+     * @returns True, if the date should be disabled. False otherwise.
+     *
+     * @default (date) => false
+     */
+    disableDates: (date: Date) => boolean;
+    /**
+     * A list of presets, that the user can click on to simplify time range selection.
+     *
+     * @default {}
+     */
+    presets: Record<string, DateRange>;
+    /**
+     * Whether the input is currently invalid. If true, the input is rendered with error styles.
+     *
+     * @default false
+     */
+    invalid: boolean;
+    /**
+     * The hint text that appears underneath the input field.
+     */
+    hint?: string;
+    /**
+     * The error message that is shown if the input is invalid.
+     */
+    error?: string;
+    /**
+     * The language for month and the weekdays will be decided based on the given input.
+     * One of `'de'` (German) or `'English'`.
+     *
+     * @default 'de'
+     */
+    language: 'de' | 'en';
+    /**
+     * Emits the selected date range as tuple type.
+     */
+    b2bSelected: EventEmitter<DateRangePickerEventDetail>;
+    /**
+     * Emits when the user clicks the clear button.
+     */
+    b2bClear: EventEmitter<DateClear>;
+    private open;
+    private tempDate;
+    private internalDateRange?;
+    private highlightDateRange?;
+    private viewMode;
+    private viewedYear;
+    private viewedMonth;
+    private viewedDay;
+    updateDateRange(value: DateRange | undefined): void;
+    handleDatePickerViewChanged(event: CustomEvent<DatePickerViewChangedEventDetail>): void;
+    previousMonth(): void;
+    nextMonth(): void;
+    handleMonthSelected(event: CustomEvent<MonthSelectedEventDetail>): void;
+    handleYearSelected(event: CustomEvent<YearSelectedEventDetail>): void;
+    handleEscapePress(): void;
+    handleDateSelected(event: CustomEvent<DatePickerEventDetail>): void;
+    private selectDate;
+    private setDate;
+    private toggleOpen;
+    private resetViewedDate;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/date-range-picker/date-range-picker.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj as Story } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+    component: string;
+    args: {
+        label: string;
+        required: boolean;
+        dateRange: any;
+        disableDates: any;
+        presets: {};
+        invalid: boolean;
+        hint: any;
+        error: any;
+        language: string;
+    };
+    argTypes: any;
+    render: ({ ...args }: import("@storybook/web-components").Args) => string;
+};
+export default _default;
+export declare const Default: Story;
+export declare const AllProperties: Story;
+export declare const PresetHover: Story;
+export declare const PresetSelected: Story;

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

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class DropdownComponent {
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+export declare class DropdownComponent implements ComponentInterface {
     hostElement: HTMLB2bDropdownElement;
     /** The dropdown label. */
     label: string;
@@ -19,6 +19,8 @@ export declare class DropdownComponent {
     hint?: string;
     /** An optional error message for the dropdown. This will only appear if invalid is set to true. */
     error?: string;
+    /** @internal Whether the parent input group is disabled. Per default, it is false. */
+    groupDisabled: boolean;
     /** Emits the option whenever a new option is chosen. */
     b2bChange: EventEmitter<string>;
     /** Emits whenever the dropdown receives focus. */

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

@@ -3,5 +3,6 @@ export declare const story010Default: any;
 export declare const story020Disabled: any;
 export declare const story030Error: any;
 export declare const story040Required: any;
+export declare const story050Selected: 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-50", "b2b_icon-arrow-down", "b2b_icon-arrow-graph", "b2b_icon-arrow-left-50", "b2b_icon-arrow-left", "b2b_icon-arrow-right-50", "b2b_icon-arrow-right", "b2b_icon-arrow-up-50", "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-50", "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-chatbot", "b2b_icon-check-50", "b2b_icon-check-bold", "b2b_icon-check", "b2b_icon-chicken", "b2b_icon-city", "b2b_icon-clear", "b2b_icon-close-50", "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-50", "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-duplicate", "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-50", "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-50", "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-50", "b2b_icon-info-hint-50", "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-50", "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-50", "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-50", "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-50", "b2b_icon-plus", "b2b_icon-price-alert", "b2b_icon-price-tag", "b2b_icon-print", "b2b_icon-puzzle", "b2b_icon-qr-code", "b2b_icon-question-50", "b2b_icon-question-hint-50", "b2b_icon-question-hint", "b2b_icon-question", "b2b_icon-rating-empty-50", "b2b_icon-rating-empty", "b2b_icon-rating-filled-50", "b2b_icon-rating-filled", "b2b_icon-rating-half-50", "b2b_icon-rating-half", "b2b_icon-rating-order", "b2b_icon-rating-payment", "b2b_icon-refresh-50", "b2b_icon-remote-work", "b2b_icon-repair", "b2b_icon-reply-50", "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-50", "b2b_icon-smiley-positive", "b2b_icon-sms-info", "b2b_icon-sneaker", "b2b_icon-sort-50", "b2b_icon-sort-ascending-50", "b2b_icon-sort-ascending", "b2b_icon-sort-descending-50", "b2b_icon-sort-descending", "b2b_icon-sort", "b2b_icon-soy", "b2b_icon-spelt", "b2b_icon-stationary", "b2b_icon-studies", "b2b_icon-success-hint-50", "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-50", "b2b_icon-trend-down", "b2b_icon-trend-left", "b2b_icon-trend-right", "b2b_icon-trend-up-50", "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-hint-50", "b2b_icon-warning-hint", "b2b_icon-warning", "b2b_icon-warranty", "b2b_icon-washing-machine", "b2b_icon-whatsapp", "b2b_icon-wheat", "b2b_icon-wifi", "b2b_icon-wishlist-50", "b2b_icon-wishlist-active-50", "b2b_icon-wishlist-active", "b2b_icon-wishlist", "b2b_icon-work-life", "b2b_icon-workshop", "b2b_icon-zoom-in", "b2b_icon-zoom-out", "b2b_logo-carrier-dhl", "b2b_logo-carrier-gls", "b2b_logo-carrier-hermes", "b2b_logo-carrier-ups"];
-export type IconName = typeof iconTypes[number];
+export type IconName = (typeof iconTypes)[number];

package/dist/types/components/icon-100/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-6m", "b2b_icon-archive", "b2b_icon-armchair", "b2b_icon-arrow-down", "b2b_icon-arrow-graph-axis", "b2b_icon-arrow-graph", "b2b_icon-arrow-left", "b2b_icon-arrow-long-down", "b2b_icon-arrow-long-left", "b2b_icon-arrow-long-right", "b2b_icon-arrow-long-up", "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-skyscraper", "b2b_icon-browser-content", "b2b_icon-browser-duration", "b2b_icon-browser-list-click", "b2b_icon-browser-magnifying-glass-info", "b2b_icon-browser-person-click", "b2b_icon-browser-psm", "b2b_icon-browser-target", "b2b_icon-browser-teaser", "b2b_icon-bullet-list", "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-ellipsis", "b2b_icon-chat", "b2b_icon-chatbot", "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-clover-four-leaf", "b2b_icon-code-management", "b2b_icon-contact-mail", "b2b_icon-cookie", "b2b_icon-copy", "b2b_icon-cow", "b2b_icon-crab", "b2b_icon-critique", "b2b_icon-curtain", "b2b_icon-cut-out", "b2b_icon-dashboard", "b2b_icon-data-filter", "b2b_icon-decision", "b2b_icon-deer", "b2b_icon-delete", "b2b_icon-delivery-24h", "b2b_icon-delivery-curb", "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-duplicate", "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-factory", "b2b_icon-faq", "b2b_icon-feedback", "b2b_icon-filter", "b2b_icon-fish", "b2b_icon-fitness", "b2b_icon-flag-chequered", "b2b_icon-flame", "b2b_icon-flexible-work", "b2b_icon-flip", "b2b_icon-flyer", "b2b_icon-food-processor", "b2b_icon-fullscreen", "b2b_icon-gallery-view", "b2b_icon-gamepad", "b2b_icon-garlic", "b2b_icon-gender-intersex", "b2b_icon-globe-hand", "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-iceberg", "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-phone-ads", "b2b_icon-laptop-phone-youtube", "b2b_icon-laptop-phone", "b2b_icon-laptop", "b2b_icon-leaving-page-50", "b2b_icon-leaving-page", "b2b_icon-letter-opened", "b2b_icon-light-bulb", "b2b_icon-like-fingers", "b2b_icon-like-product", "b2b_icon-like", "b2b_icon-line-graph", "b2b_icon-link", "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-banknotes", "b2b_icon-money-coins-arrow", "b2b_icon-money-coins", "b2b_icon-money-document", "b2b_icon-money-plus", "b2b_icon-money-stack", "b2b_icon-money", "b2b_icon-move", "b2b_icon-movie", "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-ogh-change", "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-arrow", "b2b_icon-order-return", "b2b_icon-order-shipped", "b2b_icon-order-state-unknown", "b2b_icon-order-stored", "b2b_icon-order", "b2b_icon-ordered-list", "b2b_icon-otto-app", "b2b_icon-otto-campus", "b2b_icon-otto-change", "b2b_icon-otto-company", "b2b_icon-otto-laptop", "b2b_icon-otto-logo", "b2b_icon-otto-up-points", "b2b_icon-otto-up", "b2b_icon-out-of-home-digital", "b2b_icon-out-of-home", "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-arrow-graph", "b2b_icon-person-callcenter", "b2b_icon-person-check", "b2b_icon-person-colleagues", "b2b_icon-person-community", "b2b_icon-person-development", "b2b_icon-person-exchange", "b2b_icon-person-female", "b2b_icon-person-influencer", "b2b_icon-person-info", "b2b_icon-person-magnifying-glass", "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-play", "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-hint", "b2b_icon-plus", "b2b_icon-price-alert", "b2b_icon-price-tag-premium", "b2b_icon-price-tag", "b2b_icon-print", "b2b_icon-puzzle", "b2b_icon-qr-code", "b2b_icon-question-hint", "b2b_icon-question", "b2b_icon-radio", "b2b_icon-rating-empty", "b2b_icon-rating-filled", "b2b_icon-rating-half", "b2b_icon-rating-order", "b2b_icon-rating-payment", "b2b_icon-reach", "b2b_icon-refresh", "b2b_icon-remote-work", "b2b_icon-repair", "b2b_icon-reply", "b2b_icon-retirement-provision", "b2b_icon-rocket", "b2b_icon-room", "b2b_icon-rye", "b2b_icon-sabbatical", "b2b_icon-sale", "b2b_icon-save", "b2b_icon-screenshot", "b2b_icon-sea", "b2b_icon-search-enter", "b2b_icon-search-navigation", "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-skip-link", "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-speech-bubble-eye", "b2b_icon-spelt", "b2b_icon-sphere", "b2b_icon-stationary", "b2b_icon-studies", "b2b_icon-success-hint-filled", "b2b_icon-success", "b2b_icon-sulfur-dioxide-sulfite", "b2b_icon-sustainability", "b2b_icon-sustainable-animal-welfare", "b2b_icon-sustainable-delivery", "b2b_icon-sustainable-energy-efficient", "b2b_icon-sustainable-natural-cosmetics", "b2b_icon-sustainable-organic-materials", "b2b_icon-sustainable-production", "b2b_icon-sustainable-recyclable-design", "b2b_icon-sustainable-recycling", "b2b_icon-sustainable-resource", "b2b_icon-sustainable-social-initiatives", "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-touch", "b2b_icon-town", "b2b_icon-trash", "b2b_icon-trend-down", "b2b_icon-trend-left", "b2b_icon-trend-right", "b2b_icon-trend-up", "b2b_icon-trousers", "b2b_icon-trusted", "b2b_icon-tv-smart", "b2b_icon-tv-target", "b2b_icon-tv", "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-hint", "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-youtube", "b2b_icon-zoom-in", "b2b_icon-zoom-out", "b2b_logo-carrier-dhl", "b2b_logo-carrier-gls", "b2b_logo-carrier-hermes", "b2b_logo-carrier-ups"];
-export type IconName = typeof iconTypes[number];
+export declare const iconTypes: readonly ["b2b_icon-360-degree", "b2b_icon-advice", "b2b_icon-allergen-sulfur-dioxide-sulfite", "b2b_icon-almond", "b2b_icon-archive-6m", "b2b_icon-archive", "b2b_icon-armchair", "b2b_icon-arrow-down", "b2b_icon-arrow-graph-axis", "b2b_icon-arrow-graph", "b2b_icon-arrow-left", "b2b_icon-arrow-long-down", "b2b_icon-arrow-long-left", "b2b_icon-arrow-long-right", "b2b_icon-arrow-long-up", "b2b_icon-arrow-misdirected", "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-skyscraper", "b2b_icon-browser-content", "b2b_icon-browser-duration", "b2b_icon-browser-list-click", "b2b_icon-browser-magnifying-glass-info", "b2b_icon-browser-person-click", "b2b_icon-browser-psm", "b2b_icon-browser-target", "b2b_icon-browser-teaser", "b2b_icon-bullet-list", "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-ellipsis", "b2b_icon-chat", "b2b_icon-chatbot", "b2b_icon-check-bold", "b2b_icon-check", "b2b_icon-chicken", "b2b_icon-city", "b2b_icon-clear", "b2b_icon-clipboard-check", "b2b_icon-close-bold", "b2b_icon-close", "b2b_icon-clover-four-leaf", "b2b_icon-code-management", "b2b_icon-contact-mail", "b2b_icon-cookie", "b2b_icon-copy", "b2b_icon-cosmetics", "b2b_icon-cow", "b2b_icon-crab", "b2b_icon-critique", "b2b_icon-curtain", "b2b_icon-cut-out", "b2b_icon-dashboard", "b2b_icon-data-filter", "b2b_icon-decision", "b2b_icon-deer", "b2b_icon-delete", "b2b_icon-delivery-24h", "b2b_icon-delivery-curb", "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-duplicate", "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-factory", "b2b_icon-faq", "b2b_icon-feedback", "b2b_icon-filter", "b2b_icon-fish", "b2b_icon-fitness", "b2b_icon-flag-chequered", "b2b_icon-flame", "b2b_icon-flexible-work", "b2b_icon-flip", "b2b_icon-flyer", "b2b_icon-food-processor", "b2b_icon-fullscreen", "b2b_icon-gallery-view", "b2b_icon-gamepad", "b2b_icon-garlic", "b2b_icon-gender-intersex", "b2b_icon-globe-hand", "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-iceberg", "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-phone-ads", "b2b_icon-laptop-phone-youtube", "b2b_icon-laptop-phone", "b2b_icon-laptop", "b2b_icon-leaving-page-50", "b2b_icon-leaving-page", "b2b_icon-letter-opened", "b2b_icon-light-bulb", "b2b_icon-like-fingers", "b2b_icon-like-product", "b2b_icon-like", "b2b_icon-line-graph", "b2b_icon-link", "b2b_icon-list-view", "b2b_icon-location", "b2b_icon-lock-open", "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-banknotes", "b2b_icon-money-coins-arrow", "b2b_icon-money-coins", "b2b_icon-money-document", "b2b_icon-money-plus", "b2b_icon-money-stack", "b2b_icon-money", "b2b_icon-move", "b2b_icon-movie", "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-ogh-change", "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-arrow", "b2b_icon-order-return", "b2b_icon-order-shipped", "b2b_icon-order-state-unknown", "b2b_icon-order-stored", "b2b_icon-order", "b2b_icon-ordered-list", "b2b_icon-otto-app", "b2b_icon-otto-campus", "b2b_icon-otto-change", "b2b_icon-otto-company", "b2b_icon-otto-laptop", "b2b_icon-otto-logo", "b2b_icon-otto-up-points", "b2b_icon-otto-up", "b2b_icon-out-of-home-digital", "b2b_icon-out-of-home", "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-arrow-graph", "b2b_icon-person-callcenter", "b2b_icon-person-check", "b2b_icon-person-colleagues", "b2b_icon-person-community", "b2b_icon-person-development", "b2b_icon-person-exchange", "b2b_icon-person-female", "b2b_icon-person-influencer", "b2b_icon-person-info", "b2b_icon-person-magnifying-glass", "b2b_icon-person-male", "b2b_icon-person-rating", "b2b_icon-person-support", "b2b_icon-person-switch", "b2b_icon-person-wheelchair", "b2b_icon-person-workshop", "b2b_icon-person", "b2b_icon-phone-permission", "b2b_icon-phone-play", "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-hint", "b2b_icon-plus", "b2b_icon-price-alert", "b2b_icon-price-tag-premium", "b2b_icon-price-tag", "b2b_icon-print", "b2b_icon-puzzle", "b2b_icon-qr-code", "b2b_icon-question-hint", "b2b_icon-question", "b2b_icon-radio", "b2b_icon-rating-empty", "b2b_icon-rating-filled", "b2b_icon-rating-half", "b2b_icon-rating-order", "b2b_icon-rating-payment", "b2b_icon-reach", "b2b_icon-refresh", "b2b_icon-remote-work", "b2b_icon-repair", "b2b_icon-reply", "b2b_icon-retirement-provision", "b2b_icon-rocket", "b2b_icon-room", "b2b_icon-rye", "b2b_icon-sabbatical", "b2b_icon-sale", "b2b_icon-save", "b2b_icon-screenshot", "b2b_icon-sea", "b2b_icon-search-enter", "b2b_icon-search-navigation", "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-skip-link", "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-speech-bubble-eye", "b2b_icon-speech-bubble-sparkles", "b2b_icon-spelt", "b2b_icon-sphere", "b2b_icon-stationary", "b2b_icon-studies", "b2b_icon-success-hint-filled", "b2b_icon-success", "b2b_icon-sulfur-dioxide-sulfite", "b2b_icon-sustainability", "b2b_icon-sustainable-animal-welfare", "b2b_icon-sustainable-delivery", "b2b_icon-sustainable-energy-efficient", "b2b_icon-sustainable-natural-cosmetics", "b2b_icon-sustainable-organic-food", "b2b_icon-sustainable-organic-materials", "b2b_icon-sustainable-production", "b2b_icon-sustainable-recyclable-design", "b2b_icon-sustainable-recycling", "b2b_icon-sustainable-resource", "b2b_icon-sustainable-social-initiatives", "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-touch", "b2b_icon-town", "b2b_icon-trash", "b2b_icon-trend-down", "b2b_icon-trend-left", "b2b_icon-trend-right", "b2b_icon-trend-up", "b2b_icon-trousers", "b2b_icon-trusted", "b2b_icon-tv-smart", "b2b_icon-tv-target", "b2b_icon-tv", "b2b_icon-universal-access", "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-voice-sparkles", "b2b_icon-volume-off", "b2b_icon-volume-on", "b2b_icon-voucher", "b2b_icon-walnut", "b2b_icon-warning-hint", "b2b_icon-warning", "b2b_icon-warranty", "b2b_icon-washing-machine", "b2b_icon-webhook", "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-youtube", "b2b_icon-zoom-in", "b2b_icon-zoom-out", "b2b_logo-carrier-dhl", "b2b_logo-carrier-gls", "b2b_logo-carrier-hermes", "b2b_logo-carrier-ups"];
+export type IconName = (typeof iconTypes)[number];

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

@@ -1,2 +1,2 @@
-export declare const iconTypes: readonly ["b2b_icon-arrow-down", "b2b_icon-arrow-left", "b2b_icon-arrow-right", "b2b_icon-arrow-up", "b2b_icon-basket", "b2b_icon-check", "b2b_icon-close", "b2b_icon-delete", "b2b_icon-error-hint", "b2b_icon-filter", "b2b_icon-info-hint", "b2b_icon-info", "b2b_icon-leaving-page", "b2b_icon-minus", "b2b_icon-pin", "b2b_icon-plus", "b2b_icon-question-hint", "b2b_icon-question", "b2b_icon-rating-empty", "b2b_icon-rating-filled", "b2b_icon-rating-half", "b2b_icon-refresh", "b2b_icon-reply", "b2b_icon-smiley-positive", "b2b_icon-sort-ascending", "b2b_icon-sort-descending", "b2b_icon-sort", "b2b_icon-success-hint", "b2b_icon-trend-down", "b2b_icon-trend-up", "b2b_icon-warning-hint", "b2b_icon-wishlist-active", "b2b_icon-wishlist"];
-export type IconName = typeof iconTypes[number];
+export declare const iconTypes: readonly ["b2b_icon-arrow-down", "b2b_icon-arrow-left", "b2b_icon-arrow-long-left", "b2b_icon-arrow-long-right", "b2b_icon-arrow-misdirected", "b2b_icon-arrow-return", "b2b_icon-arrow-right", "b2b_icon-arrow-up", "b2b_icon-basket", "b2b_icon-callback", "b2b_icon-check", "b2b_icon-close", "b2b_icon-delete", "b2b_icon-error-hint", "b2b_icon-feedback", "b2b_icon-filter", "b2b_icon-flag-chequered", "b2b_icon-flame", "b2b_icon-info-hint", "b2b_icon-info", "b2b_icon-inplace-zoom", "b2b_icon-leaving-page", "b2b_icon-lock-closed", "b2b_icon-lock-open", "b2b_icon-minus", "b2b_icon-notification", "b2b_icon-pending", "b2b_icon-phone", "b2b_icon-pin", "b2b_icon-plus", "b2b_icon-print", "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-refresh", "b2b_icon-reply", "b2b_icon-skip-link", "b2b_icon-smiley-angry", "b2b_icon-smiley-happy", "b2b_icon-smiley-negative", "b2b_icon-smiley-neutral", "b2b_icon-smiley-positive", "b2b_icon-sort-ascending", "b2b_icon-sort-descending", "b2b_icon-sort", "b2b_icon-sparkles", "b2b_icon-success-hint", "b2b_icon-trend-down", "b2b_icon-trend-up", "b2b_icon-voucher", "b2b_icon-warning-hint", "b2b_icon-wishlist-active", "b2b_icon-wishlist"];
+export type IconName = (typeof iconTypes)[number];

package/dist/types/components/multiselect-dropdown/multiselect-dropdown.d.ts

@@ -1,14 +1,18 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class B2bMultiSelectDropdown {
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+type Option = {
+    label: string;
+    value: string;
+};
+export declare class B2bMultiSelectDropdown implements ComponentInterface {
     hostElement: HTMLB2bMultiselectDropdownElement;
     /** The input label. */
     label: string;
     /** The placeholder shown in the input field. */
     placeholder: string;
     /** The initial values to be selected in the dropdown. */
-    selectedValues: string | string[];
+    selectedValues: string | string[] | Option[];
     /** The list of options passed into the search dropdown. Can be static or dynamic, i.e. updated when the b2b-search or b2b-input emitters fire. */
-    optionsList: string | string[];
+    optionsList: string | string[] | Option[];
     /** The placeholder shown in the search bar. */
     searchPlaceholder: string;
     /** The string displayed as the select all label. */
@@ -25,20 +29,25 @@ export declare class B2bMultiSelectDropdown {
     hint?: string;
     /** Whether or not the field is disabled. Default is false. */
     disabled: boolean;
+    /** @internal Whether the parent input group is disabled. Per default, it is false. */
+    groupDisabled: boolean;
     /** Emits when there is a change to the currently selected values. */
     b2bChange: EventEmitter<string[]>;
-    currentSelectedValues: any[];
-    currentList: string | string[];
+    currentSelectedValues: Option[];
+    currentList: Option[];
     value: string;
     isElementFocused: boolean;
     isOpen: boolean;
+    normalizedOptions: Option[];
+    normalizedSelected: Option[];
     hasOptionList: boolean;
+    private parsePropToOptArray;
     componentWillLoad(): void;
     /** Needed to trigger a re-render for async data */
-    watchPropHandler(newList: string[] | string): void;
+    watchPropHandler(newList: string[] | string | Option[]): void;
     /** Needed to trigger a re-render for async data */
-    handleSelectedValuesChangeFromOutside(newVal: string | string[]): void;
-    handleSelectedValuesChange(newValues: string[]): void;
+    handleSelectedValuesChangeFromOutside(newVal: string | string[] | Option[]): void;
+    handleSelectedValuesChange(newValues: Option[]): void;
     componentDidUpdate(): void;
     private handleInput;
     private getOptions;
@@ -57,3 +66,4 @@ export declare class B2bMultiSelectDropdown {
     private updateSelectAll;
     render(): any;
 }
+export {};

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

@@ -1,7 +1,25 @@
-import { Meta, StoryObj } from '@storybook/web-components';
-type Story = StoryObj;
-declare const meta: Meta;
-export default meta;
+import type { StoryObj as Story } from '@storybook/web-components';
+declare const _default: {
+    title: string;
+    component: string;
+    args: {
+        optionsList: string[];
+        label: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        selectAllLabel: string;
+        maxOptionsVisible: number;
+        selectedValues: string[];
+        required: boolean;
+        hint: string;
+        disabled: boolean;
+        invalid: boolean;
+        errorMessage: string;
+    };
+    argTypes: any;
+    render: ({ ...args }: import("@storybook/web-components").Args) => import("lit-html").TemplateResult<1>;
+};
+export default _default;
 export declare const Default: Story;
 export declare const InitialSelectedValues: Story;
 export declare const Required: Story;
@@ -9,3 +27,4 @@ export declare const Hint: Story;
 export declare const Disabled: Story;
 export declare const Invalid: Story;
 export declare const InvalidWithErrorMessage: Story;
+export declare const WithOptionsArray: Story;

package/dist/types/components/multiselect-dropdown/multiselect-option/multiselect-option.d.ts

@@ -1,8 +1,10 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { MultiSelectOptionEventDetail } from '../../../utils/interfaces/form.interface';
 export declare class B2bMultiSelectOption {
-    /** The label of the option. */
+    /** The label and value of the option. */
     option: string;
+    /** Will provide the label instead of option if set */
+    label?: string;
     /** Emits the option as a string whenever an option is selected. */
     b2bOptionSelected: EventEmitter<MultiSelectOptionEventDetail>;
     /** Whether the option is currently selected. */

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

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class SnackbarComponent {
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+export declare class SnackbarComponent implements ComponentInterface {
     /** Text on the snackbar. */
     description: string;
     /** The type of snackbar. Default is info. */

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

@@ -1,7 +1,19 @@
-import { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
+import type { StoryObj } from '@storybook/web-components';
+import type { B2bToggleSwitchComponent } from './toggle-switch';
+declare const _default: {
+    title: string;
+    component: string;
+    args: {
+        label: string;
+        disabled: false;
+        labelPosition: "left";
+        state: true;
+    };
+    argTypes: any;
+    render: ({ ...args }: B2bToggleSwitchComponent) => import("lit-html").TemplateResult<1>;
+};
+export default _default;
+type Story = StoryObj<B2bToggleSwitchComponent>;
 export declare const SwitchOn: Story;
 export declare const SwitchOff: Story;
 export declare const SwitchOnDisabled: Story;