@otto-de/b2b-core-components 1.37.3 → 1.38.1

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"b2b-date-range-picker.cjs\",[[1,\"b2b-date-range-picker\",{\"label\":[1],\"required\":[4],\"dateRange\":[1,\"date-range\"],\"disableDates\":[16],\"presets\":[16],\"invalid\":[4],\"hint\":[1],\"error\":[1],\"language\":[1],\"open\":[32],\"tempDate\":[32],\"internalDateRange\":[32],\"highlightDateRange\":[32],\"viewMode\":[32],\"viewedYear\":[32],\"viewedMonth\":[32],\"viewedDay\":[32]},[[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-previous-month\",\"previousMonth\"],[0,\"b2b-date-picker-next-month\",\"nextMonth\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"],[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelected\"]],{\"dateRange\":[\"updateDateRange\"]}]]],[\"b2b-date-picker.cjs\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[1,\"disable-dates\"],\"label\":[1],\"required\":[516],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"width\":[2],\"disableDays\":[1,\"disable-days\"],\"disableDatesUntil\":[1,\"disable-dates-until\"],\"disableDatesFrom\":[1,\"disable-dates-from\"],\"hint\":[1],\"placeholder\":[513],\"language\":[1],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32],\"datesToBeDisabled\":[32],\"normalizedDisableEvery\":[32],\"normalizedDisableDatesUntil\":[32],\"normalizedDisableDatesFrom\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]],{\"disableDates\":[\"handleDisableDatesChanged\"],\"disableDays\":[\"handleDisableDaysChanged\"],\"disableDatesUntil\":[\"handleDisableDatesUntilChanged\"],\"disableDatesFrom\":[\"handleDisableDatesFromChanged\"],\"disablePastDates\":[\"handleDisablePastDatesChanged\"],\"disableFutureDates\":[\"handleDisableFutureDatesChanged\"],\"disableWeekends\":[\"handleDisableWeekendsChanged\"]}]]],[\"b2b-search.cjs\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-multiselect-dropdown.cjs\",[[1,\"b2b-multiselect-dropdown\",{\"label\":[1],\"placeholder\":[513],\"selectedValues\":[1,\"selected-values\"],\"optionsList\":[1,\"options-list\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"maxOptionsVisible\":[2,\"max-options-visible\"],\"required\":[516],\"invalid\":[516],\"errorMessage\":[1,\"error-message\"],\"hint\":[1],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"isOpen\":[32],\"normalizedOptions\":[32],\"normalizedSelected\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"selectedValues\":[\"handleSelectedValuesChangeFromOutside\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row.cjs\",[[1,\"b2b-table-row\",{\"highlight\":[4],\"color\":[1],\"selectable\":[4],\"size\":[1],\"value\":[1],\"indeterminate\":[4],\"checked\":[1028],\"isAccordionValue\":[32],\"isOpen\":[32],\"toggleAccordion\":[64]},[[0,\"b2b-change\",\"toggleSelected\"]]]]],[\"b2b-custom-dropdown.cjs\",[[1,\"b2b-custom-dropdown\",{\"placeholder\":[513],\"disabled\":[516],\"dropshadow\":[516],\"border\":[516],\"alignment\":[513],\"autoDisableSearch\":[4,\"auto-disable-search\"],\"opened\":[1028],\"noResultsText\":[1,\"no-results-text\"],\"selectedOption\":[32],\"value\":[32],\"allOptions\":[32],\"hasVisibleOptions\":[32]},[[0,\"b2b-custom-dropdown-option-selected\",\"handleOptionSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-dropdown.cjs\",[[1,\"b2b-dropdown\",{\"label\":[1],\"search\":[516],\"clear\":[516],\"required\":[516],\"name\":[513],\"placeholder\":[1],\"placeholderValue\":[1,\"placeholder-value\"],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"isOpen\":[32],\"focused\":[32],\"selectedValue\":[32],\"selectedText\":[32],\"options\":[32],\"searchValue\":[32],\"truncatedText\":[32],\"clearSelection\":[64]},null,{\"isOpen\":[\"watchDropdownState\"]}]]],[\"b2b-wizard-step.cjs\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal.cjs\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination.cjs\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-time-picker.cjs\",[[1,\"b2b-time-picker\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"invalid\":[516],\"hint\":[1],\"interval\":[2],\"error\":[1],\"value\":[1537],\"hasFocus\":[32],\"isOpen\":[32],\"availableTimes\":[32],\"internalErrorMessage\":[32],\"internalInvalid\":[32]},null,{\"interval\":[\"handleIntervalChange\"],\"value\":[\"validateValue\"]}]]],[\"b2b-alert.cjs\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group.cjs\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-custom-dropdown-option.cjs\",[[1,\"b2b-custom-dropdown-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4],\"selected\":[516],\"hoverIcon\":[520,\"hover-icon\"],\"hoverIconColor\":[513,\"hover-icon-color\"],\"selectedIcon\":[520,\"selected-icon\"],\"selectedIconColor\":[513,\"selected-icon-color\"],\"isHovered\":[32]},[[1,\"mouseenter\",\"handleMouseEnter\"],[1,\"mouseleave\",\"handleMouseLeave\"]]]]],[\"b2b-radio-button.cjs\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group.cjs\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator.cjs\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-snackbar.cjs\",[[1,\"b2b-snackbar\",{\"description\":[1],\"type\":[1],\"opened\":[1540],\"timed\":[4],\"duration\":[2],\"hasAction\":[4,\"has-action\"],\"actionLabel\":[1,\"action-label\"],\"width\":[1]},null,{\"opened\":[\"onVisibleChange\"]}]]],[\"b2b-tab-group.cjs\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea.cjs\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"focusOnLoad\":[516,\"focus-on-load\"],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor.cjs\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1],\"hoverColor\":[1,\"hover-color\"],\"underlineText\":[4,\"underline-text\"]}]]],[\"b2b-breadcrumb.cjs\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item.cjs\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card.cjs\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu.cjs\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option.cjs\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid.cjs\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col.cjs\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row.cjs\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon.cjs\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50.cjs\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label.cjs\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-progress-bar.cjs\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container.cjs\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-shimmer.cjs\",[[1,\"b2b-shimmer\",{\"loading\":[4],\"width\":[2],\"height\":[2]}]]],[\"b2b-tab.cjs\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel.cjs\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table.cjs\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup.cjs\",[[1,\"b2b-table-rowgroup\",{\"type\":[1],\"size\":[1],\"accordion\":[516],\"selectable\":[4],\"fixed\":[4],\"opened\":[516],\"selectedValues\":[32]},[[0,\"b2b-open\",\"handleOpenChange\"],[0,\"b2b-row-selected\",\"handleSelectedChange\"]]]]],[\"b2b-toggle-button.cjs\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip.cjs\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group.cjs\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch.cjs\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip.cjs\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard.cjs\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-icon-100.cjs\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-wizard-icon.cjs\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-background-box.cjs\",[[1,\"b2b-background-box\",{\"maxWidth\":[4,\"max-width\"],\"noPadding\":[4,\"no-padding\"],\"borderTop\":[1,\"border-top\"],\"borderRight\":[1,\"border-right\"],\"borderBottom\":[1,\"border-bottom\"],\"borderLeft\":[1,\"border-left\"]}]]],[\"b2b-date-picker-days.cjs\",[[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[16],\"disableEvery\":[16],\"disableDatesUntil\":[16],\"disableDatesFrom\":[16],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input-list-option.cjs\",[[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input-group_2.cjs\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[1,\"options-list\"],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"currentList\":[32],\"isElementFocused\":[32],\"searchValue\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-checkbox.cjs\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-chip-component_2.cjs\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"label\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520],\"customMargin\":[1,\"custom-margin\"]}]]],[\"b2b-date-range-picker-days_2.cjs\",[[1,\"b2b-date-range-picker-days\",{\"viewedDate\":[1,\"viewed-date\"],\"firstDate\":[1,\"first-date\"],\"secondDate\":[1,\"second-date\"],\"disableDates\":[16],\"preview\":[4],\"viewedDay\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-table-cell_2.cjs\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-rounded-icon.cjs\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator.cjs\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-input.cjs\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"focusOnLoad\":[4,\"focus-on-load\"],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}]]],[\"b2b-headline.cjs\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-button_2.cjs\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-date-picker-days-header_4.cjs\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"language\":[1]}],[1,\"b2b-date-picker-days-header\",{\"language\":[1]}],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"],\"language\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input-label.cjs\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"b2b-date-range-picker.cjs\",[[1,\"b2b-date-range-picker\",{\"label\":[1],\"required\":[4],\"dateRange\":[1,\"date-range\"],\"disableDates\":[16],\"presets\":[16],\"invalid\":[4],\"hint\":[1],\"error\":[1],\"language\":[1],\"open\":[32],\"tempDate\":[32],\"internalDateRange\":[32],\"highlightDateRange\":[32],\"viewMode\":[32],\"viewedYear\":[32],\"viewedMonth\":[32],\"viewedDay\":[32]},[[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-previous-month\",\"previousMonth\"],[0,\"b2b-date-picker-next-month\",\"nextMonth\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"],[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelected\"]],{\"dateRange\":[\"updateDateRange\"]}]]],[\"b2b-date-picker.cjs\",[[1,\"b2b-date-picker\",{\"disabled\":[4],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[1,\"disable-dates\"],\"label\":[1],\"required\":[516],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"width\":[2],\"disableDays\":[1,\"disable-days\"],\"disableDatesUntil\":[1,\"disable-dates-until\"],\"disableDatesFrom\":[1,\"disable-dates-from\"],\"hint\":[1],\"placeholder\":[513],\"language\":[1],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32],\"datesToBeDisabled\":[32],\"normalizedDisableEvery\":[32],\"normalizedDisableDatesUntil\":[32],\"normalizedDisableDatesFrom\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]],{\"disabled\":[\"handleDisabledChanged\"],\"disableDates\":[\"handleDisableDatesChanged\"],\"disableDays\":[\"handleDisableDaysChanged\"],\"disableDatesUntil\":[\"handleDisableDatesUntilChanged\"],\"disableDatesFrom\":[\"handleDisableDatesFromChanged\"],\"disablePastDates\":[\"handleDisablePastDatesChanged\"],\"disableFutureDates\":[\"handleDisableFutureDatesChanged\"],\"disableWeekends\":[\"handleDisableWeekendsChanged\"]}]]],[\"b2b-search.cjs\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-multiselect-dropdown.cjs\",[[1,\"b2b-multiselect-dropdown\",{\"label\":[1],\"placeholder\":[513],\"selectedValues\":[1,\"selected-values\"],\"optionsList\":[1,\"options-list\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"maxOptionsVisible\":[2,\"max-options-visible\"],\"required\":[516],\"invalid\":[516],\"errorMessage\":[1,\"error-message\"],\"hint\":[1],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"isOpen\":[32],\"normalizedOptions\":[32],\"normalizedSelected\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"selectedValues\":[\"handleSelectedValuesChangeFromOutside\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row.cjs\",[[1,\"b2b-table-row\",{\"highlight\":[4],\"color\":[1],\"selectable\":[4],\"size\":[1],\"value\":[1],\"indeterminate\":[4],\"checked\":[1028],\"isAccordionValue\":[32],\"isOpen\":[32],\"toggleAccordion\":[64]},[[0,\"b2b-change\",\"toggleSelected\"]]]]],[\"b2b-custom-dropdown.cjs\",[[1,\"b2b-custom-dropdown\",{\"placeholder\":[513],\"disabled\":[516],\"dropshadow\":[516],\"border\":[516],\"alignment\":[513],\"autoDisableSearch\":[4,\"auto-disable-search\"],\"opened\":[1028],\"noResultsText\":[1,\"no-results-text\"],\"selectedOption\":[32],\"value\":[32],\"allOptions\":[32],\"hasVisibleOptions\":[32]},[[0,\"b2b-custom-dropdown-option-selected\",\"handleOptionSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-dropdown.cjs\",[[1,\"b2b-dropdown\",{\"label\":[1],\"search\":[516],\"clear\":[516],\"required\":[516],\"name\":[513],\"placeholder\":[1],\"placeholderValue\":[1,\"placeholder-value\"],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"isOpen\":[32],\"focused\":[32],\"selectedValue\":[32],\"selectedText\":[32],\"options\":[32],\"searchValue\":[32],\"truncatedText\":[32],\"clearSelection\":[64]},null,{\"isOpen\":[\"watchDropdownState\"]}]]],[\"b2b-wizard-step.cjs\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal.cjs\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination.cjs\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-time-picker.cjs\",[[1,\"b2b-time-picker\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"invalid\":[516],\"hint\":[1],\"interval\":[2],\"error\":[1],\"value\":[1537],\"hasFocus\":[32],\"isOpen\":[32],\"availableTimes\":[32],\"internalErrorMessage\":[32],\"internalInvalid\":[32]},null,{\"interval\":[\"handleIntervalChange\"],\"value\":[\"validateValue\"]}]]],[\"b2b-alert.cjs\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group.cjs\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-custom-dropdown-option.cjs\",[[1,\"b2b-custom-dropdown-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4],\"selected\":[516],\"hoverIcon\":[520,\"hover-icon\"],\"hoverIconColor\":[513,\"hover-icon-color\"],\"selectedIcon\":[520,\"selected-icon\"],\"selectedIconColor\":[513,\"selected-icon-color\"],\"isHovered\":[32]},[[1,\"mouseenter\",\"handleMouseEnter\"],[1,\"mouseleave\",\"handleMouseLeave\"]]]]],[\"b2b-radio-button.cjs\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group.cjs\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator.cjs\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-snackbar.cjs\",[[1,\"b2b-snackbar\",{\"description\":[1],\"type\":[1],\"opened\":[1540],\"timed\":[4],\"duration\":[2],\"hasAction\":[4,\"has-action\"],\"actionLabel\":[1,\"action-label\"],\"width\":[1]},null,{\"opened\":[\"onVisibleChange\"]}]]],[\"b2b-tab-group.cjs\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea.cjs\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"focusOnLoad\":[516,\"focus-on-load\"],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor.cjs\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1],\"hoverColor\":[1,\"hover-color\"],\"underlineText\":[4,\"underline-text\"]}]]],[\"b2b-breadcrumb.cjs\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item.cjs\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card.cjs\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu.cjs\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option.cjs\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid.cjs\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col.cjs\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row.cjs\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon.cjs\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50.cjs\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label.cjs\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-progress-bar.cjs\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container.cjs\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-shimmer.cjs\",[[1,\"b2b-shimmer\",{\"loading\":[4],\"width\":[2],\"height\":[2]}]]],[\"b2b-tab.cjs\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel.cjs\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table.cjs\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup.cjs\",[[1,\"b2b-table-rowgroup\",{\"type\":[1],\"size\":[1],\"accordion\":[516],\"selectable\":[4],\"fixed\":[4],\"opened\":[516],\"selectedValues\":[32]},[[0,\"b2b-open\",\"handleOpenChange\"],[0,\"b2b-row-selected\",\"handleSelectedChange\"]]]]],[\"b2b-toggle-button.cjs\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip.cjs\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group.cjs\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch.cjs\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip.cjs\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard.cjs\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-icon-100.cjs\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-wizard-icon.cjs\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-background-box.cjs\",[[1,\"b2b-background-box\",{\"maxWidth\":[4,\"max-width\"],\"noPadding\":[4,\"no-padding\"],\"borderTop\":[1,\"border-top\"],\"borderRight\":[1,\"border-right\"],\"borderBottom\":[1,\"border-bottom\"],\"borderLeft\":[1,\"border-left\"]}]]],[\"b2b-date-picker-days.cjs\",[[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disableDates\":[16],\"disableEvery\":[16],\"disableDatesUntil\":[16],\"disableDatesFrom\":[16],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input-list-option.cjs\",[[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input-group_2.cjs\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[1,\"options-list\"],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"currentList\":[32],\"isElementFocused\":[32],\"searchValue\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-checkbox.cjs\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-chip-component_2.cjs\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"label\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520],\"customMargin\":[1,\"custom-margin\"]}]]],[\"b2b-date-range-picker-days_2.cjs\",[[1,\"b2b-date-range-picker-days\",{\"viewedDate\":[1,\"viewed-date\"],\"firstDate\":[1,\"first-date\"],\"secondDate\":[1,\"second-date\"],\"disableDates\":[16],\"preview\":[4],\"viewedDay\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-table-cell_2.cjs\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-rounded-icon.cjs\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator.cjs\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-input.cjs\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"focusOnLoad\":[4,\"focus-on-load\"],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}]]],[\"b2b-headline.cjs\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-button_2.cjs\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-date-picker-days-header_4.cjs\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"language\":[1]}],[1,\"b2b-date-picker-days-header\",{\"language\":[1]}],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"],\"language\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input-label.cjs\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/anchor/anchor.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/background-box/background-box.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/breadcrumb/breadcrumb.css

@@ -6,7 +6,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -136,7 +135,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/button/button.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/card/card.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/checkbox/checkbox.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -245,16 +243,18 @@
   display: flex;
   justify-content: flex-start;
   position: relative;
+  align-items: center;
 }
 .b2b-checkbox__icon {
   position: absolute;
   fill: var(--b2b-color-white-100);
   display: none;
-  margin-top: var(--b2b-size-7);
+  margin-top: 0;
   margin-left: var(--b2b-size-1);
   width: var(--b2b-size-35);
   height: var(--b2b-size-35);
   z-index: 1000;
+  margin-bottom: var(--b2b-size-1);
 }
 .b2b-checkbox__input {
   margin: 2px 6px 3px 0;

package/dist/collection/components/checkbox-group/checkbox-group.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/chip/chip.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/custom-dropdown/custom-dropdown-option.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/custom-dropdown/custom-dropdown.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/date-picker/date-picker-days-header.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/date-picker/date-picker-days.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/date-picker/date-picker-header.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/date-picker/date-picker-months.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/date-picker/date-picker-years.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;

package/dist/collection/components/date-picker/date-picker.css

@@ -5,7 +5,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -135,7 +134,6 @@
   --b2b-color-black-50: #333333;
   --b2b-color-black-100: #222222;
   --b2b-color-white-100: #FFFFFF;
-  --b2b-color-grey-10: #F0F0F0;
   --b2b-color-grey-25: #F6F6F6;
   --b2b-color-grey-35: #F0F0F0;
   --b2b-color-grey-50: #EEEEEE;
@@ -273,6 +271,16 @@
   border: 1px solid var(--b2b-color-error-100);
   border-color: var(--b2b-color-error-100);
 }
+.b2b-date-picker-input-wrapper--disabled {
+  background-color: var(--b2b-bg-disabled, #f5f5f5);
+  border-color: var(--b2b-color-grey-200);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.b2b-date-picker-input-wrapper--disabled .b2b-icons {
+  opacity: 0.6;
+  pointer-events: none;
+}
 .b2b-date-picker-input-wrapper .b2b-date-picker-input {
   border: none;
   outline: none;
@@ -290,6 +298,11 @@
 .b2b-date-picker-input-wrapper .b2b-date-picker-input--error {
   background-color: var(--b2b-color-error-50);
 }
+.b2b-date-picker-input-wrapper .b2b-date-picker-input--disabled {
+  background-color: transparent;
+  color: var(--b2b-color-grey-300);
+  cursor: not-allowed;
+}
 b2b-input-label {
   display: block;
   margin-bottom: var(--b2b-size-5);

package/dist/collection/components/date-picker/date-picker.e2e.js

@@ -134,4 +134,17 @@ describe('B2B-Date-Picker', () => {
             expect(clearedInputValue).toBe('');
         });
     });
+    it('should not open the date picker and input must be disabled when `disabled` prop is set', async () => {
+        page = await newE2EPage();
+        await page.setContent(`<b2b-date-picker disabled=true></b2b-date-picker>`);
+        const inputField = await page.find('b2b-date-picker >>> input.b2b-date-picker-input');
+        expect(inputField).not.toBeNull();
+        const isDisabled = await inputField.getProperty('disabled');
+        expect(isDisabled).toBe(true);
+        const clickableInputComponent = await page.find('b2b-date-picker >>> div.b2b-date-picker-input-wrapper');
+        await clickableInputComponent.click();
+        await page.waitForChanges();
+        const datePickerComponent = await page.find('b2b-date-picker >>> .b2b-date-picker-body');
+        expect(await datePickerComponent.getAttribute('class')).toContain('b2b-date-picker-body--hidden');
+    });
 });

package/dist/collection/components/date-picker/date-picker.js

@@ -82,6 +82,7 @@ export class B2bDatePicker {
         this.handleBackdropDismiss = () => {
             this.showDatePicker = false;
         };
+        this.disabled = false;
         this.disablePastDates = undefined;
         this.disableFutureDates = undefined;
         this.disableWeekends = undefined;
@@ -177,6 +178,13 @@ export class B2bDatePicker {
             this.setCurrentMonth(this.selectedMonth - 1);
         }
     }
+    handleDisabledChanged(newVal) {
+        if (newVal) {
+            this.showDatePicker = false;
+            this.focused = false;
+            this.invalid = false;
+        }
+    }
     handleDisableDatesChanged(newVal) {
         const parsed = parsePropToArray(newVal);
         this.datesToBeDisabled = parsed.map(date => {
@@ -334,6 +342,8 @@ export class B2bDatePicker {
         this.parseDateInput(this.userInputDate);
     }
     moveFocusToInputComponent() {
+        if (this.disabled)
+            return;
         const inputElement = this.host.shadowRoot.querySelector('input.b2b-date-picker-input');
         if (inputElement !== undefined && !this.invalid) {
             inputElement.focus();
@@ -354,17 +364,23 @@ export class B2bDatePicker {
             return null;
         return (h(Host, null, h("div", { class: "b2b-date-picker" }, h("b2b-input-label", { id: this.label, required: this.required }, this.label), h("div", { style: { width: `${this.width}px` }, class: {
                 'b2b-date-picker-input-wrapper': true,
-                'b2b-date-picker-input-wrapper--focused': this.focused || this.showDatePicker,
+                'b2b-date-picker-input-wrapper--focused': !this.disabled && (this.focused || this.showDatePicker),
                 'b2b-date-picker-input-wrapper--error': this.invalid,
-            } }, h("div", { class: "b2b-date-picker-input-focus-wrapper", onClick: () => {
-                this.moveFocusToInputComponent();
-            } }, h("input", { type: "text", tabindex: 0, class: {
+                'b2b-date-picker-input-wrapper--disabled': this.disabled,
+            } }, h("div", { class: "b2b-date-picker-input-focus-wrapper", onClick: this.disabled
+                ? undefined
+                : () => {
+                    this.moveFocusToInputComponent();
+                } }, h("input", { type: "text", tabIndex: this.disabled ? -1 : 0, class: {
                 'b2b-date-picker-input': true,
                 'b2b-date-picker-input--error': this.invalid,
-            }, value: this.userInputDate, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocus, onBlur: () => {
-                this.focused = false;
-                this.handleFocusOut();
-            }, placeholder: this.placeholder })), h("div", { class: "b2b-icons" }, this.userInputDate && (h("div", { tabIndex: 0, onClick: () => {
+                'b2b-date-picker-input--disabled': this.disabled,
+            }, value: this.userInputDate, disabled: this.disabled, onInput: this.disabled ? undefined : this.handleInputChange, onKeyDown: this.disabled ? undefined : this.handleKeyDown, onFocus: this.disabled ? undefined : this.handleInputFocus, onBlur: () => {
+                if (!this.disabled) {
+                    this.focused = false;
+                    this.handleFocusOut();
+                }
+            }, placeholder: this.placeholder })), h("div", { class: "b2b-icons" }, this.userInputDate && !this.disabled && (h("div", { tabIndex: 0, onClick: () => {
                 this.invalid = false;
                 this.clearDateInput();
             }, class: "b2b-close-icon", onKeyDown: event => {
@@ -372,27 +388,25 @@ export class B2bDatePicker {
                     this.invalid = false;
                     this.clearDateInput();
                 }
-            } }, h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { tabindex: 0, onClick: () => {
-                if (this.invalid) {
-                    this.invalid = false;
-                }
-                this.showHideDatePicker();
-            }, onKeyDown: event => {
-                if (event.key === 'Enter') {
-                    if (this.invalid) {
-                        this.invalid = false;
-                    }
+            } }, h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { tabIndex: this.disabled ? -1 : 0, onClick: this.disabled
+                ? undefined
+                : () => {
+                    this.showHideDatePicker();
+                }, onKeyDown: event => {
+                if (!this.disabled && event.key === 'Enter') {
                     this.showHideDatePicker();
                 }
-            }, class: "b2b-event-icon" }, h("b2b-icon-100", { "aria-label": this.showDatePicker
+            }, class: { 'b2b-event-icon': true }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("b2b-icon-100", { "aria-label": this.showDatePicker
                 ? 'close date picker'
-                : 'open date picker', icon: "b2b_icon-event", clickable: true }))))), h("div", { class: {
+                : 'open date picker', icon: "b2b_icon-event", clickable: !this.disabled }))))), h("div", { class: {
                 'b2b-date-picker-body': true,
                 'b2b-date-picker-body--hidden': !this.showDatePicker,
             } }, this.datePickerView === "Days" /* DatePickerView.Days */ && (h("div", null, h("b2b-date-picker-header", { language: this.language, selectedMonth: this.selectedMonth, selectedYear: this.selectedYear }), h("b2b-date-picker-days-header", { language: this.language }), h("b2b-date-picker-days", { selectedMonth: this.selectedMonth, selectedYear: this.selectedYear, selectedDay: this.selectedDay, disableWeekends: this.disableWeekends, disableFutureDates: this.disableFutureDates, disablePastDates: this.disablePastDates, disableDates: this.datesToBeDisabled, disableDatesUntil: this.normalizedDisableDatesUntil, disableEvery: this.normalizedDisableEvery, disableDatesFrom: this.normalizedDisableDatesFrom }))), this.datePickerView === "Months" /* DatePickerView.Months */ && (h("b2b-date-picker-months", { language: this.language, selectedMonth: this.selectedMonth })), this.datePickerView === "Years" /* DatePickerView.Years */ && (h("b2b-date-picker-years", { selectedYear: this.selectedYear }))), this.showDatePicker && (h("div", { class: "b2b-date-picker__backdrop", onClick: this.handleBackdropDismiss })), h("span", { class: {
                 'b2b-date-picker-hint': true,
                 'b2b-date-picker-hint--error': this.invalid,
-            } }, this.invalid ? this.errorMessage : this.showHint && this.hint)));
+            } }, !this.showDatePicker && this.invalid
+            ? this.errorMessage
+            : this.showHint && this.hint)));
     }
     static get is() { return "b2b-date-picker"; }
     static get encapsulation() { return "shadow"; }
@@ -408,6 +422,24 @@ export class B2bDatePicker {
     }
     static get properties() {
         return {
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the date picker is disabled. By default, this is false."
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "disablePastDates": {
                 "type": "boolean",
                 "mutable": false,
@@ -741,6 +773,9 @@ export class B2bDatePicker {
     static get elementRef() { return "host"; }
     static get watchers() {
         return [{
+                "propName": "disabled",
+                "methodName": "handleDisabledChanged"
+            }, {
                 "propName": "disableDates",
                 "methodName": "handleDisableDatesChanged"
             }, {