@heliux-org/design-system-core 0.0.106 → 0.0.109

package/dist/mocked_classnames_esm/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0631eeee63bb_0_0_105";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".navigationItemContainer {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-primary);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
+var e={navigationItemContainer:"navigationItemContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0631eeee63bb_0_0_108";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".navigationItemContainer {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-primary);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=DateNavigationItem.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DatePicker/DatePicker.module.scss.js

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer",monthYearSelection:"monthYearSelection",rangePickerMode:"rangePickerMode",withWeekNumber:"withWeekNumber",calendarDayWeekNumber:"calendarDayWeekNumber"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-efb8b12c27d8_0_0_105";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}('.datepickerContainer {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer td {\n  border: none;\n}\n.datepickerContainer.monthYearSelection table tbody {\n  opacity: 0;\n}\n.datepickerContainer.monthYearSelection .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker__horizontal {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--surface-level-100);\n  border-top: 1px solid var(--surface-level-100);\n  border-bottom: 1px solid var(--surface-level-100);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--surface-level-200);\n  border-bottom: 1px solid var(--surface-level-200);\n}\n.datepickerContainer .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--surface-level-100-hover);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__blocked_calendar, .datepickerContainer .CalendarDay__blocked_calendar:active, .datepickerContainer .CalendarDay__blocked_calendar:hover {\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-tertiary);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--text-primary);\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover::before, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span {\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover {\n  color: var(--text-primary);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer.withWeekNumber {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer.withWeekNumber .CalendarDay .calendarDayWeekNumber {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber {\n  display: flex;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber {\n  display: none;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer.withWeekNumber .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer.withWeekNumber .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer",monthYearSelection:"monthYearSelection",rangePickerMode:"rangePickerMode",withWeekNumber:"withWeekNumber",calendarDayWeekNumber:"calendarDayWeekNumber"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-efb8b12c27d8_0_0_108";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}('.datepickerContainer {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer td {\n  border: none;\n}\n.datepickerContainer.monthYearSelection table tbody {\n  opacity: 0;\n}\n.datepickerContainer.monthYearSelection .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker__horizontal {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--surface-level-100);\n  border-top: 1px solid var(--surface-level-100);\n  border-bottom: 1px solid var(--surface-level-100);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--surface-level-200);\n  border-bottom: 1px solid var(--surface-level-200);\n}\n.datepickerContainer .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--surface-level-100-hover);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__blocked_calendar, .datepickerContainer .CalendarDay__blocked_calendar:active, .datepickerContainer .CalendarDay__blocked_calendar:hover {\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-tertiary);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--text-primary);\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover::before, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span {\n  background: var(--surface-selected);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover {\n  color: var(--text-primary);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer.withWeekNumber {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer.withWeekNumber .CalendarDay .calendarDayWeekNumber {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber {\n  display: flex;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber {\n  display: none;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer.withWeekNumber .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer.withWeekNumber .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader",button:"button",buttonContent:"buttonContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_0_0_105";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".datePickerHeader {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader .button {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader .button .buttonContent {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader .button .buttonContent:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader",button:"button",buttonContent:"buttonContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_0_0_108";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".datePickerHeader {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader .button {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader .button .buttonContent {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader .button .buttonContent:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DatePicker/YearPicker/YearPicker.module.scss.js

@@ -1,2 +1,2 @@
-var n={monthYearPicker:"monthYearPicker",navigationWrapper:"navigationWrapper",navigationLeft:"navigationLeft",navigationRight:"navigationRight",pickerOptions:"pickerOptions"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-ae0835531883_0_0_105";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".monthYearPicker {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker .navigationWrapper {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker .navigationWrapper.navigationLeft {\n  left: 21px;\n}\n.monthYearPicker .navigationWrapper.navigationRight {\n  right: 21px;\n}\n.monthYearPicker .pickerOptions {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--surface-level-100);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
+var n={monthYearPicker:"monthYearPicker",navigationWrapper:"navigationWrapper",navigationLeft:"navigationLeft",navigationRight:"navigationRight",pickerOptions:"pickerOptions"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-ae0835531883_0_0_108";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".monthYearPicker {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker .navigationWrapper {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker .navigationWrapper.navigationLeft {\n  left: 21px;\n}\n.monthYearPicker .navigationWrapper.navigationRight {\n  right: 21px;\n}\n.monthYearPicker .pickerOptions {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--surface-level-100);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dialog/Dialog.module.scss.js

@@ -1,2 +1,2 @@
-var e={arrow:"arrow"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c86e07e1dadb_0_0_105";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-level-100);\n}\n\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var e={arrow:"arrow"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c86e07e1dadb_0_0_108";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-level-100);\n}\n\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dialog/DialogContent/DialogContent.module.scss.js

@@ -1,2 +1,2 @@
-var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-ab05e651da40_0_0_105";if(e.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,e.firstChild?e.insertBefore(p,e.firstChild):e.appendChild(p),p.appendChild(document.createTextNode(t))}(".contentWrapper {\n  outline: 0;\n  z-index: 100;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n  padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent:focus {\n  outline: none;\n}\n.contentComponent.hasTooltip {\n  padding: 6px;\n}\n.opacitySlideAppear {\n  opacity: 0;\n}\n.opacitySlideAppear.top {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n  transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n  transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n  transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n  transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n  transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n  transform: scale(1);\n}");export{t as default};
+var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-ab05e651da40_0_0_108";if(e.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,e.firstChild?e.insertBefore(p,e.firstChild):e.appendChild(p),p.appendChild(document.createTextNode(t))}(".contentWrapper {\n  outline: 0;\n  z-index: 100;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n  padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent:focus {\n  outline: none;\n}\n.contentComponent.hasTooltip {\n  padding: 6px;\n}\n.opacitySlideAppear {\n  opacity: 0;\n}\n.opacitySlideAppear.top {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n  transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n  transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n  transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n  transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n  transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n  transform: scale(1);\n}");export{t as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/DialogContentContainer/DialogContentContainer.module.scss.js

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-74fbbb1e1848_0_0_105";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-small);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\n  box-shadow: var(--box-shadow-small);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--surface-level-100);\n  border: 1px solid var(--divider-primary);\n}\n\n.typeModal {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--surface-level-100);\n}");export{e as default};
+var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-74fbbb1e1848_0_0_108";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-small);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\n  box-shadow: var(--box-shadow-small);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--surface-level-100);\n  border: 1px solid var(--divider-primary);\n}\n\n.typeModal {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--surface-level-100);\n}");export{e as default};
 //# sourceMappingURL=DialogContentContainer.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Divider/Divider.module.scss.js

@@ -1,2 +1,2 @@
-var i={divider_primary:"divider_primary",divider_secondary:"divider_secondary",divider_overlay:"divider_overlay",divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(i){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],e="s_id-dc9d649ac894_0_0_105";if(r.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(i))}(".divider_primary {\n  background-color: var(--divider-primary);\n}\n\n.divider_secondary {\n  background-color: var(--divider-secondary);\n}\n\n.divider_overlay {\n  background-color: var(--divider-overlay);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{i as default};
+var i={divider_primary:"divider_primary",divider_secondary:"divider_secondary",divider_overlay:"divider_overlay",divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(i){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],e="s_id-dc9d649ac894_0_0_108";if(r.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(i))}(".divider_primary {\n  background-color: var(--divider-primary);\n}\n\n.divider_secondary {\n  background-color: var(--divider-secondary);\n}\n\n.divider_overlay {\n  background-color: var(--divider-overlay);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{i as default};
 //# sourceMappingURL=Divider.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/Dropdown.js

@@ -1,2 +1,2 @@
-import{objectSpread2 as e,slicedToArray as n,defineProperty as o,extends as t,toConsumableArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as i,useRef as l,useMemo as s,useState as u,useCallback as c}from"react";import{getTestId as p,ComponentDefaultTestId as d}from"../../tests/testIds.js";import m from"classnames";import{SIZES as f}from"../../constants/sizes.js";import O,{createFilter as C,components as v}from"react-select";import g from"react-select/async";import{noop as M}from"lodash-es";import{WindowedMenuList as y}from"react-windowed-select";import"prop-types";import h from"./components/menu/menu.js";import b from"./components/DropdownIndicator/DropdownIndicator.js";import w from"./components/option/option.js";import S from"./components/singleValue/singleValue.js";import x from"./components/ClearIndicator/ClearIndicator.js";import P from"./components/MultiValueContainer/MultiValueContainer.js";import{DROPDOWN_CHIP_COLORS as j,DROPDOWN_MENU_PLACEMENT as D,DROPDOWN_MENU_POSITION as I,defaultCustomStyles as E,DROPDOWN_ID as R,ADD_AUTO_HEIGHT_COMPONENTS as V}from"./DropdownConstants.js";import W,{customTheme as N}from"./Dropdown.styles.js";import L from"./components/Control/Control.js";import T from"./components/menu/menu.module.scss.js";import F from"./Dropdown.module.scss.js";import{LabelPosition as z}from"../../constants/positions.js";import k from"../FieldLabel/FieldLabel.js";var A={display:"flex",flexDirection:"row",alignItems:"baseline",gap:"7px"},B={display:"flex",flexDirection:"column"},H={paddingBottom:0,fontSize:"14px",fontWeight:"700",lineHeight:"22px"},K=i((function(i,f){var C=i.className,j=i.addCheckbox,D=i.optionWrapperClassName,I=i.singleValueWrapperClassName,E=i.dropdownMenuWrapperClassName,R=i.placeholder,K=i.disabled,U=i.readOnly,_=i.withReadOnlyStyle,q=i.onMenuOpen,G=i.onMenuClose,J=i.onFocus,Q=i.onBlur,X=i.onChange,Y=i.searchable,Z=i.options,$=i.defaultValue,ee=i.value,ne=i.noOptionsMessage,oe=i.openMenuOnFocus,te=i.openMenuOnClick,re=i.clearable,ae=i.OptionRenderer,ie=i.optionRenderer,le=i.ValueRenderer,se=i.valueRenderer,ue=i.menuRenderer,ce=i.menuPlacement,pe=i.rtl,de=i.size,me=i.asyncOptions,fe=i.cacheOptions,Oe=i.defaultOptions,Ce=i.isVirtualized,ve=i.menuPortalTarget,ge=i.extraStyles,Me=i.maxMenuHeight,ye=i.menuIsOpen,he=i.tabIndex,be=i.id,we=i.autoFocus,Se=i.multi,xe=void 0!==Se&&Se,Pe=i.multiline,je=void 0!==Pe&&Pe,De=i.onOptionRemove,Ie=i.onOptionSelect,Ee=i.onClear,Re=i.onInputChange,Ve=i.closeMenuOnSelect,We=void 0===Ve?!xe:Ve,Ne=i.closeMenuOnScroll,Le=i.withMandatoryDefaultOptions,Te=i.isOptionSelected,Fe=i.insideOverflowContainer,ze=i.insideOverflowWithTransformContainer,ke=i.tooltipContent,Ae=i.onKeyDown,Be=i.isLoading,He=i.loadingMessage,Ke=i.ariaLabel,Ue=i.tabSelectsValue,_e=void 0===Ue||Ue,qe=i.popupsContainerSelector,Ge=i.filterOption,Je=i.menuPosition,Qe=i["data-testid"],Xe=i.labelPosition,Ye=i.title,Ze=l(),$e=ve||qe&&document.querySelector(qe),en=s((function(){return $?Array.isArray($)?$.map((function(n){return e(e({},n),{},{isMandatory:!0})})):e(e({},$),{},{isMandatory:!0}):$}),[$]),nn=u(en||[]),on=n(nn,2),tn=on[1],rn=ie||ae,an=se||le,ln=!!ee,sn=null!=ee?ee:on[0],un=s((function(){return Array.isArray(sn)?sn.reduce((function(n,t){return e(e({},n),{},o({},t.value,t))}),{}):{}}),[sn]),cn=Xe&&Xe===z.LEFT?A:B,pn=s((function(){return Ke||"".concat(U?"Readonly ":""," ").concat(ke," ").concat(Array.isArray(sn)?"Selected: ".concat(sn.map((function(e){return e.label})).join(", ")):"Select")}),[Ke,U,sn,ke]),dn=xe?sn:ee,mn=s((function(){var t=W({size:de,rtl:pe,insideOverflowContainer:Fe,controlRef:Ze,insideOverflowWithTransformContainer:ze}),r=ge(t),a=Object.entries(r).reduce((function(r,a){var i=n(a,2),l=i[0],s=i[1];return e(e({},r),{},o({},l,(function(e,n){var o=t[l]?t[l](e,n):e;return s(o,n)})))}),{});if(xe){je&&V.forEach((function(n){var o=a[n];a[n]=function(n,t){return e(e({},o(n,t)),{},{height:"auto"})}}));var i=a.valueContainer;a.valueContainer=function(n,o){return e(e({},i(n,o)),{},{paddingLeft:6})}}return a}),[de,pe,Fe,ze,ge,xe,je]),fn=c((function(e){return a.createElement(h,t({},e,{Renderer:ue,dropdownMenuWrapperClassName:E}))}),[E,ue]),On=c((function(e){return a.createElement(b,t({},e,{size:de}))}),[de]);c((function(e){return a.createElement(w,t({},e,{Renderer:rn,optionWrapperClassName:D}))}),[rn,D]);var Cn=c((function(e){return a.createElement(v.Input,t({},e,{"aria-label":"Dropdown input"}))}),[]),vn=c((function(e){return a.createElement(S,t({},e,{readOnly:U,Renderer:an,selectedOption:sn[0],singleValueWrapperClassName:I}))}),[an,U,sn,I]),gn=c((function(e){return a.createElement(x,t({},e,{size:de}))}),[de]),Mn=s((function(){return function(e,n){De&&De(un[e]);var o=sn.filter((function(n){return n.value!==e}));X&&X(o,n),tn(o)}}),[X,De,sn,un]),yn=s((function(){return{selectedOptions:sn,onSelectedDelete:Mn,isMultiline:je,insideOverflowContainer:Fe,insideOverflowWithTransformContainer:ze,controlRef:Ze,tooltipContent:ke,popupsContainerSelector:qe}}),[sn,Mn,je,Fe,ze,ke,qe]),hn=function(e,n){switch(X&&X(e,n),n.action){case"select-option":var o=xe?n.option:e;Ie&&Ie(o),ln||tn([].concat(r(sn),[o]));break;case"clear":Ee&&Ee(),ln||tn(Le?en:[])}},bn=me?g:O,wn=e({},me&&e({loadOptions:me,cacheOptions:fe},Oe&&{defaultOptions:Oe})),Sn=e(e({},!me&&{options:Z}),xe&&{isMulti:!0}),xn=c((function(e){var n,o=e.target;return(null==o||null===(n=o.parentElement)||void 0===n||!n.classList.contains(T.dropdownMenuWrapper))&&(Ne||Fe||ze)}),[Fe,ze,Ne]),Pn=c((function(e){var n=e.data,o=e.isSelected;return a.createElement("div",t({ref:e.innerRef},e.innerProps,{className:o?"selected-option":""}),a.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:"0px"}},j&&a.createElement("input",{type:"checkbox",checked:o,onChange:function(){return function(e,n){if(n.target.checked){var o=[].concat(r(sn),[e]);X&&X(o,n),tn(o)}else{var t=sn.filter((function(n){return n.value!==e.value}));X&&X(t,n),tn(t)}}(n,{target:{checked:!o}})}}),a.createElement(w,e)))}),[sn,X]),jn=function(){return a.createElement(bn,t({className:m(F.dropdown,C),selectProps:yn,components:e(e({DropdownIndicator:On,Menu:fn,ClearIndicator:gn,Input:Cn,Option:Pn,Control:L,SingleValue:vn},xe&&{MultiValue:M,ValueContainer:P}),Ce&&{MenuList:y}),closeMenuOnScroll:xn,size:de,noOptionsMessage:ne,placeholder:R,isDisabled:K,isClearable:!U&&re,isSearchable:!U&&Y,readOnly:U,withReadOnlyStyle:_,"aria-readonly":U,"aria-label":pn,"aria-details":ke,defaultValue:$,value:dn,onMenuOpen:q,onMenuClose:G,onFocus:J,onBlur:Q,onChange:hn,onKeyDown:Ae,onInputChange:Re,openMenuOnFocus:oe,openMenuOnClick:te,isRtl:pe,styles:mn,theme:N,maxMenuHeight:Me,menuPortalTarget:$e,menuPlacement:ce,menuPosition:Je,menuIsOpen:!U&&ye,tabIndex:he,id:be,"data-testid":Qe||p(d.DROPDOWN,be),autoFocus:we,closeMenuOnSelect:We,ref:f,withMandatoryDefaultOptions:Le,isOptionSelected:Te,isLoading:Be,loadingMessage:He,tabSelectsValue:_e,filterOption:Ge},wn,Sn))};return Ye.length>0?a.createElement("div",{style:cn},a.createElement(k,{labelText:Ye,labelStyle:H}),jn()):jn()}));Object.assign(K,{size:f,sizes:f,tagColors:j,menuPlacements:D,menuPositions:I,labelPositions:z,createFilter:C}),K.defaultProps={className:"",optionWrapperClassName:void 0,addCheckbox:!1,dropdownMenuWrapperClassName:void 0,singleValueWrapperClassName:void 0,placeholder:"",onMenuOpen:M,onMenuClose:M,onKeyDown:M,onFocus:M,onBlur:M,onChange:M,onInputChange:M,searchable:!0,options:[],menuPlacement:K.menuPlacements.BOTTOM,menuPosition:I.ABSOLUTE,noOptionsMessage:M,clearable:!0,size:f.MEDIUM,extraStyles:E,tabIndex:"0",onOptionRemove:void 0,id:R,autoFocus:!1,closeMenuOnSelect:void 0,closeMenuOnScroll:!1,ref:void 0,withMandatoryDefaultOptions:!1,insideOverflowContainer:!1,insideOverflowWithTransformContainer:!1,tooltipContent:"",disabled:!1,readOnly:!1,isLoading:!1,loadingMessage:void 0,ariaLabel:void 0,filterOption:void 0,labelPosition:z.TOP,title:""};export{K as default};
+import{objectSpread2 as e,slicedToArray as n,defineProperty as o,extends as t,toConsumableArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as i,useRef as l,useMemo as s,useState as u,useCallback as c}from"react";import{getTestId as p,ComponentDefaultTestId as d}from"../../tests/testIds.js";import m from"classnames";import{SIZES as f}from"../../constants/sizes.js";import O,{createFilter as C,components as v}from"react-select";import g from"react-select/async";import{noop as M}from"lodash-es";import{WindowedMenuList as y}from"react-windowed-select";import"prop-types";import h from"./components/menu/menu.js";import b from"./components/DropdownIndicator/DropdownIndicator.js";import w from"./components/option/option.js";import S from"./components/singleValue/singleValue.js";import x from"./components/ClearIndicator/ClearIndicator.js";import P from"./components/MultiValueContainer/MultiValueContainer.js";import{DROPDOWN_CHIP_COLORS as j,DROPDOWN_MENU_PLACEMENT as D,DROPDOWN_MENU_POSITION as I,defaultCustomStyles as E,DROPDOWN_ID as R,ADD_AUTO_HEIGHT_COMPONENTS as V}from"./DropdownConstants.js";import W,{customTheme as N}from"./Dropdown.styles.js";import L from"./components/Control/Control.js";import T from"./components/menu/menu.module.scss.js";import F from"./Dropdown.module.scss.js";import{LabelPosition as z}from"../../constants/positions.js";import k from"../FieldLabel/FieldLabel.js";var A={display:"flex",flexDirection:"row",alignItems:"baseline",gap:"7px"},B={display:"flex",flexDirection:"column"},H={paddingBottom:0,fontSize:"14px",lineHeight:"22px"},K=i((function(i,f){var C=i.className,j=i.addCheckbox,D=i.optionWrapperClassName,I=i.singleValueWrapperClassName,E=i.dropdownMenuWrapperClassName,R=i.placeholder,K=i.disabled,U=i.readOnly,_=i.withReadOnlyStyle,q=i.onMenuOpen,G=i.onMenuClose,J=i.onFocus,Q=i.onBlur,X=i.onChange,Y=i.searchable,Z=i.options,$=i.defaultValue,ee=i.value,ne=i.noOptionsMessage,oe=i.openMenuOnFocus,te=i.openMenuOnClick,re=i.clearable,ae=i.OptionRenderer,ie=i.optionRenderer,le=i.ValueRenderer,se=i.valueRenderer,ue=i.menuRenderer,ce=i.menuPlacement,pe=i.rtl,de=i.size,me=i.asyncOptions,fe=i.cacheOptions,Oe=i.defaultOptions,Ce=i.isVirtualized,ve=i.menuPortalTarget,ge=i.extraStyles,Me=i.maxMenuHeight,ye=i.menuIsOpen,he=i.tabIndex,be=i.id,we=i.autoFocus,Se=i.multi,xe=void 0!==Se&&Se,Pe=i.multiline,je=void 0!==Pe&&Pe,De=i.onOptionRemove,Ie=i.onOptionSelect,Ee=i.onClear,Re=i.onInputChange,Ve=i.closeMenuOnSelect,We=void 0===Ve?!xe:Ve,Ne=i.closeMenuOnScroll,Le=i.withMandatoryDefaultOptions,Te=i.isOptionSelected,Fe=i.insideOverflowContainer,ze=i.insideOverflowWithTransformContainer,ke=i.tooltipContent,Ae=i.onKeyDown,Be=i.isLoading,He=i.loadingMessage,Ke=i.ariaLabel,Ue=i.tabSelectsValue,_e=void 0===Ue||Ue,qe=i.popupsContainerSelector,Ge=i.filterOption,Je=i.menuPosition,Qe=i["data-testid"],Xe=i.labelPosition,Ye=i.title,Ze=l(),$e=ve||qe&&document.querySelector(qe),en=s((function(){return $?Array.isArray($)?$.map((function(n){return e(e({},n),{},{isMandatory:!0})})):e(e({},$),{},{isMandatory:!0}):$}),[$]),nn=u(en||[]),on=n(nn,2),tn=on[1],rn=ie||ae,an=se||le,ln=!!ee,sn=null!=ee?ee:on[0],un=s((function(){return Array.isArray(sn)?sn.reduce((function(n,t){return e(e({},n),{},o({},t.value,t))}),{}):{}}),[sn]),cn=Xe&&Xe===z.LEFT?A:B,pn=s((function(){return Ke||"".concat(U?"Readonly ":""," ").concat(ke," ").concat(Array.isArray(sn)?"Selected: ".concat(sn.map((function(e){return e.label})).join(", ")):"Select")}),[Ke,U,sn,ke]),dn=xe?sn:ee,mn=s((function(){var t=W({size:de,rtl:pe,insideOverflowContainer:Fe,controlRef:Ze,insideOverflowWithTransformContainer:ze}),r=ge(t),a=Object.entries(r).reduce((function(r,a){var i=n(a,2),l=i[0],s=i[1];return e(e({},r),{},o({},l,(function(e,n){var o=t[l]?t[l](e,n):e;return s(o,n)})))}),{});if(xe){je&&V.forEach((function(n){var o=a[n];a[n]=function(n,t){return e(e({},o(n,t)),{},{height:"auto"})}}));var i=a.valueContainer;a.valueContainer=function(n,o){return e(e({},i(n,o)),{},{paddingLeft:6})}}return a}),[de,pe,Fe,ze,ge,xe,je]),fn=c((function(e){return a.createElement(h,t({},e,{Renderer:ue,dropdownMenuWrapperClassName:E}))}),[E,ue]),On=c((function(e){return a.createElement(b,t({},e,{size:de}))}),[de]);c((function(e){return a.createElement(w,t({},e,{Renderer:rn,optionWrapperClassName:D}))}),[rn,D]);var Cn=c((function(e){return a.createElement(v.Input,t({},e,{"aria-label":"Dropdown input"}))}),[]),vn=c((function(e){return a.createElement(S,t({},e,{readOnly:U,Renderer:an,selectedOption:sn[0],singleValueWrapperClassName:I}))}),[an,U,sn,I]),gn=c((function(e){return a.createElement(x,t({},e,{size:de}))}),[de]),Mn=s((function(){return function(e,n){De&&De(un[e]);var o=sn.filter((function(n){return n.value!==e}));X&&X(o,n),tn(o)}}),[X,De,sn,un]),yn=s((function(){return{selectedOptions:sn,onSelectedDelete:Mn,isMultiline:je,insideOverflowContainer:Fe,insideOverflowWithTransformContainer:ze,controlRef:Ze,tooltipContent:ke,popupsContainerSelector:qe}}),[sn,Mn,je,Fe,ze,ke,qe]),hn=function(e,n){switch(X&&X(e,n),n.action){case"select-option":var o=xe?n.option:e;Ie&&Ie(o),ln||tn([].concat(r(sn),[o]));break;case"clear":Ee&&Ee(),ln||tn(Le?en:[])}},bn=me?g:O,wn=e({},me&&e({loadOptions:me,cacheOptions:fe},Oe&&{defaultOptions:Oe})),Sn=e(e({},!me&&{options:Z}),xe&&{isMulti:!0}),xn=c((function(e){var n,o=e.target;return(null==o||null===(n=o.parentElement)||void 0===n||!n.classList.contains(T.dropdownMenuWrapper))&&(Ne||Fe||ze)}),[Fe,ze,Ne]),Pn=c((function(e){var n=e.data,o=e.isSelected;return a.createElement("div",t({ref:e.innerRef},e.innerProps,{className:o?"selected-option":""}),a.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:"0px"}},j&&a.createElement("input",{type:"checkbox",checked:o,onChange:function(){return function(e,n){if(n.target.checked){var o=[].concat(r(sn),[e]);X&&X(o,n),tn(o)}else{var t=sn.filter((function(n){return n.value!==e.value}));X&&X(t,n),tn(t)}}(n,{target:{checked:!o}})}}),a.createElement(w,e)))}),[sn,X]),jn=function(){return a.createElement(bn,t({className:m(F.dropdown,C),selectProps:yn,components:e(e({DropdownIndicator:On,Menu:fn,ClearIndicator:gn,Input:Cn,Option:Pn,Control:L,SingleValue:vn},xe&&{MultiValue:M,ValueContainer:P}),Ce&&{MenuList:y}),closeMenuOnScroll:xn,size:de,noOptionsMessage:ne,placeholder:R,isDisabled:K,isClearable:!U&&re,isSearchable:!U&&Y,readOnly:U,withReadOnlyStyle:_,"aria-readonly":U,"aria-label":pn,"aria-details":ke,defaultValue:$,value:dn,onMenuOpen:q,onMenuClose:G,onFocus:J,onBlur:Q,onChange:hn,onKeyDown:Ae,onInputChange:Re,openMenuOnFocus:oe,openMenuOnClick:te,isRtl:pe,styles:mn,theme:N,maxMenuHeight:Me,menuPortalTarget:$e,menuPlacement:ce,menuPosition:Je,menuIsOpen:!U&&ye,tabIndex:he,id:be,"data-testid":Qe||p(d.DROPDOWN,be),autoFocus:we,closeMenuOnSelect:We,ref:f,withMandatoryDefaultOptions:Le,isOptionSelected:Te,isLoading:Be,loadingMessage:He,tabSelectsValue:_e,filterOption:Ge},wn,Sn))};return Ye.length>0?a.createElement("div",{style:cn},a.createElement(k,{labelText:Ye,labelStyle:H}),jn()):jn()}));Object.assign(K,{size:f,sizes:f,tagColors:j,menuPlacements:D,menuPositions:I,labelPositions:z,createFilter:C}),K.defaultProps={className:"",optionWrapperClassName:void 0,addCheckbox:!1,dropdownMenuWrapperClassName:void 0,singleValueWrapperClassName:void 0,placeholder:"",onMenuOpen:M,onMenuClose:M,onKeyDown:M,onFocus:M,onBlur:M,onChange:M,onInputChange:M,searchable:!0,options:[],menuPlacement:K.menuPlacements.BOTTOM,menuPosition:I.ABSOLUTE,noOptionsMessage:M,clearable:!0,size:f.MEDIUM,extraStyles:E,tabIndex:"0",onOptionRemove:void 0,id:R,autoFocus:!1,closeMenuOnSelect:void 0,closeMenuOnScroll:!1,ref:void 0,withMandatoryDefaultOptions:!1,insideOverflowContainer:!1,insideOverflowWithTransformContainer:!1,tooltipContent:"",disabled:!1,readOnly:!1,isLoading:!1,loadingMessage:void 0,ariaLabel:void 0,filterOption:void 0,labelPosition:z.TOP,title:""};export{K as default};
 //# sourceMappingURL=Dropdown.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.jsx"],"sourcesContent":["/* eslint-disable react/require-default-props,react/forbid-prop-types */\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants/sizes\";\nimport { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport Select, { components, createFilter } from \"react-select\";\nimport AsyncSelect from \"react-select/async\";\nimport { noop as NOOP } from \"lodash-es\";\nimport { WindowedMenuList } from \"react-windowed-select\";\nimport PropTypes from \"prop-types\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport {\n  ADD_AUTO_HEIGHT_COMPONENTS,\n  defaultCustomStyles,\n  DROPDOWN_CHIP_COLORS,\n  DROPDOWN_ID,\n  DROPDOWN_MENU_PLACEMENT,\n  DROPDOWN_MENU_POSITION,\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport { LabelPosition, LABELPOSITION } from \"../../constants/positions\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\n\nconst rowStyle = {\n  display: \"flex\",\n  flexDirection: \"row\",\n  alignItems: \"baseline\",\n  gap: \"7px\",\n}\nconst columnStyle = {\n  display: \"flex\",\n  flexDirection: \"column\",\n}\nconst labelStyle = {\n  paddingBottom: 0,\n  fontSize: \"14px\",\n  fontWeight: \"700\",\n  lineHeight: \"22px\",\n}\n\nconst Dropdown = forwardRef(\n  (\n    {\n      className,\n      addCheckbox,\n      optionWrapperClassName,\n      singleValueWrapperClassName,\n      dropdownMenuWrapperClassName,\n      placeholder,\n      disabled,\n      readOnly,\n      withReadOnlyStyle,\n      onMenuOpen,\n      onMenuClose,\n      onFocus,\n      onBlur,\n      onChange: customOnChange,\n      searchable,\n      options,\n      defaultValue,\n      value: customValue,\n      noOptionsMessage,\n      openMenuOnFocus,\n      openMenuOnClick,\n      clearable,\n      OptionRenderer,\n      optionRenderer,\n      ValueRenderer,\n      valueRenderer,\n      menuRenderer,\n      menuPlacement,\n      rtl,\n      size,\n      asyncOptions,\n      cacheOptions,\n      defaultOptions,\n      isVirtualized,\n      menuPortalTarget,\n      extraStyles,\n      maxMenuHeight,\n      menuIsOpen,\n      tabIndex,\n      id,\n      autoFocus,\n      multi = false,\n      multiline = false,\n      onOptionRemove: customOnOptionRemove,\n      onOptionSelect,\n      onClear,\n      onInputChange,\n      closeMenuOnSelect = !multi,\n      closeMenuOnScroll: customCloseMenuOnScroll,\n      withMandatoryDefaultOptions,\n      isOptionSelected,\n      insideOverflowContainer,\n      insideOverflowWithTransformContainer,\n      tooltipContent,\n      onKeyDown,\n      isLoading,\n      loadingMessage,\n      ariaLabel,\n      tabSelectsValue = true,\n      popupsContainerSelector,\n      filterOption,\n      menuPosition,\n      \"data-testid\": dataTestId,\n      labelPosition,\n      title\n    },\n    ref\n  ) => {\n    const controlRef = useRef();\n    const overrideMenuPortalTarget =\n      menuPortalTarget ||\n      (popupsContainerSelector &&\n        document.querySelector(popupsContainerSelector));\n    const overrideDefaultValue = useMemo(() => {\n      if (defaultValue) {\n        return Array.isArray(defaultValue)\n          ? defaultValue.map((df) => ({ ...df, isMandatory: true }))\n          : { ...defaultValue, isMandatory: true };\n      }\n\n      return defaultValue;\n    }, [defaultValue]);\n\n    const [selected, setSelected] = useState(overrideDefaultValue || []);\n    const finalOptionRenderer = optionRenderer || OptionRenderer;\n    const finalValueRenderer = valueRenderer || ValueRenderer;\n    const isControlled = !!customValue;\n    const selectedOptions = customValue ?? selected;\n    const selectedOptionsMap = useMemo(() => {\n      if (Array.isArray(selectedOptions)) {\n        return selectedOptions.reduce(\n          (acc, option) => ({ ...acc, [option.value]: option }),\n          {}\n        );\n      }\n      return {};\n    }, [selectedOptions]);\n\n    const divStyle = labelPosition && labelPosition === LabelPosition.LEFT ? rowStyle : columnStyle;\n\n    const overrideAriaLabel = useMemo(() => {\n      return (\n        ariaLabel ||\n        `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${Array.isArray(selectedOptions)\n          ? `Selected: ${selectedOptions.map((o) => o.label).join(\", \")}`\n          : \"Select\"\n        }`\n      );\n    }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n    const value = multi ? selectedOptions : customValue;\n\n    const inlineStyles = useMemo(() => {\n      // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n      const baseStyles = generateBaseStyles({\n        size,\n        rtl,\n        insideOverflowContainer,\n        controlRef,\n        insideOverflowWithTransformContainer,\n      });\n\n      // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n      const customStyles = extraStyles(baseStyles);\n\n      // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n      const mergedStyles = Object.entries(customStyles).reduce(\n        (accumulator, [stylesGroup, stylesFn]) => {\n          return {\n            ...accumulator,\n            [stylesGroup]: (defaultStyles, state) => {\n              const provided = baseStyles[stylesGroup]\n                ? baseStyles[stylesGroup](defaultStyles, state)\n                : defaultStyles;\n\n              return stylesFn(provided, state);\n            },\n          };\n        },\n        {}\n      );\n\n      if (multi) {\n        if (multiline) {\n          ADD_AUTO_HEIGHT_COMPONENTS.forEach((component) => {\n            const original = mergedStyles[component];\n            mergedStyles[component] = (provided, state) => ({\n              ...original(provided, state),\n              height: \"auto\",\n            });\n          });\n        }\n\n        const originalValueContainer = mergedStyles.valueContainer;\n        mergedStyles.valueContainer = (provided, state) => ({\n          ...originalValueContainer(provided, state),\n          paddingLeft: 6,\n        });\n      }\n\n      return mergedStyles;\n    }, [\n      size,\n      rtl,\n      insideOverflowContainer,\n      insideOverflowWithTransformContainer,\n      extraStyles,\n      multi,\n      multiline,\n    ]);\n\n    const Menu = useCallback(\n      (props) => (\n        <MenuComponent\n          {...props}\n          Renderer={menuRenderer}\n          dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n        />\n      ),\n      [dropdownMenuWrapperClassName, menuRenderer]\n    );\n\n    const DropdownIndicator = useCallback(\n      (props) => <DropdownIndicatorComponent {...props} size={size} />,\n      [size]\n    );\n\n    const Option = useCallback(\n      (props) => (\n        <OptionComponent\n          {...props}\n          Renderer={finalOptionRenderer}\n          optionWrapperClassName={optionWrapperClassName}\n        />\n      ),\n      [finalOptionRenderer, optionWrapperClassName]\n    );\n\n    const Input = useCallback(\n      (props) => <components.Input {...props} aria-label=\"Dropdown input\" />,\n      []\n    );\n\n    const SingleValue = useCallback(\n      (props) => (\n        <SingleValueComponent\n          {...props}\n          readOnly={readOnly}\n          Renderer={finalValueRenderer}\n          selectedOption={selectedOptions[0]}\n          singleValueWrapperClassName={singleValueWrapperClassName}\n        />\n      ),\n      [\n        finalValueRenderer,\n        readOnly,\n        selectedOptions,\n        singleValueWrapperClassName,\n      ]\n    );\n\n    const ClearIndicator = useCallback(\n      (props) => <ClearIndicatorComponent {...props} size={size} />,\n      [size]\n    );\n\n    const onOptionRemove = useMemo(() => {\n      return function (optionValue, e) {\n        if (customOnOptionRemove) {\n          customOnOptionRemove(selectedOptionsMap[optionValue]);\n        }\n        const newSelectedOptions = selectedOptions.filter(\n          (option) => option.value !== optionValue\n        );\n        if (customOnChange) {\n          customOnChange(newSelectedOptions, e);\n        }\n        setSelected(newSelectedOptions);\n      };\n    }, [\n      customOnChange,\n      customOnOptionRemove,\n      selectedOptions,\n      selectedOptionsMap,\n    ]);\n\n    const customProps = useMemo(\n      () => ({\n        selectedOptions,\n        onSelectedDelete: onOptionRemove,\n        isMultiline: multiline,\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        controlRef,\n        tooltipContent,\n        popupsContainerSelector,\n      }),\n      [\n        selectedOptions,\n        onOptionRemove,\n        multiline,\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        tooltipContent,\n        popupsContainerSelector,\n      ]\n    );\n    const onChange = (option, event) => {\n      if (customOnChange) {\n        customOnChange(option, event);\n      }\n\n      switch (event.action) {\n        case \"select-option\": {\n          const selectedOption = multi ? event.option : option;\n\n          if (onOptionSelect) {\n            onOptionSelect(selectedOption);\n          }\n\n          if (!isControlled) {\n            setSelected([...selectedOptions, selectedOption]);\n          }\n          break;\n        }\n\n        case \"clear\":\n          if (onClear) {\n            onClear();\n          }\n\n          if (!isControlled) {\n            if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n            else setSelected([]);\n          }\n          break;\n      }\n    };\n\n    const DropDownComponent = asyncOptions ? AsyncSelect : Select;\n\n    const asyncAdditions = {\n      ...(asyncOptions && {\n        loadOptions: asyncOptions,\n        cacheOptions,\n        ...(defaultOptions && { defaultOptions }),\n      }),\n    };\n\n    const additions = {\n      ...(!asyncOptions && { options }),\n      ...(multi && {\n        isMulti: true,\n      }),\n    };\n\n    const closeMenuOnScroll = useCallback(\n      (event) => {\n        const scrolledElement = event.target;\n        if (\n          scrolledElement?.parentElement?.classList.contains(\n            menuStyles.dropdownMenuWrapper\n          )\n        ) {\n          return false;\n        }\n        return (\n          customCloseMenuOnScroll ||\n          insideOverflowContainer ||\n          insideOverflowWithTransformContainer\n        );\n      },\n      [\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        customCloseMenuOnScroll,\n      ]\n    );\n\n    const CustomOption = useCallback(\n      (props) => {\n        const { data, isSelected, innerRef, innerProps } = props;\n\n        const handleCheckboxChange = (option, event) => {\n          if (event.target.checked) {\n            // Add the option to selected options\n            const newSelectedOptions = [...selectedOptions, option];\n            if (customOnChange) {\n              customOnChange(newSelectedOptions, event);\n            }\n            setSelected(newSelectedOptions);\n          } else {\n            // Remove the option from selected options\n            const newSelectedOptions = selectedOptions.filter(\n              (selectedOption) => selectedOption.value !== option.value\n            );\n            if (customOnChange) {\n              customOnChange(newSelectedOptions, event);\n            }\n            setSelected(newSelectedOptions);\n          }\n        };\n\n        return (\n          <div\n            ref={innerRef}\n            {...innerProps}\n            className={isSelected ? \"selected-option\" : \"\"}\n          >\n            <div\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                marginLeft: \"0px\",\n              }}\n            >\n              {addCheckbox && (\n                <input\n                  type=\"checkbox\"\n                  checked={isSelected}\n                  onChange={() =>\n                    handleCheckboxChange(data, {\n                      target: { checked: !isSelected },\n                    })\n                  }\n                />\n              )}\n              <OptionComponent {...props} />\n            </div>\n          </div>\n        );\n      },\n      [selectedOptions, customOnChange]\n    );\n\n    const dropDownComponent = () => {\n      return (\n        <DropDownComponent\n          className={cx(styles.dropdown, className)}\n          selectProps={customProps}\n          components={{\n            DropdownIndicator,\n            Menu,\n            ClearIndicator,\n            Input,\n            Option: CustomOption,\n            Control,\n            SingleValue,\n            ...(multi && {\n              MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n              ValueContainer: MultiValueContainer,\n            }),\n            ...(isVirtualized && { MenuList: WindowedMenuList }),\n          }}\n          // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n          closeMenuOnScroll={closeMenuOnScroll}\n          size={size}\n          noOptionsMessage={noOptionsMessage}\n          placeholder={placeholder}\n          isDisabled={disabled}\n          isClearable={!readOnly && clearable}\n          isSearchable={!readOnly && searchable}\n          readOnly={readOnly}\n          withReadOnlyStyle={withReadOnlyStyle}\n          aria-readonly={readOnly}\n          aria-label={overrideAriaLabel}\n          aria-details={tooltipContent}\n          defaultValue={defaultValue}\n          value={value}\n          onMenuOpen={onMenuOpen}\n          onMenuClose={onMenuClose}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n          onInputChange={onInputChange}\n          openMenuOnFocus={openMenuOnFocus}\n          openMenuOnClick={openMenuOnClick}\n          isRtl={rtl}\n          styles={inlineStyles}\n          theme={customTheme}\n          maxMenuHeight={maxMenuHeight}\n          menuPortalTarget={overrideMenuPortalTarget}\n          menuPlacement={menuPlacement}\n          menuPosition={menuPosition}\n          menuIsOpen={!readOnly && menuIsOpen}\n          tabIndex={tabIndex}\n          id={id}\n          data-testid={\n            dataTestId || getTestId(ComponentDefaultTestId.DROPDOWN, id)\n          }\n          autoFocus={autoFocus}\n          closeMenuOnSelect={closeMenuOnSelect}\n          ref={ref}\n          withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n          isOptionSelected={isOptionSelected}\n          isLoading={isLoading}\n          loadingMessage={loadingMessage}\n          tabSelectsValue={tabSelectsValue}\n          filterOption={filterOption}\n          {...asyncAdditions}\n          {...additions}\n        />\n      )\n    }\n\n    return (\n      title.length > 0 ? (\n      <div style={divStyle} >\n        <FieldLabel\n          labelText={title}\n          labelStyle={labelStyle}\n        />\n        {dropDownComponent()}\n      </div>)\n      :\n      dropDownComponent()\n    );\n  }\n);\n\nObject.assign(Dropdown, {\n  // TODO Deprecate Dropdown.size in the next major version - use Dropdown.sizes instead\n  size: SIZES,\n  sizes: SIZES,\n  tagColors: DROPDOWN_CHIP_COLORS,\n  menuPlacements: DROPDOWN_MENU_PLACEMENT,\n  menuPositions: DROPDOWN_MENU_POSITION,\n  labelPositions: LabelPosition,\n  createFilter: createFilter,\n});\n\nDropdown.defaultProps = {\n  className: \"\",\n  optionWrapperClassName: undefined,\n  addCheckbox: false,\n  dropdownMenuWrapperClassName: undefined,\n  singleValueWrapperClassName: undefined,\n  placeholder: \"\",\n  onMenuOpen: NOOP,\n  onMenuClose: NOOP,\n  onKeyDown: NOOP,\n  onFocus: NOOP,\n  onBlur: NOOP,\n  onChange: NOOP,\n  onInputChange: NOOP,\n  searchable: true,\n  options: [],\n  menuPlacement: Dropdown.menuPlacements.BOTTOM,\n  menuPosition: DROPDOWN_MENU_POSITION.ABSOLUTE,\n  noOptionsMessage: NOOP,\n  clearable: true,\n  size: SIZES.MEDIUM,\n  extraStyles: defaultCustomStyles,\n  tabIndex: \"0\",\n  onOptionRemove: undefined,\n  id: DROPDOWN_ID,\n  autoFocus: false,\n  closeMenuOnSelect: undefined,\n  closeMenuOnScroll: false,\n  ref: undefined,\n  withMandatoryDefaultOptions: false,\n  insideOverflowContainer: false,\n  insideOverflowWithTransformContainer: false,\n  tooltipContent: \"\",\n  disabled: false,\n  readOnly: false,\n  isLoading: false,\n  loadingMessage: undefined,\n  ariaLabel: undefined,\n  filterOption: undefined,\n  labelPosition: LabelPosition.TOP,\n  title: \"\",\n};\n\nDropdown.propTypes = {\n  /**\n   * Custom style\n   */\n  addCheckbox: PropTypes.bool,\n  className: PropTypes.string,\n  /** ClassName to be added to dropdown option wrapper (dropdown-wrapper__option--reset) */\n  optionWrapperClassName: PropTypes.string,\n  /** ClassName to be added to dropdown single value wrapper (dropdown-wrapper__single-value--reset) */\n  singleValueWrapperClassName: PropTypes.string,\n  /** ClassName to be added to dropdown menu wrapper (dropdown-menu-wrapper) */\n  dropdownMenuWrapperClassName: PropTypes.string,\n  /**\n   * Placeholder to show when no value was selected\n   */\n  placeholder: PropTypes.string,\n  /**\n   * If set to true, dropdown will be disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If set to true, dropdown won't be editable\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Called when menu is opened\n   */\n  onMenuOpen: PropTypes.func,\n  /**\n   * Called when menu is closed\n   */\n  onMenuClose: PropTypes.func,\n  /**\n   * Called when key is pressed in the dropdown\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * Called when focused\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Called when blurred\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Called when selected value has changed\n   */\n  onChange: PropTypes.func,\n  /**\n   * Called when the dropdown's input changes.\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * If true, search in options will be enabled\n   */\n  searchable: PropTypes.bool,\n  /**\n   * The dropdown options\n   */\n  options: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * Text to display when there are no options\n   */\n  noOptionsMessage: PropTypes.func,\n  /**\n   * If set to true, the menu will open when focused\n   */\n  openMenuOnFocus: PropTypes.bool,\n  /**\n   * If set to true, the menu will open when clicked\n   */\n  openMenuOnClick: PropTypes.bool,\n  /**\n   * If set to true, clear button will be added\n   */\n  clearable: PropTypes.bool,\n  /**\n   * custom option render function\n   */\n  optionRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n  /**\n   * custom value render function\n   */\n  valueRenderer: PropTypes.func,\n  /**\n   * custom menu render function\n   */\n  menuRenderer: PropTypes.func,\n  /**\n   * Default placement of the Dropdown menu in relation to its control. Use \"auto\" to flip the menu when there isn't enough space below the control.\n   */\n  menuPlacement: PropTypes.oneOf(Object.values(DROPDOWN_MENU_PLACEMENT)),\n  /**\n   * The CSS position value of the menu, when \"fixed\" extra layout management might be required\n   * Fixed position can be used to solve the issue of positioning Dropdown inside overflow container like Modal or Dialog\n   */\n  menuPosition: PropTypes.oneOf(Object.values(DROPDOWN_MENU_POSITION)),\n  /**\n   * If set to true, the dropdown will be in Right to Left mode\n   */\n  rtl: PropTypes.bool,\n  /**\n   * Set default selected value\n   */\n  defaultValue: PropTypes.oneOfType([\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired,\n      })\n    ),\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n    }),\n  ]),\n  /**\n   * The component's value.\n   * When passed, makes this a [controlled](https://reactjs.org/docs/forms.html#controlled-components) component.\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired,\n      })\n    ),\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n    }),\n  ]),\n  /**\n   * Select menu size from `Dropdown.size` - Dropdown.sizes.LARGE | Dropdown.sizes.MEDIUM | Dropdown.sizes.SMALL\n   */\n  size: PropTypes.string,\n  /**\n   * If provided Dropdown will work in async mode. Can be either promise or callback\n   */\n  asyncOptions: PropTypes.oneOfType([\n    PropTypes.func, // callback\n    PropTypes.shape({\n      then: PropTypes.func.isRequired,\n      catch: PropTypes.func.isRequired,\n    }), // Promise\n  ]),\n  /**\n   * If set to true, fetched async options will be cached\n   */\n  cacheOptions: PropTypes.bool,\n  /**\n   * If set, `asyncOptions` will be invoked with its value on mount and the resolved results will be loaded\n   */\n  defaultOptions: PropTypes.oneOfType([\n    PropTypes.bool,\n    PropTypes.arrayOf(PropTypes.object),\n  ]),\n  /**\n   * If set to true, the menu will use virtualization. Virtualized async works only with\n   */\n  isVirtualized: PropTypes.bool,\n  /**\n   * Whether the menu should use a portal, and where it should attach\n   */\n  menuPortalTarget: PropTypes.oneOfType([PropTypes.element, PropTypes.object]),\n  /**\n   * Custom function to override existing styles (similar to `react-select`'s `style` prop), for example: `base => ({...base, color: 'red'})`, where `base` is the component's default styles\n   */\n  extraStyles: PropTypes.func,\n  /**\n   * Maximum height of the menu before scrolling\n   */\n  maxMenuHeight: PropTypes.number,\n  /**\n   * Tab index for keyboard navigation purposes\n   */\n  tabIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /**\n   * ID for the select container\n   */\n  id: PropTypes.string,\n  /**\n   * focusAuto when component mount\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If set to true, the dropdown will be in multi-select mode.\n   * When in multi-select mode, the selected value will be an array,\n   * and it will be displayed as our [`<Tags>`](/?path=/docs/components-tags--sandbox) component.\n   */\n  multi: PropTypes.bool,\n  /**\n   * If set to true together with `multi`, it will make the dropdown expand to multiple lines when new values are selected.\n   */\n  multiline: PropTypes.bool,\n  /**\n   Pass closeMenuOnSelect to close the multi choose any time an options is chosen.\n   */\n  closeMenuOnSelect: PropTypes.bool,\n  // Won't be needed once we upgrade to react-select ^5.5 https://github.com/JedWatson/react-select/issues/4088#issuecomment-1276835389\n  /**\n   * If menu should be closed on scroll - helpful for some tricky use cases\n   * @default false, but true when insideOverflowContainer or insideOverflowWithTransformContainer are true\n   */\n  closeMenuOnScroll: PropTypes.bool,\n  /**\n   * callback to be called when `multiline` is `true` and the option is removed\n   */\n  onOptionRemove: PropTypes.func,\n  /**\n   Pass Ref for reference of the actual dropdown component\n   */\n  ref: PropTypes.func,\n  /**\n   The options set by default will be set as mandatory and the user will not be able to cancel their selection\n   */\n  withMandatoryDefaultOptions: PropTypes.bool,\n  /**\n   * Override the built-in logic to detect whether an option is selected.\n   */\n  isOptionSelected: PropTypes.func,\n  /**\n   * For display the drop down menu in overflow hidden/scroll container.\n   */\n  insideOverflowContainer: PropTypes.bool,\n  /**\n   * For display the drop down menu in overflow hidden/scroll container which contains transform css function usage.\n   */\n  insideOverflowWithTransformContainer: PropTypes.bool,\n  /**\n   * When content is passed, the dropdown will include a tooltip on the dropdown's value.\n   */\n  tooltipContent: PropTypes.string,\n  /**\n   * Display the drop down with loading state.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * Overrides the built-in logic of loading message design\n   */\n  loadingMessage: PropTypes.func,\n  /**\n   * aria-label attribute for dropdown\n   */\n  ariaLabel: PropTypes.string,\n  /**\n   * Overrides the built-in logic of tab selecting value (default: true)\n   */\n  tabSelectsValue: PropTypes.bool,\n  /**\n   * Overrides the build-in search filter logic - https://react-select.com/advanced#custom-filter-logic\n   * createFilter function is available at Dropdown.createFilter\n   */\n  filterOption: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n  labelPosition: PropTypes.oneOf(Object.values(LABELPOSITION)),\n\n  title: PropTypes.string\n};\n\nexport default Dropdown;\n"],"names":["rowStyle","display","flexDirection","alignItems","gap","columnStyle","labelStyle","paddingBottom","fontSize","fontWeight","lineHeight","Dropdown","forwardRef","_ref","ref","className","addCheckbox","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","placeholder","disabled","readOnly","withReadOnlyStyle","onMenuOpen","onMenuClose","onFocus","onBlur","customOnChange","onChange","searchable","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","menuPlacement","rtl","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","extraStyles","maxMenuHeight","menuIsOpen","tabIndex","id","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","customCloseMenuOnScroll","closeMenuOnScroll","withMandatoryDefaultOptions","isOptionSelected","insideOverflowContainer","insideOverflowWithTransformContainer","tooltipContent","onKeyDown","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","menuPosition","dataTestId","labelPosition","title","controlRef","useRef","overrideMenuPortalTarget","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","_objectSpread","isMandatory","_useState","useState","_useState2","_slicedToArray","setSelected","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","divStyle","LabelPosition","LEFT","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","Object","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","component","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","_extends","Renderer","DropdownIndicator","DropdownIndicatorComponent","OptionComponent","Input","components","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","e","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","event","action","_toConsumableArray","DropDownComponent","AsyncSelect","Select","asyncAdditions","loadOptions","additions","isMulti","_scrolledElement$pare","scrolledElement","target","parentElement","classList","contains","menuStyles","dropdownMenuWrapper","CustomOption","data","isSelected","innerRef","innerProps","style","marginLeft","type","checked","handleCheckboxChange","dropDownComponent","cx","styles","dropdown","selectProps","Option","Control","MultiValue","NOOP","ValueContainer","MultiValueContainer","MenuList","WindowedMenuList","isDisabled","isClearable","isSearchable","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","length","FieldLabel","labelText","assign","SIZES","sizes","tagColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","labelPositions","createFilter","defaultProps","undefined","BOTTOM","ABSOLUTE","MEDIUM","defaultCustomStyles","DROPDOWN_ID","TOP"],"mappings":"g6CA+BA,IAAMA,EAAW,CACfC,QAAS,OACTC,cAAe,MACfC,WAAY,WACZC,IAAK,OAEDC,EAAc,CAClBJ,QAAS,OACTC,cAAe,UAEXI,EAAa,CACjBC,cAAe,EACfC,SAAU,OACVC,WAAY,MACZC,WAAY,QAGRC,EAAWC,GACf,SAAAC,EAoEEC,GACG,IAnEDC,EAASF,EAATE,UACAC,EAAWH,EAAXG,YACAC,EAAsBJ,EAAtBI,uBACAC,EAA2BL,EAA3BK,4BACAC,EAA4BN,EAA5BM,6BACAC,EAAWP,EAAXO,YACAC,EAAQR,EAARQ,SACAC,EAAQT,EAARS,SACAC,EAAiBV,EAAjBU,kBACAC,EAAUX,EAAVW,WACAC,EAAWZ,EAAXY,YACAC,EAAOb,EAAPa,QACAC,EAAMd,EAANc,OACUC,EAAcf,EAAxBgB,SACAC,EAAUjB,EAAViB,WACAC,EAAOlB,EAAPkB,QACAC,EAAYnB,EAAZmB,aACOC,GAAWpB,EAAlBqB,MACAC,GAAgBtB,EAAhBsB,iBACAC,GAAevB,EAAfuB,gBACAC,GAAexB,EAAfwB,gBACAC,GAASzB,EAATyB,UACAC,GAAc1B,EAAd0B,eACAC,GAAc3B,EAAd2B,eACAC,GAAa5B,EAAb4B,cACAC,GAAa7B,EAAb6B,cACAC,GAAY9B,EAAZ8B,aACAC,GAAa/B,EAAb+B,cACAC,GAAGhC,EAAHgC,IACAC,GAAIjC,EAAJiC,KACAC,GAAYlC,EAAZkC,aACAC,GAAYnC,EAAZmC,aACAC,GAAcpC,EAAdoC,eACAC,GAAarC,EAAbqC,cACAC,GAAgBtC,EAAhBsC,iBACAC,GAAWvC,EAAXuC,YACAC,GAAaxC,EAAbwC,cACAC,GAAUzC,EAAVyC,WACAC,GAAQ1C,EAAR0C,SACAC,GAAE3C,EAAF2C,GACAC,GAAS5C,EAAT4C,UAASC,GAAA7C,EACT8C,MAAAA,QAAQ,IAAHD,IAAQA,GAAAE,GAAA/C,EACbgD,UAAAA,QAAY,IAAHD,IAAQA,GACDE,GAAoBjD,EAApCkD,eACAC,GAAcnD,EAAdmD,eACAC,GAAOpD,EAAPoD,QACAC,GAAarD,EAAbqD,cAAaC,GAAAtD,EACbuD,kBAAAA,QAAiB,IAAAD,IAAIR,GAAKQ,GACPE,GAAuBxD,EAA1CyD,kBACAC,GAA2B1D,EAA3B0D,4BACAC,GAAgB3D,EAAhB2D,iBACAC,GAAuB5D,EAAvB4D,wBACAC,GAAoC7D,EAApC6D,qCACAC,GAAc9D,EAAd8D,eACAC,GAAS/D,EAAT+D,UACAC,GAAShE,EAATgE,UACAC,GAAcjE,EAAdiE,eACAC,GAASlE,EAATkE,UAASC,GAAAnE,EACToE,gBAAAA,QAAkB,IAAHD,IAAOA,GACtBE,GAAuBrE,EAAvBqE,wBACAC,GAAYtE,EAAZsE,aACAC,GAAYvE,EAAZuE,aACeC,GAAUxE,EAAzB,eACAyE,GAAazE,EAAbyE,cACAC,GAAK1E,EAAL0E,MAIIC,GAAaC,IACbC,GACJvC,IACC+B,IACCS,SAASC,cAAcV,IACrBW,GAAuBC,GAAQ,WACnC,OAAI9D,EACK+D,MAAMC,QAAQhE,GACjBA,EAAaiE,KAAI,SAACC,GAAE,OAAAC,EAAAA,EAAA,CAAA,EAAWD,GAAE,CAAA,EAAA,CAAEE,aAAa,GAAI,IAAID,EAAAA,KACnDnE,GAAY,CAAA,EAAA,CAAEoE,aAAa,IAG/BpE,CACT,GAAG,CAACA,IAEJqE,GAAgCC,EAAST,IAAwB,IAAGU,GAAAC,EAAAH,GAAA,GAAnDI,GAAWF,GAAA,GACtBG,GAAsBlE,IAAkBD,GACxCoE,GAAqBjE,IAAiBD,GACtCmE,KAAiB3E,GACjB4E,GAAkB5E,SAAAA,GAJTsE,GAAA,GAKTO,GAAqBhB,GAAQ,WACjC,OAAIC,MAAMC,QAAQa,IACTA,GAAgBE,QACrB,SAACC,EAAKC,GAAM,OAAAd,EAAAA,EAAA,CAAA,EAAWa,GAAG,CAAA,EAAAE,EAAA,CAAA,EAAGD,EAAO/E,MAAQ+E,GAAS,GACrD,CACF,GAEK,EACT,GAAG,CAACJ,KAEEM,GAAW7B,IAAiBA,KAAkB8B,EAAcC,KAAOrH,EAAWK,EAE9EiH,GAAoBxB,GAAQ,WAChC,OACEf,IAAS,GAAAwC,OACNjG,EAAW,YAAc,GAAE,KAAAiG,OAAI5C,GAAc4C,KAAAA,OAAIxB,MAAMC,QAAQa,IAAgB,aAAAU,OACjEV,GAAgBZ,KAAI,SAACuB,GAAC,OAAKA,EAAEC,KAAK,IAAEC,KAAK,OACtD,SAGP,GAAE,CAAC3C,GAAWzD,EAAUuF,GAAiBlC,KACpCzC,GAAQyB,GAAQkD,GAAkB5E,GAElC0F,GAAe7B,GAAQ,WAE3B,IAAM8B,EAAaC,EAAmB,CACpC/E,KAAAA,GACAD,IAAAA,GACA4B,wBAAAA,GACAe,WAAAA,GACAd,qCAAAA,KAIIoD,EAAe1E,GAAYwE,GAG3BG,EAAeC,OAAOC,QAAQH,GAAcf,QAChD,SAACmB,EAAWC,GAA8B,IAAAC,EAAA5B,EAAA2B,EAAA,GAA3BE,EAAWD,EAAA,GAAEE,EAAQF,EAAA,GAClC,OAAAjC,EAAAA,EAAA,CAAA,EACK+B,GAAWhB,CAAAA,EAAAA,EACbmB,GAAAA,GAAc,SAACE,EAAeC,GAC7B,IAAMC,EAAWb,EAAWS,GACxBT,EAAWS,GAAaE,EAAeC,GACvCD,EAEJ,OAAOD,EAASG,EAAUD,EAC3B,IAEJ,GACD,CACF,GAEA,GAAI7E,GAAO,CACLE,IACF6E,EAA2BC,SAAQ,SAACC,GAClC,IAAMC,EAAWd,EAAaa,GAC9Bb,EAAaa,GAAa,SAACH,EAAUD,GAAK,OAAArC,EAAAA,EAAA,GACrC0C,EAASJ,EAAUD,IAAM,GAAA,CAC5BM,OAAQ,SAEZ,IAGF,IAAMC,EAAyBhB,EAAaiB,eAC5CjB,EAAaiB,eAAiB,SAACP,EAAUD,GAAK,OAAArC,EAAAA,EAAA,GACzC4C,EAAuBN,EAAUD,IAAM,GAAA,CAC1CS,YAAa,IAEjB,CAEA,OAAOlB,CACT,GAAG,CACDjF,GACAD,GACA4B,GACAC,GACAtB,GACAO,GACAE,KAGIqF,GAAOC,GACX,SAACC,GAAK,OACJC,EAAAC,cAACC,EAAaC,KACRJ,EAAK,CACTK,SAAU9G,GACVxB,6BAA8BA,IAC9B,GAEJ,CAACA,EAA8BwB,KAG3B+G,GAAoBP,GACxB,SAACC,GAAK,OAAKC,EAAAC,cAACK,EAA0BH,KAAKJ,EAAK,CAAEtG,KAAMA,QACxD,CAACA,KAGYqG,GACb,SAACC,GAAK,OACJC,EAAAC,cAACM,EAAeJ,KACVJ,EAAK,CACTK,SAAU/C,GACVzF,uBAAwBA,IACxB,GAEJ,CAACyF,GAAqBzF,IAGxB,IAAM4I,GAAQV,GACZ,SAACC,GAAK,OAAKC,EAAAC,cAACQ,EAAWD,MAAKL,EAAA,CAAA,EAAKJ,EAAK,CAAE,aAAW,mBAAmB,GACtE,IAGIW,GAAcZ,GAClB,SAACC,GAAK,OACJC,EAAAC,cAACU,EAAoBR,KACfJ,EAAK,CACT9H,SAAUA,EACVmI,SAAU9C,GACVsD,eAAgBpD,GAAgB,GAChC3F,4BAA6BA,IAEhC,GACD,CACEyF,GACArF,EACAuF,GACA3F,IAIEgJ,GAAiBf,GACrB,SAACC,GAAK,OAAKC,EAAAC,cAACa,EAAuBX,KAAKJ,EAAK,CAAEtG,KAAMA,QACrD,CAACA,KAGGiB,GAAiB+B,GAAQ,WAC7B,OAAO,SAAUsE,EAAaC,GACxBvG,IACFA,GAAqBgD,GAAmBsD,IAE1C,IAAME,EAAqBzD,GAAgB0D,QACzC,SAACtD,GAAM,OAAKA,EAAO/E,QAAUkI,CAAW,IAEtCxI,GACFA,EAAe0I,EAAoBD,GAErC5D,GAAY6D,GAEf,GAAE,CACD1I,EACAkC,GACA+C,GACAC,KAGI0D,GAAc1E,GAClB,WAAA,MAAO,CACLe,gBAAAA,GACA4D,iBAAkB1G,GAClB2G,YAAa7G,GACbY,wBAAAA,GACAC,qCAAAA,GACAc,WAAAA,GACAb,eAAAA,GACAO,wBAAAA,GACD,GACD,CACE2B,GACA9C,GACAF,GACAY,GACAC,GACAC,GACAO,KAGErD,GAAW,SAACoF,EAAQ0D,GAKxB,OAJI/I,GACFA,EAAeqF,EAAQ0D,GAGjBA,EAAMC,QACZ,IAAK,gBACH,IAAMX,EAAiBtG,GAAQgH,EAAM1D,OAASA,EAE1CjD,IACFA,GAAeiG,GAGZrD,IACHH,GAAW,GAAAc,OAAAsD,EAAKhE,IAAe,CAAEoD,KAEnC,MAGF,IAAK,QACChG,IACFA,KAGG2C,IAC8BH,GAA7BlC,GAAyCsB,GAC5B,MAMnBiF,GAAoB/H,GAAegI,EAAcC,EAEjDC,GAAc9E,EACdpD,GAAAA,IAAYoD,EAAA,CACd+E,YAAanI,GACbC,aAAAA,IACIC,IAAkB,CAAEA,eAAAA,MAItBkI,GAAShF,EAAAA,EACT,CAAA,GAACpD,IAAgB,CAAEhB,QAAAA,IACnB4B,IAAS,CACXyH,SAAS,IAIP9G,GAAoB6E,GACxB,SAACwB,GAAU,IAAAU,EACHC,EAAkBX,EAAMY,OAC9B,OACED,SAA8BD,QAAfA,EAAfC,EAAiBE,yBAAaH,IAA9BA,EAAgCI,UAAUC,SACxCC,EAAWC,wBAMbvH,IACAI,IACAC,GAEH,GACD,CACED,GACAC,GACAL,KAIEwH,GAAe1C,GACnB,SAACC,GACC,IAAQ0C,EAA2C1C,EAA3C0C,KAAMC,EAAqC3C,EAArC2C,WAsBd,OACE1C,EAAAC,cAAA,MAAAE,EAAA,CACE1I,IAxB+CsI,EAAzB4C,UAAyB5C,EAAf6C,WAyBlB,CACdlL,UAAWgL,EAAa,kBAAoB,KAE5C1C,EAAAC,cAAA,MAAA,CACE4C,MAAO,CACLjM,QAAS,OACTE,WAAY,SACZgM,WAAY,QAGbnL,GACCqI,EAAAC,cAAA,QAAA,CACE8C,KAAK,WACLC,QAASN,EACTlK,SAAU,WAAA,OArCS,SAACoF,EAAQ0D,GACpC,GAAIA,EAAMY,OAAOc,QAAS,CAExB,IAAM/B,KAAkB/C,OAAAsD,EAAOhE,IAAiBI,CAAAA,IAC5CrF,GACFA,EAAe0I,EAAoBK,GAErClE,GAAY6D,EACd,KAAO,CAEL,IAAMA,EAAqBzD,GAAgB0D,QACzC,SAACN,GAAc,OAAKA,EAAe/H,QAAU+E,EAAO/E,KAAK,IAEvDN,GACFA,EAAe0I,EAAoBK,GAErClE,GAAY6D,EACd,EAqBUgC,CAAqBR,EAAM,CACzBP,OAAQ,CAAEc,SAAUN,IACpB,IAIR1C,EAAAC,cAACM,EAAoBR,IAI7B,GACA,CAACvC,GAAiBjF,IAGd2K,GAAoB,WACxB,OACElD,EAAAC,cAACwB,GAAiBtB,EAAA,CAChBzI,UAAWyL,EAAGC,EAAOC,SAAU3L,GAC/B4L,YAAanC,GACbV,WAAU3D,EAAAA,EAAA,CACRuD,kBAAAA,GACAR,KAAAA,GACAgB,eAAAA,GACAL,MAAAA,GACA+C,OAAQf,GACRgB,QAAAA,EACA9C,YAAAA,IACIpG,IAAS,CACXmJ,WAAYC,EACZC,eAAgBC,IAEd/J,IAAiB,CAAEgK,SAAUC,IAGnC7I,kBAAmBA,GACnBxB,KAAMA,GACNX,iBAAkBA,GAClBf,YAAaA,EACbgM,WAAY/L,EACZgM,aAAc/L,GAAYgB,GAC1BgL,cAAehM,GAAYQ,EAC3BR,SAAUA,EACVC,kBAAmBA,EACnB,gBAAeD,EACf,aAAYgG,GACZ,eAAc3C,GACd3C,aAAcA,EACdE,MAAOA,GACPV,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRE,SAAUA,GACV+C,UAAWA,GACXV,cAAeA,GACf9B,gBAAiBA,GACjBC,gBAAiBA,GACjBkL,MAAO1K,GACP4J,OAAQ9E,GACR6F,MAAOC,EACPpK,cAAeA,GACfF,iBAAkBuC,GAClB9C,cAAeA,GACfwC,aAAcA,GACd9B,YAAahC,GAAYgC,GACzBC,SAAUA,GACVC,GAAIA,GACJ,cACE6B,IAAcqI,EAAUC,EAAuBC,SAAUpK,IAE3DC,UAAWA,GACXW,kBAAmBA,GACnBtD,IAAKA,EACLyD,4BAA6BA,GAC7BC,iBAAkBA,GAClBK,UAAWA,GACXC,eAAgBA,GAChBG,gBAAiBA,GACjBE,aAAcA,IACV8F,GACAE,MAKV,OACE5F,GAAMsI,OAAS,EACfxE,EAAAC,cAAA,MAAA,CAAK4C,MAAO/E,IACVkC,EAAAC,cAACwE,EAAU,CACTC,UAAWxI,GACXjF,WAAYA,IAEbiM,MAGHA,IAEJ,IAGFvE,OAAOgG,OAAOrN,EAAU,CAEtBmC,KAAMmL,EACNC,MAAOD,EACPE,UAAWC,EACXC,eAAgBC,EAChBC,cAAeC,EACfC,eAAgBrH,EAChBsH,aAAcA,IAGhB/N,EAASgO,aAAe,CACtB5N,UAAW,GACXE,4BAAwB2N,EACxB5N,aAAa,EACbG,kCAA8ByN,EAC9B1N,iCAA6B0N,EAC7BxN,YAAa,GACbI,WAAYuL,EACZtL,YAAasL,EACbnI,UAAWmI,EACXrL,QAASqL,EACTpL,OAAQoL,EACRlL,SAAUkL,EACV7I,cAAe6I,EACfjL,YAAY,EACZC,QAAS,GACTa,cAAejC,EAAS0N,eAAeQ,OACvCzJ,aAAcoJ,EAAuBM,SACrC3M,iBAAkB4K,EAClBzK,WAAW,EACXQ,KAAMmL,EAAMc,OACZ3L,YAAa4L,EACbzL,SAAU,IACVQ,oBAAgB6K,EAChBpL,GAAIyL,EACJxL,WAAW,EACXW,uBAAmBwK,EACnBtK,mBAAmB,EACnBxD,SAAK8N,EACLrK,6BAA6B,EAC7BE,yBAAyB,EACzBC,sCAAsC,EACtCC,eAAgB,GAChBtD,UAAU,EACVC,UAAU,EACVuD,WAAW,EACXC,oBAAgB8J,EAChB7J,eAAW6J,EACXzJ,kBAAcyJ,EACdtJ,cAAe8B,EAAc8H,IAC7B3J,MAAO"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.jsx"],"sourcesContent":["/* eslint-disable react/require-default-props,react/forbid-prop-types */\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants/sizes\";\nimport { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport Select, { components, createFilter } from \"react-select\";\nimport AsyncSelect from \"react-select/async\";\nimport { noop as NOOP } from \"lodash-es\";\nimport { WindowedMenuList } from \"react-windowed-select\";\nimport PropTypes from \"prop-types\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport {\n  ADD_AUTO_HEIGHT_COMPONENTS,\n  defaultCustomStyles,\n  DROPDOWN_CHIP_COLORS,\n  DROPDOWN_ID,\n  DROPDOWN_MENU_PLACEMENT,\n  DROPDOWN_MENU_POSITION,\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport { LabelPosition, LABELPOSITION } from \"../../constants/positions\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\n\nconst rowStyle = {\n  display: \"flex\",\n  flexDirection: \"row\",\n  alignItems: \"baseline\",\n  gap: \"7px\",\n}\nconst columnStyle = {\n  display: \"flex\",\n  flexDirection: \"column\",\n}\nconst labelStyle = {\n  paddingBottom: 0,\n  fontSize: \"14px\",\n  lineHeight: \"22px\",\n}\n\nconst Dropdown = forwardRef(\n  (\n    {\n      className,\n      addCheckbox,\n      optionWrapperClassName,\n      singleValueWrapperClassName,\n      dropdownMenuWrapperClassName,\n      placeholder,\n      disabled,\n      readOnly,\n      withReadOnlyStyle,\n      onMenuOpen,\n      onMenuClose,\n      onFocus,\n      onBlur,\n      onChange: customOnChange,\n      searchable,\n      options,\n      defaultValue,\n      value: customValue,\n      noOptionsMessage,\n      openMenuOnFocus,\n      openMenuOnClick,\n      clearable,\n      OptionRenderer,\n      optionRenderer,\n      ValueRenderer,\n      valueRenderer,\n      menuRenderer,\n      menuPlacement,\n      rtl,\n      size,\n      asyncOptions,\n      cacheOptions,\n      defaultOptions,\n      isVirtualized,\n      menuPortalTarget,\n      extraStyles,\n      maxMenuHeight,\n      menuIsOpen,\n      tabIndex,\n      id,\n      autoFocus,\n      multi = false,\n      multiline = false,\n      onOptionRemove: customOnOptionRemove,\n      onOptionSelect,\n      onClear,\n      onInputChange,\n      closeMenuOnSelect = !multi,\n      closeMenuOnScroll: customCloseMenuOnScroll,\n      withMandatoryDefaultOptions,\n      isOptionSelected,\n      insideOverflowContainer,\n      insideOverflowWithTransformContainer,\n      tooltipContent,\n      onKeyDown,\n      isLoading,\n      loadingMessage,\n      ariaLabel,\n      tabSelectsValue = true,\n      popupsContainerSelector,\n      filterOption,\n      menuPosition,\n      \"data-testid\": dataTestId,\n      labelPosition,\n      title\n    },\n    ref\n  ) => {\n    const controlRef = useRef();\n    const overrideMenuPortalTarget =\n      menuPortalTarget ||\n      (popupsContainerSelector &&\n        document.querySelector(popupsContainerSelector));\n    const overrideDefaultValue = useMemo(() => {\n      if (defaultValue) {\n        return Array.isArray(defaultValue)\n          ? defaultValue.map((df) => ({ ...df, isMandatory: true }))\n          : { ...defaultValue, isMandatory: true };\n      }\n\n      return defaultValue;\n    }, [defaultValue]);\n\n    const [selected, setSelected] = useState(overrideDefaultValue || []);\n    const finalOptionRenderer = optionRenderer || OptionRenderer;\n    const finalValueRenderer = valueRenderer || ValueRenderer;\n    const isControlled = !!customValue;\n    const selectedOptions = customValue ?? selected;\n    const selectedOptionsMap = useMemo(() => {\n      if (Array.isArray(selectedOptions)) {\n        return selectedOptions.reduce(\n          (acc, option) => ({ ...acc, [option.value]: option }),\n          {}\n        );\n      }\n      return {};\n    }, [selectedOptions]);\n\n    const divStyle = labelPosition && labelPosition === LabelPosition.LEFT ? rowStyle : columnStyle;\n\n    const overrideAriaLabel = useMemo(() => {\n      return (\n        ariaLabel ||\n        `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${Array.isArray(selectedOptions)\n          ? `Selected: ${selectedOptions.map((o) => o.label).join(\", \")}`\n          : \"Select\"\n        }`\n      );\n    }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n    const value = multi ? selectedOptions : customValue;\n\n    const inlineStyles = useMemo(() => {\n      // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n      const baseStyles = generateBaseStyles({\n        size,\n        rtl,\n        insideOverflowContainer,\n        controlRef,\n        insideOverflowWithTransformContainer,\n      });\n\n      // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n      const customStyles = extraStyles(baseStyles);\n\n      // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n      const mergedStyles = Object.entries(customStyles).reduce(\n        (accumulator, [stylesGroup, stylesFn]) => {\n          return {\n            ...accumulator,\n            [stylesGroup]: (defaultStyles, state) => {\n              const provided = baseStyles[stylesGroup]\n                ? baseStyles[stylesGroup](defaultStyles, state)\n                : defaultStyles;\n\n              return stylesFn(provided, state);\n            },\n          };\n        },\n        {}\n      );\n\n      if (multi) {\n        if (multiline) {\n          ADD_AUTO_HEIGHT_COMPONENTS.forEach((component) => {\n            const original = mergedStyles[component];\n            mergedStyles[component] = (provided, state) => ({\n              ...original(provided, state),\n              height: \"auto\",\n            });\n          });\n        }\n\n        const originalValueContainer = mergedStyles.valueContainer;\n        mergedStyles.valueContainer = (provided, state) => ({\n          ...originalValueContainer(provided, state),\n          paddingLeft: 6,\n        });\n      }\n\n      return mergedStyles;\n    }, [\n      size,\n      rtl,\n      insideOverflowContainer,\n      insideOverflowWithTransformContainer,\n      extraStyles,\n      multi,\n      multiline,\n    ]);\n\n    const Menu = useCallback(\n      (props) => (\n        <MenuComponent\n          {...props}\n          Renderer={menuRenderer}\n          dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n        />\n      ),\n      [dropdownMenuWrapperClassName, menuRenderer]\n    );\n\n    const DropdownIndicator = useCallback(\n      (props) => <DropdownIndicatorComponent {...props} size={size} />,\n      [size]\n    );\n\n    const Option = useCallback(\n      (props) => (\n        <OptionComponent\n          {...props}\n          Renderer={finalOptionRenderer}\n          optionWrapperClassName={optionWrapperClassName}\n        />\n      ),\n      [finalOptionRenderer, optionWrapperClassName]\n    );\n\n    const Input = useCallback(\n      (props) => <components.Input {...props} aria-label=\"Dropdown input\" />,\n      []\n    );\n\n    const SingleValue = useCallback(\n      (props) => (\n        <SingleValueComponent\n          {...props}\n          readOnly={readOnly}\n          Renderer={finalValueRenderer}\n          selectedOption={selectedOptions[0]}\n          singleValueWrapperClassName={singleValueWrapperClassName}\n        />\n      ),\n      [\n        finalValueRenderer,\n        readOnly,\n        selectedOptions,\n        singleValueWrapperClassName,\n      ]\n    );\n\n    const ClearIndicator = useCallback(\n      (props) => <ClearIndicatorComponent {...props} size={size} />,\n      [size]\n    );\n\n    const onOptionRemove = useMemo(() => {\n      return function (optionValue, e) {\n        if (customOnOptionRemove) {\n          customOnOptionRemove(selectedOptionsMap[optionValue]);\n        }\n        const newSelectedOptions = selectedOptions.filter(\n          (option) => option.value !== optionValue\n        );\n        if (customOnChange) {\n          customOnChange(newSelectedOptions, e);\n        }\n        setSelected(newSelectedOptions);\n      };\n    }, [\n      customOnChange,\n      customOnOptionRemove,\n      selectedOptions,\n      selectedOptionsMap,\n    ]);\n\n    const customProps = useMemo(\n      () => ({\n        selectedOptions,\n        onSelectedDelete: onOptionRemove,\n        isMultiline: multiline,\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        controlRef,\n        tooltipContent,\n        popupsContainerSelector,\n      }),\n      [\n        selectedOptions,\n        onOptionRemove,\n        multiline,\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        tooltipContent,\n        popupsContainerSelector,\n      ]\n    );\n    const onChange = (option, event) => {\n      if (customOnChange) {\n        customOnChange(option, event);\n      }\n\n      switch (event.action) {\n        case \"select-option\": {\n          const selectedOption = multi ? event.option : option;\n\n          if (onOptionSelect) {\n            onOptionSelect(selectedOption);\n          }\n\n          if (!isControlled) {\n            setSelected([...selectedOptions, selectedOption]);\n          }\n          break;\n        }\n\n        case \"clear\":\n          if (onClear) {\n            onClear();\n          }\n\n          if (!isControlled) {\n            if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n            else setSelected([]);\n          }\n          break;\n      }\n    };\n\n    const DropDownComponent = asyncOptions ? AsyncSelect : Select;\n\n    const asyncAdditions = {\n      ...(asyncOptions && {\n        loadOptions: asyncOptions,\n        cacheOptions,\n        ...(defaultOptions && { defaultOptions }),\n      }),\n    };\n\n    const additions = {\n      ...(!asyncOptions && { options }),\n      ...(multi && {\n        isMulti: true,\n      }),\n    };\n\n    const closeMenuOnScroll = useCallback(\n      (event) => {\n        const scrolledElement = event.target;\n        if (\n          scrolledElement?.parentElement?.classList.contains(\n            menuStyles.dropdownMenuWrapper\n          )\n        ) {\n          return false;\n        }\n        return (\n          customCloseMenuOnScroll ||\n          insideOverflowContainer ||\n          insideOverflowWithTransformContainer\n        );\n      },\n      [\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        customCloseMenuOnScroll,\n      ]\n    );\n\n    const CustomOption = useCallback(\n      (props) => {\n        const { data, isSelected, innerRef, innerProps } = props;\n\n        const handleCheckboxChange = (option, event) => {\n          if (event.target.checked) {\n            // Add the option to selected options\n            const newSelectedOptions = [...selectedOptions, option];\n            if (customOnChange) {\n              customOnChange(newSelectedOptions, event);\n            }\n            setSelected(newSelectedOptions);\n          } else {\n            // Remove the option from selected options\n            const newSelectedOptions = selectedOptions.filter(\n              (selectedOption) => selectedOption.value !== option.value\n            );\n            if (customOnChange) {\n              customOnChange(newSelectedOptions, event);\n            }\n            setSelected(newSelectedOptions);\n          }\n        };\n\n        return (\n          <div\n            ref={innerRef}\n            {...innerProps}\n            className={isSelected ? \"selected-option\" : \"\"}\n          >\n            <div\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                marginLeft: \"0px\",\n              }}\n            >\n              {addCheckbox && (\n                <input\n                  type=\"checkbox\"\n                  checked={isSelected}\n                  onChange={() =>\n                    handleCheckboxChange(data, {\n                      target: { checked: !isSelected },\n                    })\n                  }\n                />\n              )}\n              <OptionComponent {...props} />\n            </div>\n          </div>\n        );\n      },\n      [selectedOptions, customOnChange]\n    );\n\n    const dropDownComponent = () => {\n      return (\n        <DropDownComponent\n          className={cx(styles.dropdown, className)}\n          selectProps={customProps}\n          components={{\n            DropdownIndicator,\n            Menu,\n            ClearIndicator,\n            Input,\n            Option: CustomOption,\n            Control,\n            SingleValue,\n            ...(multi && {\n              MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n              ValueContainer: MultiValueContainer,\n            }),\n            ...(isVirtualized && { MenuList: WindowedMenuList }),\n          }}\n          // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n          closeMenuOnScroll={closeMenuOnScroll}\n          size={size}\n          noOptionsMessage={noOptionsMessage}\n          placeholder={placeholder}\n          isDisabled={disabled}\n          isClearable={!readOnly && clearable}\n          isSearchable={!readOnly && searchable}\n          readOnly={readOnly}\n          withReadOnlyStyle={withReadOnlyStyle}\n          aria-readonly={readOnly}\n          aria-label={overrideAriaLabel}\n          aria-details={tooltipContent}\n          defaultValue={defaultValue}\n          value={value}\n          onMenuOpen={onMenuOpen}\n          onMenuClose={onMenuClose}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n          onInputChange={onInputChange}\n          openMenuOnFocus={openMenuOnFocus}\n          openMenuOnClick={openMenuOnClick}\n          isRtl={rtl}\n          styles={inlineStyles}\n          theme={customTheme}\n          maxMenuHeight={maxMenuHeight}\n          menuPortalTarget={overrideMenuPortalTarget}\n          menuPlacement={menuPlacement}\n          menuPosition={menuPosition}\n          menuIsOpen={!readOnly && menuIsOpen}\n          tabIndex={tabIndex}\n          id={id}\n          data-testid={\n            dataTestId || getTestId(ComponentDefaultTestId.DROPDOWN, id)\n          }\n          autoFocus={autoFocus}\n          closeMenuOnSelect={closeMenuOnSelect}\n          ref={ref}\n          withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n          isOptionSelected={isOptionSelected}\n          isLoading={isLoading}\n          loadingMessage={loadingMessage}\n          tabSelectsValue={tabSelectsValue}\n          filterOption={filterOption}\n          {...asyncAdditions}\n          {...additions}\n        />\n      )\n    }\n\n    return (\n      title.length > 0 ? (\n      <div style={divStyle} >\n        <FieldLabel\n          labelText={title}\n          labelStyle={labelStyle}\n        />\n        {dropDownComponent()}\n      </div>)\n      :\n      dropDownComponent()\n    );\n  }\n);\n\nObject.assign(Dropdown, {\n  // TODO Deprecate Dropdown.size in the next major version - use Dropdown.sizes instead\n  size: SIZES,\n  sizes: SIZES,\n  tagColors: DROPDOWN_CHIP_COLORS,\n  menuPlacements: DROPDOWN_MENU_PLACEMENT,\n  menuPositions: DROPDOWN_MENU_POSITION,\n  labelPositions: LabelPosition,\n  createFilter: createFilter,\n});\n\nDropdown.defaultProps = {\n  className: \"\",\n  optionWrapperClassName: undefined,\n  addCheckbox: false,\n  dropdownMenuWrapperClassName: undefined,\n  singleValueWrapperClassName: undefined,\n  placeholder: \"\",\n  onMenuOpen: NOOP,\n  onMenuClose: NOOP,\n  onKeyDown: NOOP,\n  onFocus: NOOP,\n  onBlur: NOOP,\n  onChange: NOOP,\n  onInputChange: NOOP,\n  searchable: true,\n  options: [],\n  menuPlacement: Dropdown.menuPlacements.BOTTOM,\n  menuPosition: DROPDOWN_MENU_POSITION.ABSOLUTE,\n  noOptionsMessage: NOOP,\n  clearable: true,\n  size: SIZES.MEDIUM,\n  extraStyles: defaultCustomStyles,\n  tabIndex: \"0\",\n  onOptionRemove: undefined,\n  id: DROPDOWN_ID,\n  autoFocus: false,\n  closeMenuOnSelect: undefined,\n  closeMenuOnScroll: false,\n  ref: undefined,\n  withMandatoryDefaultOptions: false,\n  insideOverflowContainer: false,\n  insideOverflowWithTransformContainer: false,\n  tooltipContent: \"\",\n  disabled: false,\n  readOnly: false,\n  isLoading: false,\n  loadingMessage: undefined,\n  ariaLabel: undefined,\n  filterOption: undefined,\n  labelPosition: LabelPosition.TOP,\n  title: \"\",\n};\n\nDropdown.propTypes = {\n  /**\n   * Custom style\n   */\n  addCheckbox: PropTypes.bool,\n  className: PropTypes.string,\n  /** ClassName to be added to dropdown option wrapper (dropdown-wrapper__option--reset) */\n  optionWrapperClassName: PropTypes.string,\n  /** ClassName to be added to dropdown single value wrapper (dropdown-wrapper__single-value--reset) */\n  singleValueWrapperClassName: PropTypes.string,\n  /** ClassName to be added to dropdown menu wrapper (dropdown-menu-wrapper) */\n  dropdownMenuWrapperClassName: PropTypes.string,\n  /**\n   * Placeholder to show when no value was selected\n   */\n  placeholder: PropTypes.string,\n  /**\n   * If set to true, dropdown will be disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If set to true, dropdown won't be editable\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Called when menu is opened\n   */\n  onMenuOpen: PropTypes.func,\n  /**\n   * Called when menu is closed\n   */\n  onMenuClose: PropTypes.func,\n  /**\n   * Called when key is pressed in the dropdown\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * Called when focused\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Called when blurred\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Called when selected value has changed\n   */\n  onChange: PropTypes.func,\n  /**\n   * Called when the dropdown's input changes.\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * If true, search in options will be enabled\n   */\n  searchable: PropTypes.bool,\n  /**\n   * The dropdown options\n   */\n  options: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * Text to display when there are no options\n   */\n  noOptionsMessage: PropTypes.func,\n  /**\n   * If set to true, the menu will open when focused\n   */\n  openMenuOnFocus: PropTypes.bool,\n  /**\n   * If set to true, the menu will open when clicked\n   */\n  openMenuOnClick: PropTypes.bool,\n  /**\n   * If set to true, clear button will be added\n   */\n  clearable: PropTypes.bool,\n  /**\n   * custom option render function\n   */\n  optionRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n  /**\n   * custom value render function\n   */\n  valueRenderer: PropTypes.func,\n  /**\n   * custom menu render function\n   */\n  menuRenderer: PropTypes.func,\n  /**\n   * Default placement of the Dropdown menu in relation to its control. Use \"auto\" to flip the menu when there isn't enough space below the control.\n   */\n  menuPlacement: PropTypes.oneOf(Object.values(DROPDOWN_MENU_PLACEMENT)),\n  /**\n   * The CSS position value of the menu, when \"fixed\" extra layout management might be required\n   * Fixed position can be used to solve the issue of positioning Dropdown inside overflow container like Modal or Dialog\n   */\n  menuPosition: PropTypes.oneOf(Object.values(DROPDOWN_MENU_POSITION)),\n  /**\n   * If set to true, the dropdown will be in Right to Left mode\n   */\n  rtl: PropTypes.bool,\n  /**\n   * Set default selected value\n   */\n  defaultValue: PropTypes.oneOfType([\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired,\n      })\n    ),\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n    }),\n  ]),\n  /**\n   * The component's value.\n   * When passed, makes this a [controlled](https://reactjs.org/docs/forms.html#controlled-components) component.\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired,\n      })\n    ),\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n    }),\n  ]),\n  /**\n   * Select menu size from `Dropdown.size` - Dropdown.sizes.LARGE | Dropdown.sizes.MEDIUM | Dropdown.sizes.SMALL\n   */\n  size: PropTypes.string,\n  /**\n   * If provided Dropdown will work in async mode. Can be either promise or callback\n   */\n  asyncOptions: PropTypes.oneOfType([\n    PropTypes.func, // callback\n    PropTypes.shape({\n      then: PropTypes.func.isRequired,\n      catch: PropTypes.func.isRequired,\n    }), // Promise\n  ]),\n  /**\n   * If set to true, fetched async options will be cached\n   */\n  cacheOptions: PropTypes.bool,\n  /**\n   * If set, `asyncOptions` will be invoked with its value on mount and the resolved results will be loaded\n   */\n  defaultOptions: PropTypes.oneOfType([\n    PropTypes.bool,\n    PropTypes.arrayOf(PropTypes.object),\n  ]),\n  /**\n   * If set to true, the menu will use virtualization. Virtualized async works only with\n   */\n  isVirtualized: PropTypes.bool,\n  /**\n   * Whether the menu should use a portal, and where it should attach\n   */\n  menuPortalTarget: PropTypes.oneOfType([PropTypes.element, PropTypes.object]),\n  /**\n   * Custom function to override existing styles (similar to `react-select`'s `style` prop), for example: `base => ({...base, color: 'red'})`, where `base` is the component's default styles\n   */\n  extraStyles: PropTypes.func,\n  /**\n   * Maximum height of the menu before scrolling\n   */\n  maxMenuHeight: PropTypes.number,\n  /**\n   * Tab index for keyboard navigation purposes\n   */\n  tabIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /**\n   * ID for the select container\n   */\n  id: PropTypes.string,\n  /**\n   * focusAuto when component mount\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If set to true, the dropdown will be in multi-select mode.\n   * When in multi-select mode, the selected value will be an array,\n   * and it will be displayed as our [`<Tags>`](/?path=/docs/components-tags--sandbox) component.\n   */\n  multi: PropTypes.bool,\n  /**\n   * If set to true together with `multi`, it will make the dropdown expand to multiple lines when new values are selected.\n   */\n  multiline: PropTypes.bool,\n  /**\n   Pass closeMenuOnSelect to close the multi choose any time an options is chosen.\n   */\n  closeMenuOnSelect: PropTypes.bool,\n  // Won't be needed once we upgrade to react-select ^5.5 https://github.com/JedWatson/react-select/issues/4088#issuecomment-1276835389\n  /**\n   * If menu should be closed on scroll - helpful for some tricky use cases\n   * @default false, but true when insideOverflowContainer or insideOverflowWithTransformContainer are true\n   */\n  closeMenuOnScroll: PropTypes.bool,\n  /**\n   * callback to be called when `multiline` is `true` and the option is removed\n   */\n  onOptionRemove: PropTypes.func,\n  /**\n   Pass Ref for reference of the actual dropdown component\n   */\n  ref: PropTypes.func,\n  /**\n   The options set by default will be set as mandatory and the user will not be able to cancel their selection\n   */\n  withMandatoryDefaultOptions: PropTypes.bool,\n  /**\n   * Override the built-in logic to detect whether an option is selected.\n   */\n  isOptionSelected: PropTypes.func,\n  /**\n   * For display the drop down menu in overflow hidden/scroll container.\n   */\n  insideOverflowContainer: PropTypes.bool,\n  /**\n   * For display the drop down menu in overflow hidden/scroll container which contains transform css function usage.\n   */\n  insideOverflowWithTransformContainer: PropTypes.bool,\n  /**\n   * When content is passed, the dropdown will include a tooltip on the dropdown's value.\n   */\n  tooltipContent: PropTypes.string,\n  /**\n   * Display the drop down with loading state.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * Overrides the built-in logic of loading message design\n   */\n  loadingMessage: PropTypes.func,\n  /**\n   * aria-label attribute for dropdown\n   */\n  ariaLabel: PropTypes.string,\n  /**\n   * Overrides the built-in logic of tab selecting value (default: true)\n   */\n  tabSelectsValue: PropTypes.bool,\n  /**\n   * Overrides the build-in search filter logic - https://react-select.com/advanced#custom-filter-logic\n   * createFilter function is available at Dropdown.createFilter\n   */\n  filterOption: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n  labelPosition: PropTypes.oneOf(Object.values(LABELPOSITION)),\n\n  title: PropTypes.string\n};\n\nexport default Dropdown;\n"],"names":["rowStyle","display","flexDirection","alignItems","gap","columnStyle","labelStyle","paddingBottom","fontSize","lineHeight","Dropdown","forwardRef","_ref","ref","className","addCheckbox","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","placeholder","disabled","readOnly","withReadOnlyStyle","onMenuOpen","onMenuClose","onFocus","onBlur","customOnChange","onChange","searchable","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","menuPlacement","rtl","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","extraStyles","maxMenuHeight","menuIsOpen","tabIndex","id","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","customCloseMenuOnScroll","closeMenuOnScroll","withMandatoryDefaultOptions","isOptionSelected","insideOverflowContainer","insideOverflowWithTransformContainer","tooltipContent","onKeyDown","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","menuPosition","dataTestId","labelPosition","title","controlRef","useRef","overrideMenuPortalTarget","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","_objectSpread","isMandatory","_useState","useState","_useState2","_slicedToArray","setSelected","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","divStyle","LabelPosition","LEFT","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","Object","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","component","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","_extends","Renderer","DropdownIndicator","DropdownIndicatorComponent","OptionComponent","Input","components","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","e","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","event","action","_toConsumableArray","DropDownComponent","AsyncSelect","Select","asyncAdditions","loadOptions","additions","isMulti","_scrolledElement$pare","scrolledElement","target","parentElement","classList","contains","menuStyles","dropdownMenuWrapper","CustomOption","data","isSelected","innerRef","innerProps","style","marginLeft","type","checked","handleCheckboxChange","dropDownComponent","cx","styles","dropdown","selectProps","Option","Control","MultiValue","NOOP","ValueContainer","MultiValueContainer","MenuList","WindowedMenuList","isDisabled","isClearable","isSearchable","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","length","FieldLabel","labelText","assign","SIZES","sizes","tagColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","labelPositions","createFilter","defaultProps","undefined","BOTTOM","ABSOLUTE","MEDIUM","defaultCustomStyles","DROPDOWN_ID","TOP"],"mappings":"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"}

package/dist/mocked_classnames_esm/src/components/Dropdown/Dropdown.module.scss.js

@@ -1,2 +1,2 @@
-var o={dropdown:"dropdown"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-bfa3893f967b_0_0_105";if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}(".dropdown .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--text-primary);\n  cursor: pointer;\n  border-radius: var(--border-radius-medium);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) ease var(--motion-timing-enter);\n}\n\n.dropdown .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-focused {\n  color: var(--text-primary);\n  background-color: var(--surface-selected);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown .fast-option-focused:hover {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.dropdown .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--surface-selected);\n  cursor: pointer;\n}");export{o as default};
+var o={dropdown:"dropdown"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-bfa3893f967b_0_0_108";if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}(".dropdown .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--text-primary);\n  cursor: pointer;\n  border-radius: var(--border-radius-medium);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) ease var(--motion-timing-enter);\n}\n\n.dropdown .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-focused {\n  color: var(--text-primary);\n  background-color: var(--surface-selected);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown .fast-option-focused:hover {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.dropdown .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--surface-selected);\n  cursor: pointer;\n}");export{o as default};
 //# sourceMappingURL=Dropdown.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={valueContainer:"valueContainer",avatar:"avatar"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-4abedbfd291c_0_0_105";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".valueContainer {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n}\n.valueContainer .avatar {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer",avatar:"avatar"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-4abedbfd291c_0_0_108";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".valueContainer {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n}\n.valueContainer .avatar {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=ChildrenContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js

@@ -1,2 +1,2 @@
-var e={"tag-with-input-wrapper":"tag-with-input-wrapper","placeholder-container":"placeholder-container","multiselect-tag-multi-line":"multiselect-tag-multi-line","multiselect-tag-single-line":"multiselect-tag-single-line","multiselect-tag-disabled":"multiselect-tag-disabled","value-container":"value-container","value-container-tags":"value-container-tags","without-placeholder":"without-placeholder",valueDialogContent:"valueDialogContent",tags:"tags"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1b3a4517e405_0_0_105";if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".tag-with-input-wrapper {\n  display: flex;\n}\n\n.placeholder-container {\n  margin-left: 6px;\n}\n\n.multiselect-tag-multi-line {\n  --tags-margin: 2px;\n}\n\n.multiselect-tag-single-line {\n  --tags-margin: 5px 2px;\n}\n\n.multiselect-tag-disabled {\n  background-color: var(--surface-level-200) !important;\n}\n\n.value-container {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-tags {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-tags.without-placeholder {\n  margin-left: 6px;\n}\n\n.valueDialogContent {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n\n.valueDialogContent .tags {\n  flex-shrink: 0;\n}");export{e as default};
+var e={"tag-with-input-wrapper":"tag-with-input-wrapper","placeholder-container":"placeholder-container","multiselect-tag-multi-line":"multiselect-tag-multi-line","multiselect-tag-single-line":"multiselect-tag-single-line","multiselect-tag-disabled":"multiselect-tag-disabled","value-container":"value-container","value-container-tags":"value-container-tags","without-placeholder":"without-placeholder",valueDialogContent:"valueDialogContent",tags:"tags"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1b3a4517e405_0_0_108";if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".tag-with-input-wrapper {\n  display: flex;\n}\n\n.placeholder-container {\n  margin-left: 6px;\n}\n\n.multiselect-tag-multi-line {\n  --tags-margin: 2px;\n}\n\n.multiselect-tag-single-line {\n  --tags-margin: 5px 2px;\n}\n\n.multiselect-tag-disabled {\n  background-color: var(--surface-level-200) !important;\n}\n\n.value-container {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-tags {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-tags.without-placeholder {\n  margin-left: 6px;\n}\n\n.valueDialogContent {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n\n.valueDialogContent .tags {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/menu/menu.module.scss.js

@@ -1,2 +1,2 @@
-var n={dropdownMenuWrapper:"dropdownMenuWrapper",fadeIn:"fadeIn",withoutAnimation:"withoutAnimation",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-11829aafa26c_0_0_105";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".dropdownMenuWrapper {\n  animation: fadeIn var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper.withoutAnimation {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{n as default};
+var n={dropdownMenuWrapper:"dropdownMenuWrapper",fadeIn:"fadeIn",withoutAnimation:"withoutAnimation",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-11829aafa26c_0_0_108";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".dropdownMenuWrapper {\n  animation: fadeIn var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper.withoutAnimation {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{n as default};
 //# sourceMappingURL=menu.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/option/option.module.scss.js

@@ -1,2 +1,2 @@
-var e={optionReset:"optionReset"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-64f14b86843f_0_0_105";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".optionReset {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-64f14b86843f_0_0_108";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".optionReset {\n  height: auto;\n}");export{e as default};
 //# sourceMappingURL=option.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Dropdown/components/singleValue/singleValue.module.scss.js

@@ -1,2 +1,2 @@
-var e={singleValue:"singleValue"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a262ceec984a_0_0_105";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".singleValue {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a262ceec984a_0_0_108";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".singleValue {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=singleValue.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/EditableHeading/EditableHeading.module.scss.js

@@ -1,2 +1,2 @@
-var o={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d5086c024e3d_0_0_105";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{o as default};
+var o={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d5086c024e3d_0_0_108";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{o as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/EditableInput/EditableInput.module.scss.js

@@ -1,2 +1,2 @@
-var e={editableInputWrapper:"editableInputWrapper",noResize:"noResize"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-78caa1f98416_0_0_105";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".editableInputWrapper {\n  background-color: var(--surface-level-100);\n  display: inline-block;\n  width: 100%;\n  min-width: 0;\n  max-height: 100%;\n  margin: auto 0;\n  padding: 0 4px;\n  outline: none;\n  border: 1px solid;\n  border-radius: var(--border-radius-small);\n  border-color: var(--primary-color);\n  vertical-align: top;\n  text-align: left;\n}\n\n.editableInputWrapper.noResize {\n  resize: none;\n}");export{e as default};
+var e={editableInputWrapper:"editableInputWrapper",noResize:"noResize"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-78caa1f98416_0_0_108";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".editableInputWrapper {\n  background-color: var(--surface-level-100);\n  display: inline-block;\n  width: 100%;\n  min-width: 0;\n  max-height: 100%;\n  margin: auto 0;\n  padding: 0 4px;\n  outline: none;\n  border: 1px solid;\n  border-radius: var(--border-radius-small);\n  border-color: var(--primary-color);\n  vertical-align: top;\n  text-align: left;\n}\n\n.editableInputWrapper.noResize {\n  resize: none;\n}");export{e as default};
 //# sourceMappingURL=EditableInput.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/EditableText/EditableText.module.scss.js

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",editableText:"editableText",typography:"typography"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-a769de070bc9_0_0_105";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.editableText .typography {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",editableText:"editableText",typography:"typography"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-a769de070bc9_0_0_108";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.editableText .typography {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/EditableTypography/EditableTypography.module.scss.js

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography",input:"input",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-0ccb44d36994_0_0_105";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".editableTypography {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography .input {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.editableTypography .input:focus, .editableTypography .input:active {\n  outline: none;\n}\n.editableTypography .typography {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography .typography:hover:not(.disabled) {\n  border-color: var(--divider-primary);\n}\n.editableTypography .typography.hidden {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography .typography.placeholder {\n  color: var(--text-secondary);\n}");export{e as default};
+var e={editableTypography:"editableTypography",input:"input",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-0ccb44d36994_0_0_108";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".editableTypography {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography .input {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.editableTypography .input:focus, .editableTypography .input:active {\n  outline: none;\n}\n.editableTypography .typography {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography .typography:hover:not(.disabled) {\n  border-color: var(--divider-primary);\n}\n.editableTypography .typography.hidden {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography .typography.placeholder {\n  color: var(--text-secondary);\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ExpandCollapse/ExpandCollapse.module.scss.js

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse",header:"header","focus-visible":"focus-visible",headerContent:"headerContent",iconComponent:"iconComponent",content:"content",section:"section",hideBorder:"hideBorder",hideBorderBottom:"hideBorderBottom",showBorder:"showBorder",animateIconOpen:"animateIconOpen",animateIconClose:"animateIconClose",iconNextToTitle:"iconNextToTitle"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-5845ed564a71_0_0_105";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".expandCollapse {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: inherit;\n  color: var(--text-primary);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-medium);\n}\n\n.header {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  width: 100%;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.header:focus-visible, .header.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.header:hover {\n  background-color: var(--surface-level-200);\n}\n\n.header:active {\n  transform: scale(1);\n}\n\n.header .headerContent {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 22px;\n  font-style: normal;\n}\n\n.header .iconComponent {\n  color: var(--icon-primary);\n}\n\n.content {\n  padding: var(--spacing-medium);\n}\n\n.section {\n  width: 100%;\n}\n\n.hideBorder {\n  border: none;\n}\n\n.hideBorderBottom {\n  border-bottom: none;\n}\n\n.showBorder {\n  border: 1px solid var(--divider-primary);\n}\n\n.animateIconOpen,\n.animateIconClose {\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconOpen {\n  transform: rotate(-180deg);\n}\n\n.animateIconClose {\n  transform: rotate(0deg);\n}\n\n.iconNextToTitle .header {\n  justify-content: flex-start;\n}");export{n as default};
+var n={expandCollapse:"expandCollapse",header:"header","focus-visible":"focus-visible",headerContent:"headerContent",iconComponent:"iconComponent",content:"content",section:"section",hideBorder:"hideBorder",hideBorderBottom:"hideBorderBottom",showBorder:"showBorder",animateIconOpen:"animateIconOpen",animateIconClose:"animateIconClose",iconNextToTitle:"iconNextToTitle"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-5845ed564a71_0_0_108";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".expandCollapse {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: inherit;\n  color: var(--text-primary);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-medium);\n}\n\n.header {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  width: 100%;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.header:focus-visible, .header.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.header:hover {\n  background-color: var(--surface-level-200);\n}\n\n.header:active {\n  transform: scale(1);\n}\n\n.header .headerContent {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 22px;\n  font-style: normal;\n}\n\n.header .iconComponent {\n  color: var(--icon-primary);\n}\n\n.content {\n  padding: var(--spacing-medium);\n}\n\n.section {\n  width: 100%;\n}\n\n.hideBorder {\n  border: none;\n}\n\n.hideBorderBottom {\n  border-bottom: none;\n}\n\n.showBorder {\n  border: 1px solid var(--divider-primary);\n}\n\n.animateIconOpen,\n.animateIconClose {\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconOpen {\n  transform: rotate(-180deg);\n}\n\n.animateIconClose {\n  transform: rotate(0deg);\n}\n\n.iconNextToTitle .header {\n  justify-content: flex-start;\n}");export{n as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/FieldLabel/FieldLabel.module.scss.js

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",requiredAsterisk:"requiredAsterisk"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-484230ead780_0_0_105";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".labelComponentWrapper {\n  font: var(--font-text1-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--text-secondary);\n}\n\n.labelComponentText {\n  color: var(--text-primary);\n  padding-block: 2px;\n}\n\n.requiredAsterisk {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",requiredAsterisk:"requiredAsterisk"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-484230ead780_0_0_108";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".labelComponentWrapper {\n  font: var(--font-text1-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--text-secondary);\n}\n\n.labelComponentText {\n  color: var(--text-primary);\n  padding-block: 2px;\n}\n\n.requiredAsterisk {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Flex/Flex.module.scss.js

@@ -1,2 +1,2 @@
-var n={container:"container",justifyStart:"justifyStart",justifyEnd:"justifyEnd",justifyCenter:"justifyCenter",justifySpaceBetween:"justifySpaceBetween",justifySpaceAround:"justifySpaceAround",justifyInital:"justifyInital",alignStart:"alignStart",alignEnd:"alignEnd",alignCenter:"alignCenter",alignStretch:"alignStretch",alignBaseline:"alignBaseline",alignInitial:"alignInitial",directionColumn:"directionColumn",wrap:"wrap"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-25bee08dcd37_0_0_105";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".container {\n  display: flex;\n  flex-direction: row;\n}\n.container.justifyStart {\n  justify-content: flex-start;\n}\n.container.justifyEnd {\n  justify-content: flex-end;\n}\n.container.justifyCenter {\n  justify-content: center;\n}\n.container.justifySpaceBetween {\n  justify-content: space-between;\n}\n.container.justifySpaceAround {\n  justify-content: space-around;\n}\n.container.justifyInital {\n  justify-content: initial;\n}\n.container.alignStart {\n  align-items: flex-start;\n}\n.container.alignEnd {\n  align-items: flex-end;\n}\n.container.alignCenter {\n  align-items: center;\n}\n.container.alignStretch {\n  align-items: stretch;\n}\n.container.alignBaseline {\n  align-items: baseline;\n}\n.container.alignInitial {\n  align-items: initial;\n}\n.container.directionColumn {\n  flex-direction: column;\n}\n.container.wrap {\n  flex-wrap: wrap;\n}");export{n as default};
+var n={container:"container",justifyStart:"justifyStart",justifyEnd:"justifyEnd",justifyCenter:"justifyCenter",justifySpaceBetween:"justifySpaceBetween",justifySpaceAround:"justifySpaceAround",justifyInital:"justifyInital",alignStart:"alignStart",alignEnd:"alignEnd",alignCenter:"alignCenter",alignStretch:"alignStretch",alignBaseline:"alignBaseline",alignInitial:"alignInitial",directionColumn:"directionColumn",wrap:"wrap"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-25bee08dcd37_0_0_108";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".container {\n  display: flex;\n  flex-direction: row;\n}\n.container.justifyStart {\n  justify-content: flex-start;\n}\n.container.justifyEnd {\n  justify-content: flex-end;\n}\n.container.justifyCenter {\n  justify-content: center;\n}\n.container.justifySpaceBetween {\n  justify-content: space-between;\n}\n.container.justifySpaceAround {\n  justify-content: space-around;\n}\n.container.justifyInital {\n  justify-content: initial;\n}\n.container.alignStart {\n  align-items: flex-start;\n}\n.container.alignEnd {\n  align-items: flex-end;\n}\n.container.alignCenter {\n  align-items: center;\n}\n.container.alignStretch {\n  align-items: stretch;\n}\n.container.alignBaseline {\n  align-items: baseline;\n}\n.container.alignInitial {\n  align-items: initial;\n}\n.container.directionColumn {\n  flex-direction: column;\n}\n.container.wrap {\n  flex-wrap: wrap;\n}");export{n as default};
 //# sourceMappingURL=Flex.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/FormattedNumber/FormattedNumber.module.scss.js

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent",prefix:"prefix",suffix:"suffix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d821b20045aa_0_0_105";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".formattedNumberComponent {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix {\n  white-space: pre;\n}\n\n.suffix {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent",prefix:"prefix",suffix:"suffix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d821b20045aa_0_0_108";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".formattedNumberComponent {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix {\n  white-space: pre;\n}\n\n.suffix {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/HeaderActions/HeaderActions.module.scss.js

@@ -1,2 +1,2 @@
-var o={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light",heading:"heading"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_0_0_105";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading {\n  margin: 0;\n}");export{o as default};
+var o={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light",heading:"heading"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_0_0_108";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading {\n  margin: 0;\n}");export{o as default};
 //# sourceMappingURL=HeaderActions.module.scss.js.map