npm - @vibe/core - Versions diffs - 3.0.0-alpha.8 → 3.0.0-beta.0 - Mend

@vibe/core 3.0.0-alpha.8 → 3.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (503) hide show

package/dist/src/components/DatePicker/DatePicker.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer_97286f3329",monthYearSelection:"monthYearSelection_d0c0116d3b",rangePickerMode:"rangePickerMode_dfb17cca33",withWeekNumber:"withWeekNumber_51d10a9f01",calendarDayWeekNumber:"calendarDayWeekNumber_63ec22f6df"};!function(e){const n="s_id-08c822721057_3_0_0-alpha_7";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.datepickerContainer_97286f3329 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_97286f3329 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_97286f3329 td {\n  border: none;\n}\n.datepickerContainer_97286f3329.monthYearSelection_d0c0116d3b table tbody {\n  opacity: 0;\n}\n.datepickerContainer_97286f3329.monthYearSelection_d0c0116d3b .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_97286f3329 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_97286f3329 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_97286f3329 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_97286f3329 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_97286f3329 .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(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_97286f3329 .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer_97286f3329 .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(--primary-background-hover-color);\n}\n.datepickerContainer_97286f3329 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_97286f3329 .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_97286f3329 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_97286f3329 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_97286f3329 .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_97286f3329 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_97286f3329 .CalendarDay__blocked_calendar, .datepickerContainer_97286f3329 .CalendarDay__blocked_calendar:active, .datepickerContainer_97286f3329 .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer_97286f3329 .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_97286f3329 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_97286f3329 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_97286f3329 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_97286f3329 .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_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .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_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .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_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__hovered_span, .datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__hovered_span:hover::before, .datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .CalendarDay .calendarDayWeekNumber_63ec22f6df {\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_97286f3329.withWeekNumber_51d10a9f01 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_63ec22f6df {\n  display: flex;\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_63ec22f6df {\n  display: none;\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .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_97286f3329.withWeekNumber_51d10a9f01 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_c9781aeb2c",monthYearSelection:"monthYearSelection_10061002ed",rangePickerMode:"rangePickerMode_a15c921017",withWeekNumber:"withWeekNumber_3b8b467689",calendarDayWeekNumber:"calendarDayWeekNumber_02049830a2"};!function(e){const n="s_id-08c822721057_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.datepickerContainer_c9781aeb2c {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_c9781aeb2c 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_c9781aeb2c td {\n  border: none;\n}\n.datepickerContainer_c9781aeb2c.monthYearSelection_10061002ed table tbody {\n  opacity: 0;\n}\n.datepickerContainer_c9781aeb2c.monthYearSelection_10061002ed .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_c9781aeb2c .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_c9781aeb2c .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_c9781aeb2c .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_c9781aeb2c .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_c9781aeb2c .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(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_c9781aeb2c .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer_c9781aeb2c .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(--primary-background-hover-color);\n}\n.datepickerContainer_c9781aeb2c .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_c9781aeb2c .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_c9781aeb2c .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_c9781aeb2c .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_c9781aeb2c .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_c9781aeb2c .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_c9781aeb2c .CalendarDay__blocked_calendar, .datepickerContainer_c9781aeb2c .CalendarDay__blocked_calendar:active, .datepickerContainer_c9781aeb2c .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer_c9781aeb2c .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_c9781aeb2c .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_c9781aeb2c .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_c9781aeb2c .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_c9781aeb2c .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_c9781aeb2c.rangePickerMode_a15c921017 .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017 .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_c9781aeb2c.rangePickerMode_a15c921017 .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017 .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_c9781aeb2c.rangePickerMode_a15c921017 .CalendarDay__hovered_span, .datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017 .CalendarDay__hovered_span:hover::before, .datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_c9781aeb2c.rangePickerMode_a15c921017.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_c9781aeb2c.withWeekNumber_3b8b467689 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_c9781aeb2c.withWeekNumber_3b8b467689 .CalendarDay .calendarDayWeekNumber_02049830a2 {\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_c9781aeb2c.withWeekNumber_3b8b467689 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_02049830a2 {\n  display: flex;\n}\n.datepickerContainer_c9781aeb2c.withWeekNumber_3b8b467689 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_02049830a2 {\n  display: none;\n}\n.datepickerContainer_c9781aeb2c.withWeekNumber_3b8b467689 .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_c9781aeb2c.withWeekNumber_3b8b467689 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_c9781aeb2c.withWeekNumber_3b8b467689 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_c9781aeb2c.withWeekNumber_3b8b467689 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_c9781aeb2c.withWeekNumber_3b8b467689 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"react";import"../../../../icons/dist/_virtual/_tslib.js";import"../../../../icons/dist/react/AddSmall.js";import"../../../../icons/dist/react/Alert.js";import"../../../../icons/dist/react/Check.js";import"../../../../icons/dist/react/CloseSmall.js";import o from"../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../icons/dist/react/DropdownChevronRight.js";import e from"../../../../icons/dist/react/DropdownChevronUp.js";import"../../../../icons/dist/react/Info.js";import"../../../../icons/dist/react/Menu.js";import"../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../icons/dist/react/MoveArrowRight.js";import"../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../icons/dist/react/NoColor.js";import"../../../../icons/dist/react/Remove.js";import"../../../../icons/dist/react/Search.js";import"../../../../icons/dist/react/Sort.js";import"../../../../icons/dist/react/SortAscending.js";import"../../../../icons/dist/react/SortDescending.js";import"../../../../icons/dist/react/Warning.js";import i from"moment";import r from"./DatePickerHeader.module.scss.js";import s from"../../Icon/Icon.js";var a=function(a){var c=a.isMonthYearSelection,n=a.onToggleMonthYearPicker,m=a.hideNavigationKeys,d=a["data-testid"],p=a.ariaLabel,l=void 0===p?"Toggle select year":p,j=i(a.currentDate.valueOf()),v=j.format("MMMM"),g=j.format("YYYY");return t.createElement("div",{className:r.datePickerHeader},t.createElement("div",null,v+" "+g),!m&&t.createElement("button",{"data-testid":"".concat(d,"-year-toggle"),type:"button",className:r.button,"aria-label":l,onClick:n},t.createElement("div",{className:r.buttonContent},t.createElement(s,{iconType:"svg",icon:c?e:o,iconSize:24}))))};export{a as default};
+import e from"react";import t from"moment";import o from"./DatePickerHeader.module.scss.js";import r from"../../Icon/Icon.js";import a from"../../../../icons/dist/react/DropdownChevronUp.js";import n from"../../../../icons/dist/react/DropdownChevronDown.js";var i=function(i){var c=i.isMonthYearSelection,m=i.onToggleMonthYearPicker,s=i.hideNavigationKeys,l=i["data-testid"],d=i.ariaLabel,p=void 0===d?"Toggle select year":d,f=t(i.currentDate.valueOf()),u=f.format("MMMM"),v=f.format("YYYY");return e.createElement("div",{className:o.datePickerHeader},e.createElement("div",null,u+" "+v),!s&&e.createElement("button",{"data-testid":"".concat(l,"-year-toggle"),type:"button",className:o.button,"aria-label":p,onClick:m},e.createElement("div",{className:o.buttonContent},e.createElement(r,{iconType:"svg",icon:c?a:n,iconSize:24}))))};export{i as default};
 //# sourceMappingURL=DatePickerHeader.js.map

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerHeader.js","sources":["../../../../../src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownChevronUp, DropdownChevronDown } from \"@vibe/icons\";\nimport moment from \"moment\";\nimport { Moment } from \"../types\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport Icon from \"../../Icon/Icon\";\n\nexport interface DatePickerHeaderProps {\n currentDate: Moment;\n isMonthYearSelection: boolean;\n onToggleMonthYearPicker: () => void;\n hideNavigationKeys: boolean;\n \"data-testid\"?: string;\n ariaLabel?: string;\n}\n\nconst DatePickerHeader = (props: DatePickerHeaderProps) => {\n const {\n currentDate,\n isMonthYearSelection,\n onToggleMonthYearPicker,\n hideNavigationKeys,\n \"data-testid\": dateTestId,\n ariaLabel = \"Toggle select year\"\n } = props;\n\n const localedDated = moment(currentDate.valueOf());\n const month = localedDated.format(\"MMMM\");\n const year = localedDated.format(\"YYYY\");\n const string = month + \" \" + year;\n return (\n <div className={styles.datePickerHeader}>\n <div>{string}</div>\n {!hideNavigationKeys && (\n <button\n data-testid={`${dateTestId}-year-toggle`}\n type=\"button\"\n className={styles.button}\n aria-label={ariaLabel}\n onClick={onToggleMonthYearPicker}\n >\n <div className={styles.buttonContent}>\n <Icon iconType=\"svg\" icon={isMonthYearSelection ? DropdownChevronUp : DropdownChevronDown} iconSize={24} />\n </div>\n </button>\n )}\n </div>\n );\n};\n\nexport default DatePickerHeader;\n"],"names":["DatePickerHeader","props","isMonthYearSelection","onToggleMonthYearPicker","hideNavigationKeys","dateTestId","_props$ariaLabel","ariaLabel","localedDated","moment","currentDate","valueOf","month","format","year","React","createElement","className","styles","datePickerHeader","concat","type","button","onClick","buttonContent","Icon","iconType","icon","DropdownChevronUp","DropdownChevronDown","iconSize"],"mappings":"~~6sCAgBA~~,IAAMA,EAAmB,SAACC,GACxB,IAEEC,EAKED,EALFC,qBACAC,EAIEF,EAJFE,wBACAC,EAGEH,EAHFG,mBACeC,EAEbJ,EAFF,eAAaK,EAEXL,EADFM,UAAAA,OAAY,IAAHD,EAAG,qBAAoBA,EAG5BE,EAAeC,EAFjBR,EANFS,YAQsCC,WAClCC,EAAQJ,EAAaK,OAAO,QAC5BC,EAAON,EAAaK,OAAO,QAEjC,OACEE,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,kBACrBJ,EAAAC,cAAA,MAAA,KAHWJ,EAAQ,IAAME,IAIvBV,GACAW,EAAAC,cAAA,SAAA,CAAA,cAAAI,GAAAA,OACkBf,EAAwB,gBACxCgB,KAAK,SACLJ,UAAWC,EAAOI,oBACNf,EACZgB,QAASpB,GAETY,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOM,eACrBT,EAACC,cAAAS,EAAK,CAAAC,SAAS,MAAMC,KAAMzB,EAAuB0B,EAAoBC,EAAqBC,SAAU,OAMjH"}
1	+ {"version":3,"file":"DatePickerHeader.js","sources":["../../../../../src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownChevronUp, DropdownChevronDown } from \"@vibe/icons\";\nimport moment from \"moment\";\nimport { Moment } from \"../types\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport Icon from \"../../Icon/Icon\";\n\nexport interface DatePickerHeaderProps {\n currentDate: Moment;\n isMonthYearSelection: boolean;\n onToggleMonthYearPicker: () => void;\n hideNavigationKeys: boolean;\n \"data-testid\"?: string;\n ariaLabel?: string;\n}\n\nconst DatePickerHeader = (props: DatePickerHeaderProps) => {\n const {\n currentDate,\n isMonthYearSelection,\n onToggleMonthYearPicker,\n hideNavigationKeys,\n \"data-testid\": dateTestId,\n ariaLabel = \"Toggle select year\"\n } = props;\n\n const localedDated = moment(currentDate.valueOf());\n const month = localedDated.format(\"MMMM\");\n const year = localedDated.format(\"YYYY\");\n const string = month + \" \" + year;\n return (\n <div className={styles.datePickerHeader}>\n <div>{string}</div>\n {!hideNavigationKeys && (\n <button\n data-testid={`${dateTestId}-year-toggle`}\n type=\"button\"\n className={styles.button}\n aria-label={ariaLabel}\n onClick={onToggleMonthYearPicker}\n >\n <div className={styles.buttonContent}>\n <Icon iconType=\"svg\" icon={isMonthYearSelection ? DropdownChevronUp : DropdownChevronDown} iconSize={24} />\n </div>\n </button>\n )}\n </div>\n );\n};\n\nexport default DatePickerHeader;\n"],"names":["DatePickerHeader","props","isMonthYearSelection","onToggleMonthYearPicker","hideNavigationKeys","dateTestId","_props$ariaLabel","ariaLabel","localedDated","moment","currentDate","valueOf","month","format","year","React","createElement","className","styles","datePickerHeader","concat","type","button","onClick","buttonContent","Icon","iconType","icon","DropdownChevronUp","DropdownChevronDown","iconSize"],"mappings":"kQAgBA,IAAMA,EAAmB,SAACC,GACxB,IAEEC,EAKED,EALFC,qBACAC,EAIEF,EAJFE,wBACAC,EAGEH,EAHFG,mBACeC,EAEbJ,EAFF,eAAaK,EAEXL,EADFM,UAAAA,OAAY,IAAHD,EAAG,qBAAoBA,EAG5BE,EAAeC,EAFjBR,EANFS,YAQsCC,WAClCC,EAAQJ,EAAaK,OAAO,QAC5BC,EAAON,EAAaK,OAAO,QAEjC,OACEE,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,kBACrBJ,EAAAC,cAAA,MAAA,KAHWJ,EAAQ,IAAME,IAIvBV,GACAW,EAAAC,cAAA,SAAA,CAAA,cAAAI,GAAAA,OACkBf,EAAwB,gBACxCgB,KAAK,SACLJ,UAAWC,EAAOI,oBACNf,EACZgB,QAASpB,GAETY,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOM,eACrBT,EAACC,cAAAS,EAAK,CAAAC,SAAS,MAAMC,KAAMzB,EAAuB0B,EAAoBC,EAAqBC,SAAU,OAMjH"}

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader_a75f0b6eff",button:"button_57dcf74c7d",buttonContent:"buttonContent_44b1bef970"};!function(e){const n="s_id-89778422f1e0_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader_a75f0b6eff {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_a75f0b6eff .button_57dcf74c7d {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_a75f0b6eff .button_57dcf74c7d .buttonContent_44b1bef970 {\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_a75f0b6eff .button_57dcf74c7d .buttonContent_44b1bef970:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_3282fc1c06",button:"button_3a2cabd8c3",buttonContent:"buttonContent_18e0a690f0"};!function(e){const n="s_id-89778422f1e0_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader_3282fc1c06 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_3282fc1c06 .button_3a2cabd8c3 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_3282fc1c06 .button_3a2cabd8c3 .buttonContent_18e0a690f0 {\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_3282fc1c06 .button_3a2cabd8c3 .buttonContent_18e0a690f0: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/src/components/DatePicker/YearPicker/YearPicker.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={monthYearPicker:"monthYearPicker_15c2932f8a",navigationWrapper:"navigationWrapper_b3ff53d48e",navigationLeft:"navigationLeft_dfc984e76c",navigationRight:"navigationRight_c97120db37",pickerOptions:"pickerOptions_625376a98c",pickerOption:"pickerOption_693826345c"};!function(n){const e="s_id-38af31aef936_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".monthYearPicker_15c2932f8a {\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_15c2932f8a .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_15c2932f8a .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_15c2932f8a .navigationWrapper_b3ff53d48e {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_15c2932f8a .navigationWrapper_b3ff53d48e.navigationLeft_dfc984e76c {\n  left: 21px;\n}\n.monthYearPicker_15c2932f8a .navigationWrapper_b3ff53d48e.navigationRight_c97120db37 {\n  right: 21px;\n}\n.monthYearPicker_15c2932f8a .pickerOptions_625376a98c {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_15c2932f8a .pickerOptions_625376a98c .pickerOption_693826345c {\n  min-width: 66px;\n}\n.monthYearPicker_15c2932f8a .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
+var n={monthYearPicker:"monthYearPicker_64ba5c69d4",navigationWrapper:"navigationWrapper_893346206b",navigationLeft:"navigationLeft_27b0764d75",navigationRight:"navigationRight_c709f59d3f",pickerOptions:"pickerOptions_e0ee9a9968",pickerOption:"pickerOption_2ca8706afc"};!function(n){const e="s_id-38af31aef936_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".monthYearPicker_64ba5c69d4 {\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_64ba5c69d4 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_64ba5c69d4 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_64ba5c69d4 .navigationWrapper_893346206b {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_64ba5c69d4 .navigationWrapper_893346206b.navigationLeft_27b0764d75 {\n  left: 21px;\n}\n.monthYearPicker_64ba5c69d4 .navigationWrapper_893346206b.navigationRight_c709f59d3f {\n  right: 21px;\n}\n.monthYearPicker_64ba5c69d4 .pickerOptions_e0ee9a9968 {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_64ba5c69d4 .pickerOptions_e0ee9a9968 .pickerOption_2ca8706afc {\n  min-width: 66px;\n}\n.monthYearPicker_64ba5c69d4 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

package/dist/src/components/DatePicker/external_datepicker.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n='/*  stylelint-disable scss/no-global-function-names */\n.PresetDateRangePicker_panel {\n  padding: 0 22px 11px;\n}\n.PresetDateRangePicker_button {\n  position: relative;\n  height: 100%;\n  text-align: center;\n  background: 0 0;\n  border: 2px solid #00a699;\n  color: #00a699;\n  padding: 4px 12px;\n  margin-right: 8px;\n  font: inherit;\n  font-weight: 700;\n  line-height: normal;\n  overflow: visible;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.PresetDateRangePicker_button:active {\n  outline: 0;\n}\n.PresetDateRangePicker_button__selected {\n  color: #fff;\n  background: #00a699;\n}\n.SingleDatePickerInput {\n  display: inline-block;\n  background-color: #fff;\n}\n.SingleDatePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.SingleDatePickerInput__rtl {\n  direction: rtl;\n}\n.SingleDatePickerInput__disabled {\n  background-color: #f2f2f2;\n}\n.SingleDatePickerInput__block {\n  display: block;\n}\n.SingleDatePickerInput__showClearDate {\n  padding-right: 30px;\n}\n.SingleDatePickerInput_clearDate {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.SingleDatePickerInput_clearDate__default:focus,\n.SingleDatePickerInput_clearDate__default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.SingleDatePickerInput_clearDate__small {\n  padding: 6px;\n}\n.SingleDatePickerInput_clearDate__hide {\n  visibility: hidden;\n}\n.SingleDatePickerInput_clearDate_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.SingleDatePickerInput_clearDate_svg__small {\n  height: 9px;\n}\n.SingleDatePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.SingleDatePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.SingleDatePicker {\n  position: relative;\n  display: inline-block;\n}\n.SingleDatePicker__block {\n  display: block;\n}\n.SingleDatePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.SingleDatePicker_picker__rtl {\n  direction: rtl;\n}\n.SingleDatePicker_picker__directionLeft {\n  left: 0;\n}\n.SingleDatePicker_picker__directionRight {\n  right: 0;\n}\n.SingleDatePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.SingleDatePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.SingleDatePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.SingleDatePicker_closeButton:focus,\n.SingleDatePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.SingleDatePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_buttonReset {\n  background: 0 0;\n  border: 0;\n  border-radius: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  padding: 0;\n  cursor: pointer;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_buttonReset:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_show {\n  width: 33px;\n  height: 26px;\n  position: absolute;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_show::before {\n  content: "";\n  display: block;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight {\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight::before {\n  border-top: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topRight {\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight::before {\n  border-bottom: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topLeft {\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft::before {\n  border-bottom: 26px solid transparent;\n  border-left: 33px solid #00a699;\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n  border-left: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_showSpan {\n  color: #fff;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_showSpan__bottomRight {\n  bottom: 0;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topRight {\n  top: 1px;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topLeft {\n  top: 1px;\n  left: 5px;\n}\n.DayPickerKeyboardShortcuts_panel {\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #dbdbdb;\n  border-radius: 2px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  padding: 22px;\n  margin: 33px;\n  text-align: left;\n}\n.DayPickerKeyboardShortcuts_title {\n  font-size: 16px;\n  font-weight: 700;\n  margin: 0;\n}\n.DayPickerKeyboardShortcuts_list {\n  list-style: none;\n  padding: 0;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_close {\n  position: absolute;\n  right: 22px;\n  top: 22px;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_close:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_closeSvg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_closeSvg:focus,\n.DayPickerKeyboardShortcuts_closeSvg:hover {\n  fill: #82888a;\n}\n.CalendarDay {\n  box-sizing: border-box;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: center;\n}\n.CalendarDay:active {\n  outline: 0;\n}\n.CalendarDay__defaultCursor {\n  cursor: default;\n}\n.CalendarDay__default {\n  border: 1px solid #e4e7e7;\n  color: #484848;\n  background: #fff;\n}\n.CalendarDay__default:hover {\n  background: #e4e7e7;\n  border: 1px solid #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__hovered_offset {\n  background: #f4f5f5;\n  border: 1px double #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__outside {\n  border: 0;\n  background: #fff;\n  color: #484848;\n}\n.CalendarDay__outside:hover {\n  border: 0;\n}\n.CalendarDay__blocked_minimum_nights {\n  background: #fff;\n  border: 1px solid #eceeee;\n  color: #cacccd;\n}\n.CalendarDay__blocked_minimum_nights:active,\n.CalendarDay__blocked_minimum_nights:hover {\n  background: #fff;\n  color: #cacccd;\n}\n.CalendarDay__highlighted_calendar {\n  background: #ffe8bc;\n  color: #484848;\n}\n.CalendarDay__highlighted_calendar:active,\n.CalendarDay__highlighted_calendar:hover {\n  background: #ffce71;\n  color: #484848;\n}\n.CalendarDay__selected_span {\n  background: #66e2da;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected_span:active,\n.CalendarDay__selected_span:hover {\n  background: #33dacd;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected,\n.CalendarDay__selected:active,\n.CalendarDay__selected:hover {\n  background: #00a699;\n  border: 1px double #00a699;\n  color: #fff;\n}\n.CalendarDay__hovered_span,\n.CalendarDay__hovered_span:hover {\n  background: #b2f1ec;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__hovered_span:active {\n  background: #80e8e0;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__blocked_calendar,\n.CalendarDay__blocked_calendar:active,\n.CalendarDay__blocked_calendar:hover {\n  background: #cacccd;\n  border: 1px solid #cacccd;\n  color: #82888a;\n}\n.CalendarDay__blocked_out_of_range,\n.CalendarDay__blocked_out_of_range:active,\n.CalendarDay__blocked_out_of_range:hover {\n  background: #fff;\n  border: 1px solid #e4e7e7;\n  color: #cacccd;\n}\n.CalendarDay__hovered_start_first_possible_end {\n  background: #eceeee;\n  border: 1px double #eceeee;\n}\n.CalendarDay__hovered_start_blocked_min_nights {\n  background: #eceeee;\n  border: 1px double #e4e7e7;\n}\n.CalendarMonth {\n  background: #fff;\n  text-align: center;\n  vertical-align: top;\n  user-select: none;\n}\n.CalendarMonth_table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.CalendarMonth_verticalSpacing {\n  border-collapse: separate;\n}\n.CalendarMonth_caption {\n  color: #484848;\n  font-size: 18px;\n  text-align: center;\n  padding-top: 22px;\n  padding-bottom: 37px;\n  caption-side: initial;\n}\n.CalendarMonth_caption__verticalScrollable {\n  padding-top: 12px;\n  padding-bottom: 7px;\n}\n.CalendarMonthGrid {\n  background: #fff;\n  text-align: left;\n  z-index: 0;\n}\n.CalendarMonthGrid__animating {\n  z-index: 1;\n}\n.CalendarMonthGrid__horizontal {\n  position: absolute;\n  left: 9px;\n}\n.CalendarMonthGrid__vertical,\n.CalendarMonthGrid__vertical_scrollable {\n  margin: 0 auto;\n}\n.CalendarMonthGrid_month__horizontal {\n  display: inline-block;\n  vertical-align: top;\n  min-height: 100%;\n}\n.CalendarMonthGrid_month__hideForAnimation {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n.CalendarMonthGrid_month__hidden {\n  visibility: hidden;\n}\n.DayPickerNavigation {\n  position: relative;\n  z-index: 2;\n}\n.DayPickerNavigation__horizontal {\n  height: 0;\n}\n.DayPickerNavigation__verticalScrollable_prevNav {\n  z-index: 1;\n}\n.DayPickerNavigation__verticalDefault {\n  position: absolute;\n  width: 100%;\n  height: 52px;\n  bottom: 0;\n  left: 0;\n}\n.DayPickerNavigation__verticalScrollableDefault {\n  position: relative;\n}\n.DayPickerNavigation__bottom {\n  height: auto;\n}\n.DayPickerNavigation__bottomDefault {\n  -webkit-box-pack: justify;\n  -ms-flex-pack: justify;\n  display: flex;\n  justify-content: space-between;\n}\n.DayPickerNavigation_button {\n  cursor: pointer;\n  user-select: none;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n.DayPickerNavigation_button__default {\n  border: 1px solid #e4e7e7;\n  background-color: #fff;\n  color: #757575;\n}\n.DayPickerNavigation_button__default:focus,\n.DayPickerNavigation_button__default:hover {\n  border: 1px solid #c4c4c4;\n}\n.DayPickerNavigation_button__default:active {\n  background: #f2f2f2;\n}\n.DayPickerNavigation_button__disabled {\n  cursor: default;\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:focus,\n.DayPickerNavigation_button__disabled:hover {\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:active {\n  background: 0 0;\n}\n.DayPickerNavigation_button__horizontalDefault {\n  position: absolute;\n  top: 18px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.DayPickerNavigation_bottomButton__horizontalDefault {\n  position: static;\n  margin: -10px 22px 30px;\n}\n.DayPickerNavigation_leftButton__horizontalDefault {\n  left: 22px;\n}\n.DayPickerNavigation_rightButton__horizontalDefault {\n  right: 22px;\n}\n.DayPickerNavigation_button__verticalDefault {\n  padding: 5px;\n  background: #fff;\n  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  height: 100%;\n  width: 50%;\n}\n.DayPickerNavigation_nextButton__verticalDefault {\n  border-left: 0;\n}\n.DayPickerNavigation_nextButton__verticalScrollableDefault,\n.DayPickerNavigation_prevButton__verticalScrollableDefault {\n  width: 100%;\n}\n.DayPickerNavigation_svg__horizontal {\n  height: 19px;\n  width: 19px;\n  fill: #82888a;\n  display: block;\n}\n.DayPickerNavigation_svg__vertical {\n  height: 42px;\n  width: 42px;\n  fill: #484848;\n}\n.DayPickerNavigation_svg__disabled {\n  fill: #f2f2f2;\n}\n.DayPicker {\n  background: #fff;\n  position: relative;\n  text-align: left;\n}\n.DayPicker__horizontal {\n  background: #fff;\n}\n.DayPicker__verticalScrollable {\n  height: 100%;\n}\n.DayPicker__hidden {\n  visibility: hidden;\n}\n.DayPicker__withBorder {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n  border-radius: 3px;\n}\n.DayPicker_portal__horizontal {\n  box-shadow: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n}\n.DayPicker_portal__vertical {\n  position: initial;\n}\n.DayPicker_focusRegion {\n  outline: 0;\n}\n.DayPicker_calendarInfo__horizontal,\n.DayPicker_wrapper__horizontal {\n  display: inline-block;\n  vertical-align: top;\n}\n.DayPicker_weekHeaders {\n  position: relative;\n}\n.DayPicker_weekHeaders__horizontal {\n  margin-left: 9px;\n}\n.DayPicker_weekHeader {\n  color: #757575;\n  position: absolute;\n  top: 62px;\n  z-index: 2;\n  text-align: left;\n}\n.DayPicker_weekHeader__vertical {\n  left: 50%;\n}\n.DayPicker_weekHeader__verticalScrollable {\n  top: 0;\n  display: table-row;\n  border-bottom: 1px solid #dbdbdb;\n  background: #fff;\n  margin-left: 0;\n  left: 0;\n  width: 100%;\n  text-align: center;\n}\n.DayPicker_weekHeader_ul {\n  list-style: none;\n  margin: 1px 0;\n  padding-left: 0;\n  padding-right: 0;\n  font-size: 14px;\n}\n.DayPicker_weekHeader_li {\n  display: inline-block;\n  text-align: center;\n}\n.DayPicker_transitionContainer {\n  position: relative;\n  overflow: hidden;\n  border-radius: 3px;\n}\n.DayPicker_transitionContainer__horizontal {\n  transition: height 0.2s ease-in-out;\n}\n.DayPicker_transitionContainer__vertical {\n  width: 100%;\n}\n.DayPicker_transitionContainer__verticalScrollable {\n  padding-top: 20px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  overflow-y: scroll;\n}\n.DateInput {\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  position: relative;\n  display: inline-block;\n  width: 130px;\n  vertical-align: middle;\n}\n.DateInput__small {\n  width: 97px;\n}\n.DateInput__block {\n  width: 100%;\n}\n.DateInput__disabled {\n  background: #f2f2f2;\n  color: #dbdbdb;\n}\n.DateInput_input {\n  font-weight: 200;\n  font-size: 19px;\n  line-height: 24px;\n  color: #484848;\n  background-color: #fff;\n  width: 100%;\n  padding: 11px 11px 9px;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid transparent;\n  border-left: 0;\n  border-radius: 0;\n}\n.DateInput_input__small {\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: 0.2px;\n  padding: 7px 7px 5px;\n}\n.DateInput_input__regular {\n  font-weight: auto;\n}\n.DateInput_input__readOnly {\n  user-select: none;\n}\n.DateInput_input__focused {\n  outline: 0;\n  background: #fff;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid #008489;\n  border-left: 0;\n}\n.DateInput_input__disabled {\n  background: #f2f2f2;\n  font-style: italic;\n}\n.DateInput_screenReaderMessage {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n.DateInput_fang {\n  position: absolute;\n  width: 20px;\n  height: 10px;\n  left: 22px;\n  z-index: 2;\n}\n.DateInput_fangShape {\n  fill: #fff;\n}\n.DateInput_fangStroke {\n  stroke: #dbdbdb;\n  fill: transparent;\n}\n.DateRangePickerInput {\n  background-color: #fff;\n  display: inline-block;\n}\n.DateRangePickerInput__disabled {\n  background: #f2f2f2;\n}\n.DateRangePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.DateRangePickerInput__rtl {\n  direction: rtl;\n}\n.DateRangePickerInput__block {\n  display: block;\n}\n.DateRangePickerInput__showClearDates {\n  padding-right: 30px;\n}\n.DateRangePickerInput_arrow {\n  display: inline-block;\n  vertical-align: middle;\n  color: #484848;\n}\n.DateRangePickerInput_arrow_svg {\n  vertical-align: middle;\n  fill: #484848;\n  height: 24px;\n  width: 24px;\n}\n.DateRangePickerInput_clearDates {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.DateRangePickerInput_clearDates__small {\n  padding: 6px;\n}\n.DateRangePickerInput_clearDates_default:focus,\n.DateRangePickerInput_clearDates_default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.DateRangePickerInput_clearDates__hide {\n  visibility: hidden;\n}\n.DateRangePickerInput_clearDates_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.DateRangePickerInput_clearDates_svg__small {\n  height: 9px;\n}\n.DateRangePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.DateRangePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.DateRangePicker {\n  position: relative;\n  display: inline-block;\n}\n.DateRangePicker__block {\n  display: block;\n}\n.DateRangePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.DateRangePicker_picker__rtl {\n  direction: rtl;\n}\n.DateRangePicker_picker__directionLeft {\n  left: 0;\n}\n.DateRangePicker_picker__directionRight {\n  right: 0;\n}\n.DateRangePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.DateRangePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.DateRangePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.DateRangePicker_closeButton:focus,\n.DateRangePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.DateRangePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}';!function(n){const e="s_id-13718576d5f3_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(n);export{n as default};
+var n='/*  stylelint-disable scss/no-global-function-names */\n.PresetDateRangePicker_panel {\n  padding: 0 22px 11px;\n}\n.PresetDateRangePicker_button {\n  position: relative;\n  height: 100%;\n  text-align: center;\n  background: 0 0;\n  border: 2px solid #00a699;\n  color: #00a699;\n  padding: 4px 12px;\n  margin-right: 8px;\n  font: inherit;\n  font-weight: 700;\n  line-height: normal;\n  overflow: visible;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.PresetDateRangePicker_button:active {\n  outline: 0;\n}\n.PresetDateRangePicker_button__selected {\n  color: #fff;\n  background: #00a699;\n}\n.SingleDatePickerInput {\n  display: inline-block;\n  background-color: #fff;\n}\n.SingleDatePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.SingleDatePickerInput__rtl {\n  direction: rtl;\n}\n.SingleDatePickerInput__disabled {\n  background-color: #f2f2f2;\n}\n.SingleDatePickerInput__block {\n  display: block;\n}\n.SingleDatePickerInput__showClearDate {\n  padding-right: 30px;\n}\n.SingleDatePickerInput_clearDate {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.SingleDatePickerInput_clearDate__default:focus,\n.SingleDatePickerInput_clearDate__default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.SingleDatePickerInput_clearDate__small {\n  padding: 6px;\n}\n.SingleDatePickerInput_clearDate__hide {\n  visibility: hidden;\n}\n.SingleDatePickerInput_clearDate_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.SingleDatePickerInput_clearDate_svg__small {\n  height: 9px;\n}\n.SingleDatePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.SingleDatePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.SingleDatePicker {\n  position: relative;\n  display: inline-block;\n}\n.SingleDatePicker__block {\n  display: block;\n}\n.SingleDatePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.SingleDatePicker_picker__rtl {\n  direction: rtl;\n}\n.SingleDatePicker_picker__directionLeft {\n  left: 0;\n}\n.SingleDatePicker_picker__directionRight {\n  right: 0;\n}\n.SingleDatePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.SingleDatePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.SingleDatePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.SingleDatePicker_closeButton:focus,\n.SingleDatePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.SingleDatePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_buttonReset {\n  background: 0 0;\n  border: 0;\n  border-radius: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  padding: 0;\n  cursor: pointer;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_buttonReset:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_show {\n  width: 33px;\n  height: 26px;\n  position: absolute;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_show::before {\n  content: "";\n  display: block;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight {\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight::before {\n  border-top: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topRight {\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight::before {\n  border-bottom: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topLeft {\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft::before {\n  border-bottom: 26px solid transparent;\n  border-left: 33px solid #00a699;\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n  border-left: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_showSpan {\n  color: #fff;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_showSpan__bottomRight {\n  bottom: 0;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topRight {\n  top: 1px;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topLeft {\n  top: 1px;\n  left: 5px;\n}\n.DayPickerKeyboardShortcuts_panel {\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #dbdbdb;\n  border-radius: 2px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  padding: 22px;\n  margin: 33px;\n  text-align: left;\n}\n.DayPickerKeyboardShortcuts_title {\n  font-size: 16px;\n  font-weight: 700;\n  margin: 0;\n}\n.DayPickerKeyboardShortcuts_list {\n  list-style: none;\n  padding: 0;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_close {\n  position: absolute;\n  right: 22px;\n  top: 22px;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_close:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_closeSvg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_closeSvg:focus,\n.DayPickerKeyboardShortcuts_closeSvg:hover {\n  fill: #82888a;\n}\n.CalendarDay {\n  box-sizing: border-box;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: center;\n}\n.CalendarDay:active {\n  outline: 0;\n}\n.CalendarDay__defaultCursor {\n  cursor: default;\n}\n.CalendarDay__default {\n  border: 1px solid #e4e7e7;\n  color: #484848;\n  background: #fff;\n}\n.CalendarDay__default:hover {\n  background: #e4e7e7;\n  border: 1px solid #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__hovered_offset {\n  background: #f4f5f5;\n  border: 1px double #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__outside {\n  border: 0;\n  background: #fff;\n  color: #484848;\n}\n.CalendarDay__outside:hover {\n  border: 0;\n}\n.CalendarDay__blocked_minimum_nights {\n  background: #fff;\n  border: 1px solid #eceeee;\n  color: #cacccd;\n}\n.CalendarDay__blocked_minimum_nights:active,\n.CalendarDay__blocked_minimum_nights:hover {\n  background: #fff;\n  color: #cacccd;\n}\n.CalendarDay__highlighted_calendar {\n  background: #ffe8bc;\n  color: #484848;\n}\n.CalendarDay__highlighted_calendar:active,\n.CalendarDay__highlighted_calendar:hover {\n  background: #ffce71;\n  color: #484848;\n}\n.CalendarDay__selected_span {\n  background: #66e2da;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected_span:active,\n.CalendarDay__selected_span:hover {\n  background: #33dacd;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected,\n.CalendarDay__selected:active,\n.CalendarDay__selected:hover {\n  background: #00a699;\n  border: 1px double #00a699;\n  color: #fff;\n}\n.CalendarDay__hovered_span,\n.CalendarDay__hovered_span:hover {\n  background: #b2f1ec;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__hovered_span:active {\n  background: #80e8e0;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__blocked_calendar,\n.CalendarDay__blocked_calendar:active,\n.CalendarDay__blocked_calendar:hover {\n  background: #cacccd;\n  border: 1px solid #cacccd;\n  color: #82888a;\n}\n.CalendarDay__blocked_out_of_range,\n.CalendarDay__blocked_out_of_range:active,\n.CalendarDay__blocked_out_of_range:hover {\n  background: #fff;\n  border: 1px solid #e4e7e7;\n  color: #cacccd;\n}\n.CalendarDay__hovered_start_first_possible_end {\n  background: #eceeee;\n  border: 1px double #eceeee;\n}\n.CalendarDay__hovered_start_blocked_min_nights {\n  background: #eceeee;\n  border: 1px double #e4e7e7;\n}\n.CalendarMonth {\n  background: #fff;\n  text-align: center;\n  vertical-align: top;\n  user-select: none;\n}\n.CalendarMonth_table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.CalendarMonth_verticalSpacing {\n  border-collapse: separate;\n}\n.CalendarMonth_caption {\n  color: #484848;\n  font-size: 18px;\n  text-align: center;\n  padding-top: 22px;\n  padding-bottom: 37px;\n  caption-side: initial;\n}\n.CalendarMonth_caption__verticalScrollable {\n  padding-top: 12px;\n  padding-bottom: 7px;\n}\n.CalendarMonthGrid {\n  background: #fff;\n  text-align: left;\n  z-index: 0;\n}\n.CalendarMonthGrid__animating {\n  z-index: 1;\n}\n.CalendarMonthGrid__horizontal {\n  position: absolute;\n  left: 9px;\n}\n.CalendarMonthGrid__vertical,\n.CalendarMonthGrid__vertical_scrollable {\n  margin: 0 auto;\n}\n.CalendarMonthGrid_month__horizontal {\n  display: inline-block;\n  vertical-align: top;\n  min-height: 100%;\n}\n.CalendarMonthGrid_month__hideForAnimation {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n.CalendarMonthGrid_month__hidden {\n  visibility: hidden;\n}\n.DayPickerNavigation {\n  position: relative;\n  z-index: 2;\n}\n.DayPickerNavigation__horizontal {\n  height: 0;\n}\n.DayPickerNavigation__verticalScrollable_prevNav {\n  z-index: 1;\n}\n.DayPickerNavigation__verticalDefault {\n  position: absolute;\n  width: 100%;\n  height: 52px;\n  bottom: 0;\n  left: 0;\n}\n.DayPickerNavigation__verticalScrollableDefault {\n  position: relative;\n}\n.DayPickerNavigation__bottom {\n  height: auto;\n}\n.DayPickerNavigation__bottomDefault {\n  -webkit-box-pack: justify;\n  -ms-flex-pack: justify;\n  display: flex;\n  justify-content: space-between;\n}\n.DayPickerNavigation_button {\n  cursor: pointer;\n  user-select: none;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n.DayPickerNavigation_button__default {\n  border: 1px solid #e4e7e7;\n  background-color: #fff;\n  color: #757575;\n}\n.DayPickerNavigation_button__default:focus,\n.DayPickerNavigation_button__default:hover {\n  border: 1px solid #c4c4c4;\n}\n.DayPickerNavigation_button__default:active {\n  background: #f2f2f2;\n}\n.DayPickerNavigation_button__disabled {\n  cursor: default;\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:focus,\n.DayPickerNavigation_button__disabled:hover {\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:active {\n  background: 0 0;\n}\n.DayPickerNavigation_button__horizontalDefault {\n  position: absolute;\n  top: 18px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.DayPickerNavigation_bottomButton__horizontalDefault {\n  position: static;\n  margin: -10px 22px 30px;\n}\n.DayPickerNavigation_leftButton__horizontalDefault {\n  left: 22px;\n}\n.DayPickerNavigation_rightButton__horizontalDefault {\n  right: 22px;\n}\n.DayPickerNavigation_button__verticalDefault {\n  padding: 5px;\n  background: #fff;\n  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  height: 100%;\n  width: 50%;\n}\n.DayPickerNavigation_nextButton__verticalDefault {\n  border-left: 0;\n}\n.DayPickerNavigation_nextButton__verticalScrollableDefault,\n.DayPickerNavigation_prevButton__verticalScrollableDefault {\n  width: 100%;\n}\n.DayPickerNavigation_svg__horizontal {\n  height: 19px;\n  width: 19px;\n  fill: #82888a;\n  display: block;\n}\n.DayPickerNavigation_svg__vertical {\n  height: 42px;\n  width: 42px;\n  fill: #484848;\n}\n.DayPickerNavigation_svg__disabled {\n  fill: #f2f2f2;\n}\n.DayPicker {\n  background: #fff;\n  position: relative;\n  text-align: left;\n}\n.DayPicker__horizontal {\n  background: #fff;\n}\n.DayPicker__verticalScrollable {\n  height: 100%;\n}\n.DayPicker__hidden {\n  visibility: hidden;\n}\n.DayPicker__withBorder {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n  border-radius: 3px;\n}\n.DayPicker_portal__horizontal {\n  box-shadow: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n}\n.DayPicker_portal__vertical {\n  position: initial;\n}\n.DayPicker_focusRegion {\n  outline: 0;\n}\n.DayPicker_calendarInfo__horizontal,\n.DayPicker_wrapper__horizontal {\n  display: inline-block;\n  vertical-align: top;\n}\n.DayPicker_weekHeaders {\n  position: relative;\n}\n.DayPicker_weekHeaders__horizontal {\n  margin-left: 9px;\n}\n.DayPicker_weekHeader {\n  color: #757575;\n  position: absolute;\n  top: 62px;\n  z-index: 2;\n  text-align: left;\n}\n.DayPicker_weekHeader__vertical {\n  left: 50%;\n}\n.DayPicker_weekHeader__verticalScrollable {\n  top: 0;\n  display: table-row;\n  border-bottom: 1px solid #dbdbdb;\n  background: #fff;\n  margin-left: 0;\n  left: 0;\n  width: 100%;\n  text-align: center;\n}\n.DayPicker_weekHeader_ul {\n  list-style: none;\n  margin: 1px 0;\n  padding-left: 0;\n  padding-right: 0;\n  font-size: 14px;\n}\n.DayPicker_weekHeader_li {\n  display: inline-block;\n  text-align: center;\n}\n.DayPicker_transitionContainer {\n  position: relative;\n  overflow: hidden;\n  border-radius: 3px;\n}\n.DayPicker_transitionContainer__horizontal {\n  transition: height 0.2s ease-in-out;\n}\n.DayPicker_transitionContainer__vertical {\n  width: 100%;\n}\n.DayPicker_transitionContainer__verticalScrollable {\n  padding-top: 20px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  overflow-y: scroll;\n}\n.DateInput {\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  position: relative;\n  display: inline-block;\n  width: 130px;\n  vertical-align: middle;\n}\n.DateInput__small {\n  width: 97px;\n}\n.DateInput__block {\n  width: 100%;\n}\n.DateInput__disabled {\n  background: #f2f2f2;\n  color: #dbdbdb;\n}\n.DateInput_input {\n  font-weight: 200;\n  font-size: 19px;\n  line-height: 24px;\n  color: #484848;\n  background-color: #fff;\n  width: 100%;\n  padding: 11px 11px 9px;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid transparent;\n  border-left: 0;\n  border-radius: 0;\n}\n.DateInput_input__small {\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: 0.2px;\n  padding: 7px 7px 5px;\n}\n.DateInput_input__regular {\n  font-weight: auto;\n}\n.DateInput_input__readOnly {\n  user-select: none;\n}\n.DateInput_input__focused {\n  outline: 0;\n  background: #fff;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid #008489;\n  border-left: 0;\n}\n.DateInput_input__disabled {\n  background: #f2f2f2;\n  font-style: italic;\n}\n.DateInput_screenReaderMessage {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n.DateInput_fang {\n  position: absolute;\n  width: 20px;\n  height: 10px;\n  left: 22px;\n  z-index: 2;\n}\n.DateInput_fangShape {\n  fill: #fff;\n}\n.DateInput_fangStroke {\n  stroke: #dbdbdb;\n  fill: transparent;\n}\n.DateRangePickerInput {\n  background-color: #fff;\n  display: inline-block;\n}\n.DateRangePickerInput__disabled {\n  background: #f2f2f2;\n}\n.DateRangePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.DateRangePickerInput__rtl {\n  direction: rtl;\n}\n.DateRangePickerInput__block {\n  display: block;\n}\n.DateRangePickerInput__showClearDates {\n  padding-right: 30px;\n}\n.DateRangePickerInput_arrow {\n  display: inline-block;\n  vertical-align: middle;\n  color: #484848;\n}\n.DateRangePickerInput_arrow_svg {\n  vertical-align: middle;\n  fill: #484848;\n  height: 24px;\n  width: 24px;\n}\n.DateRangePickerInput_clearDates {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.DateRangePickerInput_clearDates__small {\n  padding: 6px;\n}\n.DateRangePickerInput_clearDates_default:focus,\n.DateRangePickerInput_clearDates_default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.DateRangePickerInput_clearDates__hide {\n  visibility: hidden;\n}\n.DateRangePickerInput_clearDates_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.DateRangePickerInput_clearDates_svg__small {\n  height: 9px;\n}\n.DateRangePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.DateRangePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.DateRangePicker {\n  position: relative;\n  display: inline-block;\n}\n.DateRangePicker__block {\n  display: block;\n}\n.DateRangePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.DateRangePicker_picker__rtl {\n  direction: rtl;\n}\n.DateRangePicker_picker__directionLeft {\n  left: 0;\n}\n.DateRangePicker_picker__directionRight {\n  right: 0;\n}\n.DateRangePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.DateRangePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.DateRangePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.DateRangePicker_closeButton:focus,\n.DateRangePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.DateRangePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}';!function(n){const e="s_id-13718576d5f3_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(n);export{n as default};
 //# sourceMappingURL=external_datepicker.scss.js.map

package/dist/src/components/Dialog/Dialog.module.scss.js CHANGED Viewed

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

package/dist/src/components/Dialog/DialogContent/DialogContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_4993a5d9a0",top:"top_bb38efc043",right:"right_f91135c681",left:"left_376fb623d8",bottom:"bottom_7e96e9bbc2",bottomStart:"bottomStart_70251af003",topStart:"topStart_228212a8b4",bottomEnd:"bottomEnd_8ec717dbfe",topEnd:"topEnd_68f889e4d6",leftStart:"leftStart_27a4955e51",rightStart:"rightStart_f7ef4e34c1",leftEnd:"leftEnd_9fb81ee58b",rightEnd:"rightEnd_f37d8358c0",contentComponent:"contentComponent_4993a5d9a0",hasTooltip:"hasTooltip_b6fc2c608b",opacitySlideAppear:"opacitySlideAppear_9742a20baf",opacitySlideAppearActive:"opacitySlideAppearActive_6b77b263fb",expandAppear:"expandAppear_c119428be8",expandExit:"expandExit_992584174e",edgeBottom:"edgeBottom_a4c2101b14",edgeTop:"edgeTop_bf38989343",expandAppearActive:"expandAppearActive_a4cda115e3"};!function(e){const t="s_id-ca4097b848ab_3_0_0-alpha_7";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_4993a5d9a0 {\n  outline: 0;\n}\n.contentWrapper_4993a5d9a0.top_bb38efc043, .contentWrapper_4993a5d9a0.right_f91135c681, .contentWrapper_4993a5d9a0.left_376fb623d8, .contentWrapper_4993a5d9a0.bottom_7e96e9bbc2 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0.bottomStart_70251af003, .contentWrapper_4993a5d9a0.topStart_228212a8b4, .contentWrapper_4993a5d9a0.bottomEnd_8ec717dbfe, .contentWrapper_4993a5d9a0.topEnd_68f889e4d6 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0.bottomStart_70251af003, .contentWrapper_4993a5d9a0.topStart_228212a8b4 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0.bottomEnd_8ec717dbfe, .contentWrapper_4993a5d9a0.topEnd_68f889e4d6 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0.leftStart_27a4955e51, .contentWrapper_4993a5d9a0.rightStart_f7ef4e34c1, .contentWrapper_4993a5d9a0.leftEnd_9fb81ee58b, .contentWrapper_4993a5d9a0.rightEnd_f37d8358c0 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0.leftStart_27a4955e51, .contentWrapper_4993a5d9a0.rightStart_f7ef4e34c1 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0.leftEnd_9fb81ee58b, .contentWrapper_4993a5d9a0.rightEnd_f37d8358c0 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_4993a5d9a0:focus {\n  outline: none;\n}\n.contentComponent_4993a5d9a0.hasTooltip_b6fc2c608b {\n  padding: 6px;\n}\n.opacitySlideAppear_9742a20baf {\n  opacity: 0;\n}\n.opacitySlideAppear_9742a20baf.top_bb38efc043 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_9742a20baf.right_f91135c681 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_9742a20baf.bottom_7e96e9bbc2 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_9742a20baf.left_376fb623d8 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_6b77b263fb {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_6b77b263fb.top_bb38efc043, .opacitySlideAppearActive_6b77b263fb.bottom_7e96e9bbc2 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_6b77b263fb.right_f91135c681, .opacitySlideAppearActive_6b77b263fb.left_376fb623d8 {\n  transform: translateX(0);\n}\n.expandAppear_c119428be8,\n.expandExit_992584174e {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_c119428be8.top_bb38efc043, .expandAppear_c119428be8.topStart_228212a8b4, .expandAppear_c119428be8.topEnd_68f889e4d6,\n.expandExit_992584174e.top_bb38efc043,\n.expandExit_992584174e.topStart_228212a8b4,\n.expandExit_992584174e.topEnd_68f889e4d6 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_c119428be8.top_bb38efc043.edgeBottom_a4c2101b14, .expandAppear_c119428be8.topStart_228212a8b4.edgeBottom_a4c2101b14, .expandAppear_c119428be8.topEnd_68f889e4d6.edgeBottom_a4c2101b14,\n.expandExit_992584174e.top_bb38efc043.edgeBottom_a4c2101b14,\n.expandExit_992584174e.topStart_228212a8b4.edgeBottom_a4c2101b14,\n.expandExit_992584174e.topEnd_68f889e4d6.edgeBottom_a4c2101b14 {\n  transform-origin: bottom left;\n}\n.expandAppear_c119428be8.top_bb38efc043.edgeTop_bf38989343, .expandAppear_c119428be8.topStart_228212a8b4.edgeTop_bf38989343, .expandAppear_c119428be8.topEnd_68f889e4d6.edgeTop_bf38989343,\n.expandExit_992584174e.top_bb38efc043.edgeTop_bf38989343,\n.expandExit_992584174e.topStart_228212a8b4.edgeTop_bf38989343,\n.expandExit_992584174e.topEnd_68f889e4d6.edgeTop_bf38989343 {\n  transform-origin: bottom right;\n}\n.expandAppear_c119428be8.right_f91135c681, .expandAppear_c119428be8.rightStart_f7ef4e34c1, .expandAppear_c119428be8.rightEnd_f37d8358c0,\n.expandExit_992584174e.right_f91135c681,\n.expandExit_992584174e.rightStart_f7ef4e34c1,\n.expandExit_992584174e.rightEnd_f37d8358c0 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_c119428be8.right_f91135c681.edgeBottom_a4c2101b14, .expandAppear_c119428be8.rightStart_f7ef4e34c1.edgeBottom_a4c2101b14, .expandAppear_c119428be8.rightEnd_f37d8358c0.edgeBottom_a4c2101b14,\n.expandExit_992584174e.right_f91135c681.edgeBottom_a4c2101b14,\n.expandExit_992584174e.rightStart_f7ef4e34c1.edgeBottom_a4c2101b14,\n.expandExit_992584174e.rightEnd_f37d8358c0.edgeBottom_a4c2101b14 {\n  transform-origin: top left;\n}\n.expandAppear_c119428be8.right_f91135c681.edgeTop_bf38989343, .expandAppear_c119428be8.rightStart_f7ef4e34c1.edgeTop_bf38989343, .expandAppear_c119428be8.rightEnd_f37d8358c0.edgeTop_bf38989343,\n.expandExit_992584174e.right_f91135c681.edgeTop_bf38989343,\n.expandExit_992584174e.rightStart_f7ef4e34c1.edgeTop_bf38989343,\n.expandExit_992584174e.rightEnd_f37d8358c0.edgeTop_bf38989343 {\n  transform-origin: bottom left;\n}\n.expandAppear_c119428be8.bottom_7e96e9bbc2, .expandAppear_c119428be8.bottomStart_70251af003, .expandAppear_c119428be8.bottomEnd_8ec717dbfe,\n.expandExit_992584174e.bottom_7e96e9bbc2,\n.expandExit_992584174e.bottomStart_70251af003,\n.expandExit_992584174e.bottomEnd_8ec717dbfe {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_c119428be8.bottom_7e96e9bbc2.edgeBottom_a4c2101b14, .expandAppear_c119428be8.bottomStart_70251af003.edgeBottom_a4c2101b14, .expandAppear_c119428be8.bottomEnd_8ec717dbfe.edgeBottom_a4c2101b14,\n.expandExit_992584174e.bottom_7e96e9bbc2.edgeBottom_a4c2101b14,\n.expandExit_992584174e.bottomStart_70251af003.edgeBottom_a4c2101b14,\n.expandExit_992584174e.bottomEnd_8ec717dbfe.edgeBottom_a4c2101b14 {\n  transform-origin: top left;\n}\n.expandAppear_c119428be8.bottom_7e96e9bbc2.edgeTop_bf38989343, .expandAppear_c119428be8.bottomStart_70251af003.edgeTop_bf38989343, .expandAppear_c119428be8.bottomEnd_8ec717dbfe.edgeTop_bf38989343,\n.expandExit_992584174e.bottom_7e96e9bbc2.edgeTop_bf38989343,\n.expandExit_992584174e.bottomStart_70251af003.edgeTop_bf38989343,\n.expandExit_992584174e.bottomEnd_8ec717dbfe.edgeTop_bf38989343 {\n  transform-origin: top right;\n}\n.expandAppear_c119428be8.left_376fb623d8, .expandAppear_c119428be8.leftStart_27a4955e51, .expandAppear_c119428be8.leftEnd_9fb81ee58b,\n.expandExit_992584174e.left_376fb623d8,\n.expandExit_992584174e.leftStart_27a4955e51,\n.expandExit_992584174e.leftEnd_9fb81ee58b {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_c119428be8.left_376fb623d8.edgeBottom_a4c2101b14, .expandAppear_c119428be8.leftStart_27a4955e51.edgeBottom_a4c2101b14, .expandAppear_c119428be8.leftEnd_9fb81ee58b.edgeBottom_a4c2101b14,\n.expandExit_992584174e.left_376fb623d8.edgeBottom_a4c2101b14,\n.expandExit_992584174e.leftStart_27a4955e51.edgeBottom_a4c2101b14,\n.expandExit_992584174e.leftEnd_9fb81ee58b.edgeBottom_a4c2101b14 {\n  transform-origin: top right;\n}\n.expandAppear_c119428be8.left_376fb623d8.edgeTop_bf38989343, .expandAppear_c119428be8.leftStart_27a4955e51.edgeTop_bf38989343, .expandAppear_c119428be8.leftEnd_9fb81ee58b.edgeTop_bf38989343,\n.expandExit_992584174e.left_376fb623d8.edgeTop_bf38989343,\n.expandExit_992584174e.leftStart_27a4955e51.edgeTop_bf38989343,\n.expandExit_992584174e.leftEnd_9fb81ee58b.edgeTop_bf38989343 {\n  transform-origin: bottom right;\n}\n.expandExit_992584174e {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_a4cda115e3 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_a4cda115e3.top_bb38efc043, .expandAppearActive_a4cda115e3.topStart_228212a8b4, .expandAppearActive_a4cda115e3.topEnd_68f889e4d6, .expandAppearActive_a4cda115e3.bottom_7e96e9bbc2, .expandAppearActive_a4cda115e3.bottomStart_70251af003, .expandAppearActive_a4cda115e3.bottomEnd_8ec717dbfe, .expandAppearActive_a4cda115e3.right_f91135c681, .expandAppearActive_a4cda115e3.rightStart_f7ef4e34c1, .expandAppearActive_a4cda115e3.rightEnd_f37d8358c0, .expandAppearActive_a4cda115e3.left_376fb623d8, .expandAppearActive_a4cda115e3.leftStart_27a4955e51, .expandAppearActive_a4cda115e3.leftEnd_9fb81ee58b {\n  transform: scale(1);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_da88404a59",top:"top_6e3d45b279",right:"right_42e488ebf8",left:"left_fc51c42464",bottom:"bottom_264c6f75dc",bottomStart:"bottomStart_7108264537",topStart:"topStart_8864cca019",bottomEnd:"bottomEnd_a8ec9202d4",topEnd:"topEnd_51f1480137",leftStart:"leftStart_f5ba9af758",rightStart:"rightStart_8b98b594ef",leftEnd:"leftEnd_ae8ac1eecb",rightEnd:"rightEnd_bd87b63036",contentComponent:"contentComponent_da88404a59",hasTooltip:"hasTooltip_a2ebcf8bb7",opacitySlideAppear:"opacitySlideAppear_17e9bd6d99",opacitySlideAppearActive:"opacitySlideAppearActive_8bf16a0c41",expandAppear:"expandAppear_7bf3c0df6c",expandExit:"expandExit_cf5de67bf6",edgeBottom:"edgeBottom_82bd8ab5c8",edgeTop:"edgeTop_96b6409fb6",expandAppearActive:"expandAppearActive_e1d4a4ed3b"};!function(e){const t="s_id-ca4097b848ab_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_da88404a59 {\n  outline: 0;\n}\n.contentWrapper_da88404a59.top_6e3d45b279, .contentWrapper_da88404a59.right_42e488ebf8, .contentWrapper_da88404a59.left_fc51c42464, .contentWrapper_da88404a59.bottom_264c6f75dc {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_da88404a59.bottomStart_7108264537, .contentWrapper_da88404a59.topStart_8864cca019, .contentWrapper_da88404a59.bottomEnd_a8ec9202d4, .contentWrapper_da88404a59.topEnd_51f1480137 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_da88404a59.bottomStart_7108264537, .contentWrapper_da88404a59.topStart_8864cca019 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_da88404a59.bottomEnd_a8ec9202d4, .contentWrapper_da88404a59.topEnd_51f1480137 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_da88404a59.leftStart_f5ba9af758, .contentWrapper_da88404a59.rightStart_8b98b594ef, .contentWrapper_da88404a59.leftEnd_ae8ac1eecb, .contentWrapper_da88404a59.rightEnd_bd87b63036 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_da88404a59.leftStart_f5ba9af758, .contentWrapper_da88404a59.rightStart_8b98b594ef {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_da88404a59.leftEnd_ae8ac1eecb, .contentWrapper_da88404a59.rightEnd_bd87b63036 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_da88404a59[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_da88404a59:focus {\n  outline: none;\n}\n.contentComponent_da88404a59.hasTooltip_a2ebcf8bb7 {\n  padding: 6px;\n}\n.opacitySlideAppear_17e9bd6d99 {\n  opacity: 0;\n}\n.opacitySlideAppear_17e9bd6d99.top_6e3d45b279 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_17e9bd6d99.right_42e488ebf8 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_17e9bd6d99.bottom_264c6f75dc {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_17e9bd6d99.left_fc51c42464 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_8bf16a0c41 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_8bf16a0c41.top_6e3d45b279, .opacitySlideAppearActive_8bf16a0c41.bottom_264c6f75dc {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_8bf16a0c41.right_42e488ebf8, .opacitySlideAppearActive_8bf16a0c41.left_fc51c42464 {\n  transform: translateX(0);\n}\n.expandAppear_7bf3c0df6c,\n.expandExit_cf5de67bf6 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_7bf3c0df6c.top_6e3d45b279, .expandAppear_7bf3c0df6c.topStart_8864cca019, .expandAppear_7bf3c0df6c.topEnd_51f1480137,\n.expandExit_cf5de67bf6.top_6e3d45b279,\n.expandExit_cf5de67bf6.topStart_8864cca019,\n.expandExit_cf5de67bf6.topEnd_51f1480137 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_7bf3c0df6c.top_6e3d45b279.edgeBottom_82bd8ab5c8, .expandAppear_7bf3c0df6c.topStart_8864cca019.edgeBottom_82bd8ab5c8, .expandAppear_7bf3c0df6c.topEnd_51f1480137.edgeBottom_82bd8ab5c8,\n.expandExit_cf5de67bf6.top_6e3d45b279.edgeBottom_82bd8ab5c8,\n.expandExit_cf5de67bf6.topStart_8864cca019.edgeBottom_82bd8ab5c8,\n.expandExit_cf5de67bf6.topEnd_51f1480137.edgeBottom_82bd8ab5c8 {\n  transform-origin: bottom left;\n}\n.expandAppear_7bf3c0df6c.top_6e3d45b279.edgeTop_96b6409fb6, .expandAppear_7bf3c0df6c.topStart_8864cca019.edgeTop_96b6409fb6, .expandAppear_7bf3c0df6c.topEnd_51f1480137.edgeTop_96b6409fb6,\n.expandExit_cf5de67bf6.top_6e3d45b279.edgeTop_96b6409fb6,\n.expandExit_cf5de67bf6.topStart_8864cca019.edgeTop_96b6409fb6,\n.expandExit_cf5de67bf6.topEnd_51f1480137.edgeTop_96b6409fb6 {\n  transform-origin: bottom right;\n}\n.expandAppear_7bf3c0df6c.right_42e488ebf8, .expandAppear_7bf3c0df6c.rightStart_8b98b594ef, .expandAppear_7bf3c0df6c.rightEnd_bd87b63036,\n.expandExit_cf5de67bf6.right_42e488ebf8,\n.expandExit_cf5de67bf6.rightStart_8b98b594ef,\n.expandExit_cf5de67bf6.rightEnd_bd87b63036 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_7bf3c0df6c.right_42e488ebf8.edgeBottom_82bd8ab5c8, .expandAppear_7bf3c0df6c.rightStart_8b98b594ef.edgeBottom_82bd8ab5c8, .expandAppear_7bf3c0df6c.rightEnd_bd87b63036.edgeBottom_82bd8ab5c8,\n.expandExit_cf5de67bf6.right_42e488ebf8.edgeBottom_82bd8ab5c8,\n.expandExit_cf5de67bf6.rightStart_8b98b594ef.edgeBottom_82bd8ab5c8,\n.expandExit_cf5de67bf6.rightEnd_bd87b63036.edgeBottom_82bd8ab5c8 {\n  transform-origin: top left;\n}\n.expandAppear_7bf3c0df6c.right_42e488ebf8.edgeTop_96b6409fb6, .expandAppear_7bf3c0df6c.rightStart_8b98b594ef.edgeTop_96b6409fb6, .expandAppear_7bf3c0df6c.rightEnd_bd87b63036.edgeTop_96b6409fb6,\n.expandExit_cf5de67bf6.right_42e488ebf8.edgeTop_96b6409fb6,\n.expandExit_cf5de67bf6.rightStart_8b98b594ef.edgeTop_96b6409fb6,\n.expandExit_cf5de67bf6.rightEnd_bd87b63036.edgeTop_96b6409fb6 {\n  transform-origin: bottom left;\n}\n.expandAppear_7bf3c0df6c.bottom_264c6f75dc, .expandAppear_7bf3c0df6c.bottomStart_7108264537, .expandAppear_7bf3c0df6c.bottomEnd_a8ec9202d4,\n.expandExit_cf5de67bf6.bottom_264c6f75dc,\n.expandExit_cf5de67bf6.bottomStart_7108264537,\n.expandExit_cf5de67bf6.bottomEnd_a8ec9202d4 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_7bf3c0df6c.bottom_264c6f75dc.edgeBottom_82bd8ab5c8, .expandAppear_7bf3c0df6c.bottomStart_7108264537.edgeBottom_82bd8ab5c8, .expandAppear_7bf3c0df6c.bottomEnd_a8ec9202d4.edgeBottom_82bd8ab5c8,\n.expandExit_cf5de67bf6.bottom_264c6f75dc.edgeBottom_82bd8ab5c8,\n.expandExit_cf5de67bf6.bottomStart_7108264537.edgeBottom_82bd8ab5c8,\n.expandExit_cf5de67bf6.bottomEnd_a8ec9202d4.edgeBottom_82bd8ab5c8 {\n  transform-origin: top left;\n}\n.expandAppear_7bf3c0df6c.bottom_264c6f75dc.edgeTop_96b6409fb6, .expandAppear_7bf3c0df6c.bottomStart_7108264537.edgeTop_96b6409fb6, .expandAppear_7bf3c0df6c.bottomEnd_a8ec9202d4.edgeTop_96b6409fb6,\n.expandExit_cf5de67bf6.bottom_264c6f75dc.edgeTop_96b6409fb6,\n.expandExit_cf5de67bf6.bottomStart_7108264537.edgeTop_96b6409fb6,\n.expandExit_cf5de67bf6.bottomEnd_a8ec9202d4.edgeTop_96b6409fb6 {\n  transform-origin: top right;\n}\n.expandAppear_7bf3c0df6c.left_fc51c42464, .expandAppear_7bf3c0df6c.leftStart_f5ba9af758, .expandAppear_7bf3c0df6c.leftEnd_ae8ac1eecb,\n.expandExit_cf5de67bf6.left_fc51c42464,\n.expandExit_cf5de67bf6.leftStart_f5ba9af758,\n.expandExit_cf5de67bf6.leftEnd_ae8ac1eecb {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_7bf3c0df6c.left_fc51c42464.edgeBottom_82bd8ab5c8, .expandAppear_7bf3c0df6c.leftStart_f5ba9af758.edgeBottom_82bd8ab5c8, .expandAppear_7bf3c0df6c.leftEnd_ae8ac1eecb.edgeBottom_82bd8ab5c8,\n.expandExit_cf5de67bf6.left_fc51c42464.edgeBottom_82bd8ab5c8,\n.expandExit_cf5de67bf6.leftStart_f5ba9af758.edgeBottom_82bd8ab5c8,\n.expandExit_cf5de67bf6.leftEnd_ae8ac1eecb.edgeBottom_82bd8ab5c8 {\n  transform-origin: top right;\n}\n.expandAppear_7bf3c0df6c.left_fc51c42464.edgeTop_96b6409fb6, .expandAppear_7bf3c0df6c.leftStart_f5ba9af758.edgeTop_96b6409fb6, .expandAppear_7bf3c0df6c.leftEnd_ae8ac1eecb.edgeTop_96b6409fb6,\n.expandExit_cf5de67bf6.left_fc51c42464.edgeTop_96b6409fb6,\n.expandExit_cf5de67bf6.leftStart_f5ba9af758.edgeTop_96b6409fb6,\n.expandExit_cf5de67bf6.leftEnd_ae8ac1eecb.edgeTop_96b6409fb6 {\n  transform-origin: bottom right;\n}\n.expandExit_cf5de67bf6 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_e1d4a4ed3b {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_e1d4a4ed3b.top_6e3d45b279, .expandAppearActive_e1d4a4ed3b.topStart_8864cca019, .expandAppearActive_e1d4a4ed3b.topEnd_51f1480137, .expandAppearActive_e1d4a4ed3b.bottom_264c6f75dc, .expandAppearActive_e1d4a4ed3b.bottomStart_7108264537, .expandAppearActive_e1d4a4ed3b.bottomEnd_a8ec9202d4, .expandAppearActive_e1d4a4ed3b.right_42e488ebf8, .expandAppearActive_e1d4a4ed3b.rightStart_8b98b594ef, .expandAppearActive_e1d4a4ed3b.rightEnd_bd87b63036, .expandAppearActive_e1d4a4ed3b.left_fc51c42464, .expandAppearActive_e1d4a4ed3b.leftStart_f5ba9af758, .expandAppearActive_e1d4a4ed3b.leftEnd_ae8ac1eecb {\n  transform: scale(1);\n}");export{e as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

package/dist/src/components/DialogContentContainer/DialogContentContainer.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer_8224d28bb1",sizeSmall:"sizeSmall_e82fddb2e4",sizeMedium:"sizeMedium_6799a28bb7",sizeLarge:"sizeLarge_f934dceff0",typePopover:"typePopover_21fd551098",typeModal:"typeModal_bd4b875997"};!function(e){const n="s_id-84014680658e_3_0_0-alpha_7";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer_8224d28bb1:focus {\n  outline: none;\n}\n\n.sizeSmall_e82fddb2e4 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_6799a28bb7 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_f934dceff0 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_21fd551098 {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, 0 0 0 0 transparent), var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_bd4b875997 {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={dialogContentContainer:"dialogContentContainer_43c0f8ca62",sizeSmall:"sizeSmall_b1f00b5442",sizeMedium:"sizeMedium_c3c97c84fc",sizeLarge:"sizeLarge_0a320df3eb",typePopover:"typePopover_d83e5d6619",typeModal:"typeModal_ff77a6e7f8"};!function(e){const n="s_id-84014680658e_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer_43c0f8ca62:focus {\n  outline: none;\n}\n\n.sizeSmall_b1f00b5442 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_c3c97c84fc {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_0a320df3eb {\n  padding: var(--spacing-large);\n}\n\n.typePopover_d83e5d6619 {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, 0 0 0 0 transparent), var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_ff77a6e7f8 {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=DialogContentContainer.module.scss.js.map

package/dist/src/components/Divider/Divider.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={divider:"divider_6fb464ebef",withoutMargin:"withoutMargin_a212d2e4bf",horizontal:"horizontal_ead5c2b0a3",vertical:"vertical_0eb72e91fe"};!function(e){const n="s_id-290500f5721e_3_0_0-alpha_7";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_6fb464ebef {\n  background-color: var(--layout-border-color);\n}\n\n.divider_6fb464ebef.withoutMargin_a212d2e4bf {\n  margin: 0;\n}\n\n.horizontal_ead5c2b0a3 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_0eb72e91fe {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_4cb217a25f",withoutMargin:"withoutMargin_58f76f84b6",horizontal:"horizontal_7fb672f95d",vertical:"vertical_6a54af1d7f"};!function(e){const n="s_id-290500f5721e_3_0_0-alpha_17";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_4cb217a25f {\n  background-color: var(--layout-border-color);\n}\n\n.divider_4cb217a25f.withoutMargin_58f76f84b6 {\n  margin: 0;\n}\n\n.horizontal_7fb672f95d {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_6a54af1d7f {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Divider.module.scss.js.map

package/dist/src/components/Dropdown/Dropdown.module.scss.js CHANGED Viewed

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

package/dist/src/components/Dropdown/Dropdown.styles.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{objectSpread2 as r,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{SIZES as n}from"../../constants/sizes.js";import{getCSSVar as e}from"../../services/themes.js";import{getScrollableParent as t}from"../../utils/dom-utils.js";var i=function(r){switch(r){case n.LARGE:return 48;case n.MEDIUM:return 40;default:return 32}},a=function(r){var o=i(r)-2;return{height:"".concat(o,"px")}},c=function(r){var o=i(r)-8;return{height:"".concat(o,"px"),width:"".concat(o,"px")}},l=function(){return{color:e("primary-text-color"),backgroundColor:e("secondary-background-color")}},d=function(r){return{fontSize:v(r),lineHeight:v(r)}},s=function(r){return r?{backgroundColor:e("disabled-background-color"),color:e("disabled-text-color"),borderColor:"transparent",cursor:"not-allowed",":active, :focus, :hover":{borderColor:"transparent",cursor:"not-allowed"},":active, :focus":{pointerEvents:"none"}}:{}},u=function(r){return r?{border:"hidden"}:{}},p=function(r){return r?{backgroundColor:e("allgrey-background-color")}:{}},f=function(o){var n=o.size;return function(o,t){var a=t.isDisabled,c=t.selectProps.readOnly;return delete o.pointerEvents,r(r(r(r({},o),function(r){var o=i(r);return{height:"".concat(o,"px")}}(n)),{},{minHeight:"30px",border:"1px solid ".concat(e("ui-border-color")),boxShadow:"none",borderRadius:e("border-radius-small"),boxSizing:"border-box",transition:"border 0.1s ".concat(e("expand-animation-timing")),":hover":{borderColor:e("primary-text-color"),borderRadius:e("border-radius-small")},":active, :focus-within":{borderColor:e("primary-color")}},s(a)),u(c))}},b=function(o){var n=o.size;return function(o,t){var i=t.isDisabled;return r(r(r(r(r({},o),d()),l()),{},{borderRadius:e("border-radius-small")},s(i)),a(n))}},g=function(o){var n=o.size;return function(o,t){var i=t.selectProps,a=t.isDisabled,l=i.menuIsOpen,d=i.readOnly;return r(r(r({},o),{},{display:d?"none":"flex",alignItems:"center",justifyContent:"center",padding:"0px"},c(n)),{},{margin:"4px 3px 4px 0px",backgroundColor:"transparent",borderRadius:e("border-radius-small"),svg:{transition:"transform 0.1s ".concat(e("expand-animation-timing")),transform:l?"rotate(180deg)":"rotate(0deg)"},color:e(a?"disabled-text-color":"icon-color"),":hover, :active":{backgroundColor:a?void 0:e("primary-background-hover-color"),color:a?void 0:e("icon-color")}})}},m=function(o){var n=o.size;return function(){return r(r({display:"flex",alignItems:"center",justifyContent:"center",color:e("icon-color"),backgroundColor:"transparent",borderRadius:e("border-radius-small")},c(n)),{},{":hover":{backgroundColor:e("primary-background-hover-color")}})}};function v(r){switch(r){case n.LARGE:case n.MEDIUM:return"16px";default:return"14px"}}var x=function(n){var t=n.size,i=n.rtl;return function(n,c){var u=c.isDisabled,f=c.selectProps.readOnly;return r(r(r(r(r(r(r(r({},n),function(r){return o({display:"flex",alignItems:"center"},"padding".concat(r?"Right":"Left"),"12px")}(i)),d()),l()),a(t)),s(u)),p(f)),{},{borderRadius:e("border-radius-small")})}},h=function(){return function(o,n){return r(r({},d()),function(o,n){var t=n.isDisabled,i=n.isSelected,a=n.isFocused;delete o[":active"],delete o.width;var c={display:"flex",alignContent:"center",borderRadius:e("border-radius-small"),marginRight:e("spacing-small"),marginLeft:e("spacing-small"),paddingLeft:e("spacing-small"),paddingRight:e("spacing-small"),transition:"all 0.1s ".concat(e("expand-animation-timing"))};return t?r(r(r({},o),c),{},{backgroundColor:"transparent",color:e("disabled-text-color"),cursor:"not-allowed"},a&&{backgroundColor:e("primary-background-hover-color")}):i?r(r(r({},o),c),{},{color:e("primary-text-color"),backgroundColor:e("primary-selected-color"),cursor:"pointer"}):r(r(r({},o),c),{},{color:e("primary-text-color"),cursor:"pointer"},a&&{":hover":{color:e("primary-text-color"),backgroundColor:e("primary-background-hover-color")}})}(o,n))}},y=function(r){switch(r){case n.LARGE:case n.MEDIUM:return"20px";default:return"16px"}},C=function(o){return r(r({},o),{},{borderRadius:e("border-radius-small"),colors:r(r({},o.colors),{},{primary25:e("primary-background-hover-color")})})},w=function(o){return{container:f(o),control:(w=o,k=w.size,function(o,n){var t=n.isDisabled,i=n.selectProps.readOnly;return r(r(r(r(r(r({},o),a(k)),l()),{},{minHeight:"30px",border:"0 solid transparent",borderRadius:e("border-radius-small"),":focus-within":{boxShadow:"0 0 0 1px ".concat(e("primary-color"))}},!t&&{":hover":{borderColor:"transparent",borderRadius:e("border-radius-small")}}),{},{cursor:i?"default":"pointer"},s(t)),u(i))}),placeholder:function(o,n){var t=n.isDisabled;return r(r(r({},o),d()),{},{color:e(t?"disabled-text-color":"secondary-text-color"),fontWeight:e("font-weight-normal")})},indicatorsContainer:b(o),dropdownIndicator:g(o),clearIndicator:m(o),singleValue:function(o,n){var e=n.isDisabled,t=n.selectProps,i=t.readOnly,a=i?r(r(r({},u(i)),p(i)),{},{cursor:"text"}):{};return r(r(r(r(r(r(r({},o),d()),l()),s(e)),function(r){if(r.menuIsOpen)return{opacity:.6}}(t)),a),{},{display:"flex",alignItems:"center",height:"100%"})},input:function(o){return r(r(r(r({},o),d()),l()),{},{display:"flex",alignItems:"center",textIndent:"-2px"})},valueContainer:x(o),menu:(c=o,v=c.controlRef,y=c.insideOverflowContainer,C=c.insideOverflowWithTransformContainer,function(o){var n,i=r(r(r({},o),d()),{},{color:e("primary-text-color"),backgroundColor:e("dialog-background-color"),boxShadow:"".concat(e("experimental-dropdown-border-in-dark-themes","0 0 0 0 transparent"),", ").concat(e("box-shadow-small"))});if(!y&&!C)return i;var a=null==v||null===(n=v.current)||void 0===n?void 0:n.getBoundingClientRect();if(!a)return i;if(y)return r(r({},i),{},{top:a.bottom,width:a.width});if(C){var c,l="-".concat(null===(c=t(null==v?void 0:v.current))||void 0===c?void 0:c.scrollTop,"px");return r(r({},i),{},{top:"auto",translate:"0 ".concat(l),width:a.width})}return i}),option:h(),indicatorSeparator:function(){return{display:"none"}},group:(n=o,i=n.withGroupDivider,function(){return r({paddingBottom:0,marginTop:"4px"},i&&{":not(:last-child)":{position:"relative",paddingBottom:"8px","::after":{content:'""',position:"absolute",bottom:"0",left:"var(--spacing-small)",width:"calc(100% - (var(--spacing-small) * 2))",height:"1px",backgroundColor:"var(--layout-border-color)"}}})}),groupHeading:function(){return{fontSize:"14px",lineHeight:"32px",display:"flex",alignItems:"center",marginLeft:e("spacing-medium"),color:e("secondary-text-color")}}};var n,i,c,v,y,C,w,k};export{C as customTheme,w as default,y as getIndicatorSize};
+import{objectSpread2 as r,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{SIZES as n}from"../../constants/sizes.js";import{getCSSVar as e}from"../../services/themes.js";import{getScrollableParent as t}from"../../utils/dom-utils.js";var i=function(r){switch(r){case n.LARGE:return 48;case n.MEDIUM:return 40;default:return 32}},a=function(r){var o=i(r)-2;return{height:"".concat(o,"px")}},l=function(r){var o=i(r)-8;return{height:"".concat(o,"px"),width:"".concat(o,"px")}},c=function(){return{color:e("primary-text-color"),backgroundColor:e("secondary-background-color")}},d=function(r){return{fontSize:v(r),lineHeight:v(r),fontFamily:e("font-family")}},s=function(r){return r?{backgroundColor:e("disabled-background-color"),color:e("disabled-text-color"),borderColor:"transparent",cursor:"not-allowed",":active, :focus, :hover":{borderColor:"transparent",cursor:"not-allowed"},":active, :focus":{pointerEvents:"none"}}:{}},u=function(r){return r?{border:"hidden"}:{}},p=function(r){return r?{backgroundColor:e("allgrey-background-color")}:{}},f=function(o){var n=o.size;return function(o,t){var a=t.isDisabled,l=t.selectProps.readOnly;return delete o.pointerEvents,r(r(r(r({},o),function(r){var o=i(r);return{height:"".concat(o,"px")}}(n)),{},{minHeight:"30px",border:"1px solid ".concat(e("ui-border-color")),boxShadow:"none",borderRadius:e("border-radius-small"),boxSizing:"border-box",transition:"border 0.1s ".concat(e("expand-animation-timing")),":hover":{borderColor:e("primary-text-color"),borderRadius:e("border-radius-small")},":active, :focus-within":{borderColor:e("primary-color")}},s(a)),u(l))}},b=function(o){var n=o.size;return function(o,t){var i=t.isDisabled;return r(r(r(r(r({},o),d()),c()),{},{borderRadius:e("border-radius-small")},s(i)),a(n))}},m=function(o){var n=o.size;return function(o,t){var i=t.selectProps,a=t.isDisabled,c=i.menuIsOpen,d=i.readOnly;return r(r(r({},o),{},{display:d?"none":"flex",alignItems:"center",justifyContent:"center",padding:"0px"},l(n)),{},{margin:"4px 3px 4px 0px",backgroundColor:"transparent",borderRadius:e("border-radius-small"),svg:{transition:"transform 0.1s ".concat(e("expand-animation-timing")),transform:c?"rotate(180deg)":"rotate(0deg)"},color:e(a?"disabled-text-color":"icon-color"),":hover, :active":{backgroundColor:a?void 0:e("primary-background-hover-color"),color:a?void 0:e("icon-color")}})}},g=function(o){var n=o.size;return function(){return r(r({display:"flex",alignItems:"center",justifyContent:"center",color:e("icon-color"),backgroundColor:"transparent",borderRadius:e("border-radius-small")},l(n)),{},{":hover":{backgroundColor:e("primary-background-hover-color")}})}};function v(r){switch(r){case n.LARGE:case n.MEDIUM:return"16px";default:return"14px"}}var x=function(n){var t=n.size,i=n.rtl;return function(n,l){var u=l.isDisabled,f=l.selectProps.readOnly;return r(r(r(r(r(r(r(r({},n),function(r){return o({display:"flex",alignItems:"center"},"padding".concat(r?"Right":"Left"),"12px")}(i)),d()),c()),a(t)),s(u)),p(f)),{},{borderRadius:e("border-radius-small")})}},h=function(){return function(o,n){return r(r({},d()),function(o,n){var t=n.isDisabled,i=n.isSelected,a=n.isFocused;delete o[":active"],delete o.width;var l={display:"flex",alignContent:"center",borderRadius:e("border-radius-small"),marginRight:e("spacing-small"),marginLeft:e("spacing-small"),paddingLeft:e("spacing-small"),paddingRight:e("spacing-small"),transition:"all 0.1s ".concat(e("expand-animation-timing"))};return t?r(r(r({},o),l),{},{backgroundColor:"transparent",color:e("disabled-text-color"),cursor:"not-allowed"},a&&{backgroundColor:e("primary-background-hover-color")}):i?r(r(r({},o),l),{},{color:e("primary-text-color"),backgroundColor:e("primary-selected-color"),cursor:"pointer"}):r(r(r({},o),l),{},{color:e("primary-text-color"),cursor:"pointer"},a&&{":hover":{color:e("primary-text-color"),backgroundColor:e("primary-background-hover-color")}})}(o,n))}},y=function(r){switch(r){case n.LARGE:case n.MEDIUM:return"20px";default:return"16px"}},C=function(o){return r(r({},o),{},{borderRadius:e("border-radius-small"),colors:r(r({},o.colors),{},{primary25:e("primary-background-hover-color")})})},w=function(o){return{container:f(o),control:(w=o,k=w.size,function(o,n){var t=n.isDisabled,i=n.selectProps.readOnly;return r(r(r(r(r(r({},o),a(k)),c()),{},{minHeight:"30px",border:"0 solid transparent",borderRadius:e("border-radius-small"),":focus-within":{boxShadow:"0 0 0 1px ".concat(e("primary-color"))}},!t&&{":hover":{borderColor:"transparent",borderRadius:e("border-radius-small")}}),{},{cursor:i?"default":"pointer"},s(t)),u(i))}),placeholder:function(o,n){var t=n.isDisabled;return r(r(r({},o),d()),{},{color:e(t?"disabled-text-color":"secondary-text-color"),fontWeight:e("font-weight-normal")})},indicatorsContainer:b(o),dropdownIndicator:m(o),clearIndicator:g(o),singleValue:function(o,n){var e=n.isDisabled,t=n.selectProps,i=t.readOnly,a=i?r(r(r({},u(i)),p(i)),{},{cursor:"text"}):{};return r(r(r(r(r(r(r({},o),d()),c()),s(e)),function(r){if(r.menuIsOpen)return{opacity:.6}}(t)),a),{},{display:"flex",alignItems:"center",height:"100%"})},input:function(o){return r(r(r(r({},o),d()),c()),{},{display:"flex",alignItems:"center",textIndent:"-2px"})},valueContainer:x(o),menu:(l=o,v=l.controlRef,y=l.insideOverflowContainer,C=l.insideOverflowWithTransformContainer,function(o){var n,i=r(r(r({},o),d()),{},{color:e("primary-text-color"),backgroundColor:e("dialog-background-color"),boxShadow:"".concat(e("experimental-dropdown-border-in-dark-themes","0 0 0 0 transparent"),", ").concat(e("box-shadow-small"))});if(!y&&!C)return i;var a=null==v||null===(n=v.current)||void 0===n?void 0:n.getBoundingClientRect();if(!a)return i;if(y)return r(r({},i),{},{top:a.bottom,width:a.width});if(C){var l,c="-".concat(null===(l=t(null==v?void 0:v.current))||void 0===l?void 0:l.scrollTop,"px");return r(r({},i),{},{top:"auto",translate:"0 ".concat(c),width:a.width})}return i}),option:h(),indicatorSeparator:function(){return{display:"none"}},group:(n=o,i=n.withGroupDivider,function(){return r({paddingBottom:0,marginTop:"4px"},i&&{":not(:last-child)":{position:"relative",paddingBottom:"8px","::after":{content:'""',position:"absolute",bottom:"0",left:"var(--spacing-small)",width:"calc(100% - (var(--spacing-small) * 2))",height:"1px",backgroundColor:"var(--layout-border-color)"}}})}),groupHeading:function(){return{fontSize:"14px",lineHeight:"32px",display:"flex",alignItems:"center",marginLeft:e("spacing-medium"),color:e("secondary-text-color")}}};var n,i,l,v,y,C,w,k};export{C as customTheme,w as default,y as getIndicatorSize};
 //# sourceMappingURL=Dropdown.styles.js.map

package/dist/src/components/Dropdown/Dropdown.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.styles.js","sources":["../../../../src/components/Dropdown/Dropdown.styles.js"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { getScrollableParent } from \"../../utils/dom-utils\";\n\nconst getSizeInPx = size => {\n switch (size) {\n case SIZES.LARGE:\n return 48;\n case SIZES.MEDIUM:\n return 40;\n case SIZES.SMALL:\n default:\n return 32;\n }\n};\n\nconst getSize = size => {\n const selectedSize = getSizeInPx(size);\n return { height: `${selectedSize}px` };\n};\n\nconst getInnerSize = size => {\n const selectedSize = getSizeInPx(size) - 2;\n return { height: `${selectedSize}px` };\n};\n\nconst getIndicatorBoxSize = size => {\n const selectedSize = getSizeInPx(size) - 8;\n return {\n height: `${selectedSize}px`,\n width: `${selectedSize}px`\n };\n};\n\nconst getColor = () => {\n const color = getCSSVar(\"primary-text-color\");\n const backgroundColor = getCSSVar(\"secondary-background-color\");\n return { color, backgroundColor };\n};\n\nconst getFont = size => ({ fontSize: getSingleValueTextSize(size), lineHeight: getSingleValueTextSize(size) });\n\nconst disabledContainerStyle = isDisabled => {\n if (!isDisabled) return {};\n return {\n backgroundColor: getCSSVar(\"disabled-background-color\"),\n color: getCSSVar(\"disabled-text-color\"),\n borderColor: \"transparent\",\n cursor: \"not-allowed\",\n \":active, :focus, :hover\": {\n borderColor: \"transparent\",\n cursor: \"not-allowed\"\n },\n \":active, :focus\": {\n pointerEvents: \"none\"\n }\n };\n};\n\nconst readOnlyContainerStyle = readOnly => {\n if (!readOnly) return {};\n return {\n border: \"hidden\"\n };\n};\n\nconst readOnlyStyle = isReadOnly => {\n if (!isReadOnly) {\n return {};\n }\n return {\n backgroundColor: getCSSVar(\"allgrey-background-color\")\n };\n};\n\nconst getOptionStyle = (provided, { isDisabled, isSelected, isFocused }) => {\n delete provided[\":active\"];\n delete provided.width;\n const general = {\n display: \"flex\",\n alignContent: \"center\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n marginRight: getCSSVar(\"spacing-small\"),\n marginLeft: getCSSVar(\"spacing-small\"),\n paddingLeft: getCSSVar(\"spacing-small\"),\n paddingRight: getCSSVar(\"spacing-small\"),\n transition: `all 0.1s ${getCSSVar(\"expand-animation-timing\")}`\n };\n if (isDisabled) {\n return {\n ...provided,\n ...general,\n backgroundColor: \"transparent\",\n color: getCSSVar(\"disabled-text-color\"),\n cursor: \"not-allowed\",\n ...(isFocused && {\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n })\n };\n }\n if (isSelected) {\n return {\n ...provided,\n ...general,\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"primary-selected-color\"),\n cursor: \"pointer\"\n };\n }\n return {\n ...provided,\n ...general,\n color: getCSSVar(\"primary-text-color\"),\n cursor: \"pointer\",\n ...(isFocused && {\n \":hover\": {\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n }\n })\n };\n};\n\nconst container =\n ({ size }) =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n delete provided.pointerEvents;\n return {\n ...provided,\n ...getSize(size),\n minHeight: \"30px\",\n border: `1px solid ${getCSSVar(\"ui-border-color\")}`,\n boxShadow: \"none\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n boxSizing: \"border-box\",\n transition: `border 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n \":hover\": {\n borderColor: getCSSVar(\"primary-text-color\"),\n borderRadius: getCSSVar(\"border-radius-small\")\n },\n \":active, :focus-within\": {\n borderColor: getCSSVar(\"primary-color\")\n },\n ...disabledContainerStyle(isDisabled),\n ...readOnlyContainerStyle(readOnly)\n };\n };\n\nconst control =\n ({ size }) =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n return {\n ...provided,\n ...getInnerSize(size),\n ...getColor(),\n minHeight: \"30px\",\n border: \"0 solid transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n \":focus-within\": {\n boxShadow: `0 0 0 1px ${getCSSVar(\"primary-color\")}`\n },\n ...(!isDisabled && {\n \":hover\": {\n borderColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\")\n }\n }),\n cursor: readOnly ? \"default\" : \"pointer\",\n ...disabledContainerStyle(isDisabled),\n ...readOnlyContainerStyle(readOnly)\n };\n };\n\nconst placeholder =\n () =>\n (provided, { isDisabled }) => ({\n ...provided,\n ...getFont(),\n color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"secondary-text-color\"),\n fontWeight: getCSSVar(\"font-weight-normal\")\n });\n\nconst indicatorsContainer =\n ({ size }) =>\n (provided, { isDisabled }) => ({\n ...provided,\n ...getFont(),\n ...getColor(),\n borderRadius: getCSSVar(\"border-radius-small\"),\n ...disabledContainerStyle(isDisabled),\n ...getInnerSize(size)\n });\n\nconst dropdownIndicator =\n ({ size }) =>\n (provided, { selectProps, isDisabled }) => {\n const { menuIsOpen, readOnly } = selectProps;\n return {\n ...provided,\n display: readOnly ? \"none\" : \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"0px\",\n ...getIndicatorBoxSize(size),\n margin: \"4px 3px 4px 0px\",\n backgroundColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n svg: {\n transition: `transform 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n transform: menuIsOpen ? \"rotate(180deg)\" : \"rotate(0deg)\"\n },\n color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"icon-color\"),\n \":hover, :active\": {\n backgroundColor: isDisabled ? undefined : getCSSVar(\"primary-background-hover-color\"),\n color: isDisabled ? undefined : getCSSVar(\"icon-color\")\n }\n };\n };\n\nconst clearIndicator =\n ({ size }) =>\n () => ({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: getCSSVar(\"icon-color\"),\n backgroundColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n ...getIndicatorBoxSize(size),\n \":hover\": {\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n }\n });\n\nconst menuOpenOpacity = ({ menuIsOpen }) => {\n if (menuIsOpen) {\n return {\n opacity: 0.6\n };\n }\n};\n\nconst singleValue =\n () =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n const readOnlyProps = readOnly\n ? {\n ...readOnlyContainerStyle(readOnly),\n ...readOnlyStyle(readOnly),\n cursor: \"text\"\n }\n : {};\n\n return {\n ...provided,\n ...getFont(),\n ...getColor(),\n ...disabledContainerStyle(isDisabled),\n ...menuOpenOpacity(selectProps),\n ...readOnlyProps,\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\"\n };\n };\n\nfunction getSingleValueTextSize(size) {\n switch (size) {\n case SIZES.LARGE:\n return \"16px\";\n case SIZES.MEDIUM:\n return \"16px\";\n case SIZES.SMALL:\n default:\n return \"14px\";\n }\n}\n\nconst input = () => provided => ({\n ...provided,\n ...getFont(),\n ...getColor(),\n display: \"flex\",\n alignItems: \"center\",\n textIndent: \"-2px\"\n});\n\n// 12px - because we have inner 4px\nconst getCenterContentStyle = rtl => {\n return {\n display: \"flex\",\n alignItems: \"center\",\n [`padding${rtl ? \"Right\" : \"Left\"}`]: \"12px\"\n };\n};\n\nconst valueContainer =\n ({ size, rtl }) =>\n (provided, { isDisabled, selectProps: { readOnly } }) => ({\n ...provided,\n ...getCenterContentStyle(rtl),\n ...getFont(),\n ...getColor(),\n ...getInnerSize(size),\n ...disabledContainerStyle(isDisabled),\n ...readOnlyStyle(readOnly),\n borderRadius: getCSSVar(\"border-radius-small\")\n });\n\nconst menu =\n ({ controlRef, insideOverflowContainer, insideOverflowWithTransformContainer }) =>\n provided => {\n const baseStyle = {\n ...provided,\n ...getFont(),\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"dialog-background-color\"),\n boxShadow: `${getCSSVar(\"experimental-dropdown-border-in-dark-themes\", \"0 0 0 0 transparent\")}, ${getCSSVar(\n \"box-shadow-small\"\n )}`\n };\n\n if (!insideOverflowContainer && !insideOverflowWithTransformContainer) return baseStyle;\n const parentPositionData = controlRef?.current?.getBoundingClientRect();\n // If no location found do not add anything to hard coded style\n if (!parentPositionData) return baseStyle;\n\n /** If the dropdown is inside a scroll in a regular container,position: fixed content (like our dropdown menu) will be attached to the start of the viewport.\n * For this case we will override the top menu position value to be the according the the drop down location for correct dispaly.\n * When the dropdown container (with overflow:hidden or overflow:scroll) using transform CSS function, we can use a relative positioned inner container, which our menu will be attach to it's\n * start when the menu position is fixed, and this is why in this case we define top:auto.\n * we also need in this case to translate the menu y position to fit inside a scrollable parent.\n /\n\n if (insideOverflowContainer) {\n return { ...baseStyle, top: parentPositionData.bottom, width: parentPositionData.width };\n } else if (insideOverflowWithTransformContainer) {\n const translateY = `-${getScrollableParent(controlRef?.current)?.scrollTop}px`;\n return {\n ...baseStyle,\n top: \"auto\",\n translate: `0 ${translateY}`,\n width: parentPositionData.width\n };\n }\n return baseStyle;\n };\n\nconst option = () => (provided, state) => ({\n ...getFont(),\n ...getOptionStyle(provided, state)\n});\n\nconst indicatorSeparator = () => () => ({\n display: \"none\"\n});\n\nconst group =\n ({ withGroupDivider }) =>\n () => ({\n paddingBottom: 0,\n marginTop: \"4px\",\n ...(withGroupDivider && {\n \":not(:last-child)\": {\n position: \"relative\",\n paddingBottom: \"8px\",\n \"::after\": {\n content: '\"\"',\n position: \"absolute\",\n bottom: \"0\",\n left: \"var(--spacing-small)\",\n width: \"calc(100% - (var(--spacing-small) 2))\",\n height: \"1px\",\n backgroundColor: \"var(--layout-border-color)\"\n }\n }\n })\n });\n\nconst groupHeading = () => () => ({\n fontSize: \"14px\",\n lineHeight: \"32px\",\n display: \"flex\",\n alignItems: \"center\",\n marginLeft: getCSSVar(\"spacing-medium\"),\n color: getCSSVar(\"secondary-text-color\")\n});\n\nexport const getIndicatorSize = size => {\n switch (size) {\n case SIZES.LARGE:\n return \"20px\";\n case SIZES.MEDIUM:\n return \"20px\";\n case SIZES.SMALL:\n default:\n return \"16px\";\n }\n};\n\nexport const customTheme = theme => ({\n ...theme,\n borderRadius: getCSSVar(\"border-radius-small\"),\n colors: {\n ...theme.colors,\n primary25: getCSSVar(\"primary-background-hover-color\")\n }\n});\n\nexport default data => ({\n container: container(data),\n control: control(data),\n placeholder: placeholder(data),\n indicatorsContainer: indicatorsContainer(data),\n dropdownIndicator: dropdownIndicator(data),\n clearIndicator: clearIndicator(data),\n singleValue: singleValue(data),\n input: input(data),\n valueContainer: valueContainer(data),\n menu: menu(data),\n option: option(data),\n indicatorSeparator: indicatorSeparator(data),\n group: group(data),\n groupHeading: groupHeading(data)\n});\n"],"names":["getSizeInPx","size","SIZES","LARGE","MEDIUM","getInnerSize","selectedSize","height","concat","getIndicatorBoxSize","width","getColor","color","getCSSVar","backgroundColor","getFont","fontSize","getSingleValueTextSize","lineHeight","disabledContainerStyle","isDisabled","borderColor","cursor","pointerEvents","readOnlyContainerStyle","readOnly","border","readOnlyStyle","isReadOnly","container","_ref2","provided","_ref3","selectProps","_objectSpread","getSize","minHeight","boxShadow","borderRadius","boxSizing","transition","indicatorsContainer","_ref7","_ref8","dropdownIndicator","_ref9","_ref10","menuIsOpen","display","alignItems","justifyContent","padding","margin","svg","transform","undefined","clearIndicator","_ref11","valueContainer","_ref15","rtl","_ref16","_defineProperty","getCenterContentStyle","option","state","_ref","isSelected","isFocused","general","alignContent","marginRight","marginLeft","paddingLeft","paddingRight","getOptionStyle","getIndicatorSize","customTheme","theme","colors","primary25","generateBaseStyles","data","control","_ref4","_ref5","placeholder","_ref6","fontWeight","singleValue","_ref13","readOnlyProps","_ref12","opacity","menuOpenOpacity","input","textIndent","menu","_ref17","controlRef","insideOverflowContainer","insideOverflowWithTransformContainer","_controlRef$current","baseStyle","parentPositionData","current","getBoundingClientRect","top","bottom","_getScrollableParent","translateY","getScrollableParent","scrollTop","translate","indicatorSeparator","group","_ref18","withGroupDivider","paddingBottom","marginTop","position","content","left","groupHeading"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown.styles.js","sources":["../../../../src/components/Dropdown/Dropdown.styles.js"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { getScrollableParent } from \"../../utils/dom-utils\";\n\nconst getSizeInPx = size => {\n switch (size) {\n case SIZES.LARGE:\n return 48;\n case SIZES.MEDIUM:\n return 40;\n case SIZES.SMALL:\n default:\n return 32;\n }\n};\n\nconst getSize = size => {\n const selectedSize = getSizeInPx(size);\n return { height: `${selectedSize}px` };\n};\n\nconst getInnerSize = size => {\n const selectedSize = getSizeInPx(size) - 2;\n return { height: `${selectedSize}px` };\n};\n\nconst getIndicatorBoxSize = size => {\n const selectedSize = getSizeInPx(size) - 8;\n return {\n height: `${selectedSize}px`,\n width: `${selectedSize}px`\n };\n};\n\nconst getColor = () => {\n const color = getCSSVar(\"primary-text-color\");\n const backgroundColor = getCSSVar(\"secondary-background-color\");\n return { color, backgroundColor };\n};\n\nconst getFont = size => ({\n fontSize: getSingleValueTextSize(size),\n lineHeight: getSingleValueTextSize(size),\n fontFamily: getCSSVar(\"font-family\")\n});\n\nconst disabledContainerStyle = isDisabled => {\n if (!isDisabled) return {};\n return {\n backgroundColor: getCSSVar(\"disabled-background-color\"),\n color: getCSSVar(\"disabled-text-color\"),\n borderColor: \"transparent\",\n cursor: \"not-allowed\",\n \":active, :focus, :hover\": {\n borderColor: \"transparent\",\n cursor: \"not-allowed\"\n },\n \":active, :focus\": {\n pointerEvents: \"none\"\n }\n };\n};\n\nconst readOnlyContainerStyle = readOnly => {\n if (!readOnly) return {};\n return {\n border: \"hidden\"\n };\n};\n\nconst readOnlyStyle = isReadOnly => {\n if (!isReadOnly) {\n return {};\n }\n return {\n backgroundColor: getCSSVar(\"allgrey-background-color\")\n };\n};\n\nconst getOptionStyle = (provided, { isDisabled, isSelected, isFocused }) => {\n delete provided[\":active\"];\n delete provided.width;\n const general = {\n display: \"flex\",\n alignContent: \"center\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n marginRight: getCSSVar(\"spacing-small\"),\n marginLeft: getCSSVar(\"spacing-small\"),\n paddingLeft: getCSSVar(\"spacing-small\"),\n paddingRight: getCSSVar(\"spacing-small\"),\n transition: `all 0.1s ${getCSSVar(\"expand-animation-timing\")}`\n };\n if (isDisabled) {\n return {\n ...provided,\n ...general,\n backgroundColor: \"transparent\",\n color: getCSSVar(\"disabled-text-color\"),\n cursor: \"not-allowed\",\n ...(isFocused && {\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n })\n };\n }\n if (isSelected) {\n return {\n ...provided,\n ...general,\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"primary-selected-color\"),\n cursor: \"pointer\"\n };\n }\n return {\n ...provided,\n ...general,\n color: getCSSVar(\"primary-text-color\"),\n cursor: \"pointer\",\n ...(isFocused && {\n \":hover\": {\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n }\n })\n };\n};\n\nconst container =\n ({ size }) =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n delete provided.pointerEvents;\n return {\n ...provided,\n ...getSize(size),\n minHeight: \"30px\",\n border: `1px solid ${getCSSVar(\"ui-border-color\")}`,\n boxShadow: \"none\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n boxSizing: \"border-box\",\n transition: `border 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n \":hover\": {\n borderColor: getCSSVar(\"primary-text-color\"),\n borderRadius: getCSSVar(\"border-radius-small\")\n },\n \":active, :focus-within\": {\n borderColor: getCSSVar(\"primary-color\")\n },\n ...disabledContainerStyle(isDisabled),\n ...readOnlyContainerStyle(readOnly)\n };\n };\n\nconst control =\n ({ size }) =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n return {\n ...provided,\n ...getInnerSize(size),\n ...getColor(),\n minHeight: \"30px\",\n border: \"0 solid transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n \":focus-within\": {\n boxShadow: `0 0 0 1px ${getCSSVar(\"primary-color\")}`\n },\n ...(!isDisabled && {\n \":hover\": {\n borderColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\")\n }\n }),\n cursor: readOnly ? \"default\" : \"pointer\",\n ...disabledContainerStyle(isDisabled),\n ...readOnlyContainerStyle(readOnly)\n };\n };\n\nconst placeholder =\n () =>\n (provided, { isDisabled }) => ({\n ...provided,\n ...getFont(),\n color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"secondary-text-color\"),\n fontWeight: getCSSVar(\"font-weight-normal\")\n });\n\nconst indicatorsContainer =\n ({ size }) =>\n (provided, { isDisabled }) => ({\n ...provided,\n ...getFont(),\n ...getColor(),\n borderRadius: getCSSVar(\"border-radius-small\"),\n ...disabledContainerStyle(isDisabled),\n ...getInnerSize(size)\n });\n\nconst dropdownIndicator =\n ({ size }) =>\n (provided, { selectProps, isDisabled }) => {\n const { menuIsOpen, readOnly } = selectProps;\n return {\n ...provided,\n display: readOnly ? \"none\" : \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"0px\",\n ...getIndicatorBoxSize(size),\n margin: \"4px 3px 4px 0px\",\n backgroundColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n svg: {\n transition: `transform 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n transform: menuIsOpen ? \"rotate(180deg)\" : \"rotate(0deg)\"\n },\n color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"icon-color\"),\n \":hover, :active\": {\n backgroundColor: isDisabled ? undefined : getCSSVar(\"primary-background-hover-color\"),\n color: isDisabled ? undefined : getCSSVar(\"icon-color\")\n }\n };\n };\n\nconst clearIndicator =\n ({ size }) =>\n () => ({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: getCSSVar(\"icon-color\"),\n backgroundColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n ...getIndicatorBoxSize(size),\n \":hover\": {\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n }\n });\n\nconst menuOpenOpacity = ({ menuIsOpen }) => {\n if (menuIsOpen) {\n return {\n opacity: 0.6\n };\n }\n};\n\nconst singleValue =\n () =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n const readOnlyProps = readOnly\n ? {\n ...readOnlyContainerStyle(readOnly),\n ...readOnlyStyle(readOnly),\n cursor: \"text\"\n }\n : {};\n\n return {\n ...provided,\n ...getFont(),\n ...getColor(),\n ...disabledContainerStyle(isDisabled),\n ...menuOpenOpacity(selectProps),\n ...readOnlyProps,\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\"\n };\n };\n\nfunction getSingleValueTextSize(size) {\n switch (size) {\n case SIZES.LARGE:\n return \"16px\";\n case SIZES.MEDIUM:\n return \"16px\";\n case SIZES.SMALL:\n default:\n return \"14px\";\n }\n}\n\nconst input = () => provided => ({\n ...provided,\n ...getFont(),\n ...getColor(),\n display: \"flex\",\n alignItems: \"center\",\n textIndent: \"-2px\"\n});\n\n// 12px - because we have inner 4px\nconst getCenterContentStyle = rtl => {\n return {\n display: \"flex\",\n alignItems: \"center\",\n [`padding${rtl ? \"Right\" : \"Left\"}`]: \"12px\"\n };\n};\n\nconst valueContainer =\n ({ size, rtl }) =>\n (provided, { isDisabled, selectProps: { readOnly } }) => ({\n ...provided,\n ...getCenterContentStyle(rtl),\n ...getFont(),\n ...getColor(),\n ...getInnerSize(size),\n ...disabledContainerStyle(isDisabled),\n ...readOnlyStyle(readOnly),\n borderRadius: getCSSVar(\"border-radius-small\")\n });\n\nconst menu =\n ({ controlRef, insideOverflowContainer, insideOverflowWithTransformContainer }) =>\n provided => {\n const baseStyle = {\n ...provided,\n ...getFont(),\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"dialog-background-color\"),\n boxShadow: `${getCSSVar(\"experimental-dropdown-border-in-dark-themes\", \"0 0 0 0 transparent\")}, ${getCSSVar(\n \"box-shadow-small\"\n )}`\n };\n\n if (!insideOverflowContainer && !insideOverflowWithTransformContainer) return baseStyle;\n const parentPositionData = controlRef?.current?.getBoundingClientRect();\n // If no location found do not add anything to hard coded style\n if (!parentPositionData) return baseStyle;\n\n /** If the dropdown is inside a scroll in a regular container,position: fixed content (like our dropdown menu) will be attached to the start of the viewport.\n * For this case we will override the top menu position value to be the according the the drop down location for correct dispaly.\n * When the dropdown container (with overflow:hidden or overflow:scroll) using transform CSS function, we can use a relative positioned inner container, which our menu will be attach to it's\n * start when the menu position is fixed, and this is why in this case we define top:auto.\n * we also need in this case to translate the menu y position to fit inside a scrollable parent.\n /\n\n if (insideOverflowContainer) {\n return { ...baseStyle, top: parentPositionData.bottom, width: parentPositionData.width };\n } else if (insideOverflowWithTransformContainer) {\n const translateY = `-${getScrollableParent(controlRef?.current)?.scrollTop}px`;\n return {\n ...baseStyle,\n top: \"auto\",\n translate: `0 ${translateY}`,\n width: parentPositionData.width\n };\n }\n return baseStyle;\n };\n\nconst option = () => (provided, state) => ({\n ...getFont(),\n ...getOptionStyle(provided, state)\n});\n\nconst indicatorSeparator = () => () => ({\n display: \"none\"\n});\n\nconst group =\n ({ withGroupDivider }) =>\n () => ({\n paddingBottom: 0,\n marginTop: \"4px\",\n ...(withGroupDivider && {\n \":not(:last-child)\": {\n position: \"relative\",\n paddingBottom: \"8px\",\n \"::after\": {\n content: '\"\"',\n position: \"absolute\",\n bottom: \"0\",\n left: \"var(--spacing-small)\",\n width: \"calc(100% - (var(--spacing-small) 2))\",\n height: \"1px\",\n backgroundColor: \"var(--layout-border-color)\"\n }\n }\n })\n });\n\nconst groupHeading = () => () => ({\n fontSize: \"14px\",\n lineHeight: \"32px\",\n display: \"flex\",\n alignItems: \"center\",\n marginLeft: getCSSVar(\"spacing-medium\"),\n color: getCSSVar(\"secondary-text-color\")\n});\n\nexport const getIndicatorSize = size => {\n switch (size) {\n case SIZES.LARGE:\n return \"20px\";\n case SIZES.MEDIUM:\n return \"20px\";\n case SIZES.SMALL:\n default:\n return \"16px\";\n }\n};\n\nexport const customTheme = theme => ({\n ...theme,\n borderRadius: getCSSVar(\"border-radius-small\"),\n colors: {\n ...theme.colors,\n primary25: getCSSVar(\"primary-background-hover-color\")\n }\n});\n\nexport default data => ({\n container: container(data),\n control: control(data),\n placeholder: placeholder(data),\n indicatorsContainer: indicatorsContainer(data),\n dropdownIndicator: dropdownIndicator(data),\n clearIndicator: clearIndicator(data),\n singleValue: singleValue(data),\n input: input(data),\n valueContainer: valueContainer(data),\n menu: menu(data),\n option: option(data),\n indicatorSeparator: indicatorSeparator(data),\n group: group(data),\n groupHeading: groupHeading(data)\n});\n"],"names":["getSizeInPx","size","SIZES","LARGE","MEDIUM","getInnerSize","selectedSize","height","concat","getIndicatorBoxSize","width","getColor","color","getCSSVar","backgroundColor","getFont","fontSize","getSingleValueTextSize","lineHeight","fontFamily","disabledContainerStyle","isDisabled","borderColor","cursor","pointerEvents","readOnlyContainerStyle","readOnly","border","readOnlyStyle","isReadOnly","container","_ref2","provided","_ref3","selectProps","_objectSpread","getSize","minHeight","boxShadow","borderRadius","boxSizing","transition","indicatorsContainer","_ref7","_ref8","dropdownIndicator","_ref9","_ref10","menuIsOpen","display","alignItems","justifyContent","padding","margin","svg","transform","undefined","clearIndicator","_ref11","valueContainer","_ref15","rtl","_ref16","_defineProperty","getCenterContentStyle","option","state","_ref","isSelected","isFocused","general","alignContent","marginRight","marginLeft","paddingLeft","paddingRight","getOptionStyle","getIndicatorSize","customTheme","theme","colors","primary25","generateBaseStyles","data","control","_ref4","_ref5","placeholder","_ref6","fontWeight","singleValue","_ref13","readOnlyProps","_ref12","opacity","menuOpenOpacity","input","textIndent","menu","_ref17","controlRef","insideOverflowContainer","insideOverflowWithTransformContainer","_controlRef$current","baseStyle","parentPositionData","current","getBoundingClientRect","top","bottom","_getScrollableParent","translateY","getScrollableParent","scrollTop","translate","indicatorSeparator","group","_ref18","withGroupDivider","paddingBottom","marginTop","position","content","left","groupHeading"],"mappings":"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"}

package/dist/src/components/Dropdown/DropdownConstants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o=function(o){return o},n=["container","control","valueContainer"],t="dropdown-menu-id",e="dropdown-menu-list-id",r="Dropdown menu",i="Dropdown input",d={PRIMARY:"primary",NEGATIVE:"negative",POSITIVE:"positive"},p={ABSOLUTE:"absolute",FIXED:"fixed"},u={TOP:"top",BOTTOM:"bottom",AUTO:"auto"};export{n as ADD_AUTO_HEIGHT_COMPONENTS,d as DROPDOWN_CHIP_COLORS,t as DROPDOWN_ID,i as DROPDOWN_INPUT_ARIA_LABEL,r as DROPDOWN_MENU_ARIA_LABEL,e as DROPDOWN_MENU_ID,u as DROPDOWN_MENU_PLACEMENT,p as DROPDOWN_MENU_POSITION,o as defaultCustomStyles};
+var n,o,t,i=function(n){return n},e=["container","control","valueContainer"],r="dropdown-menu-id",u="dropdown-menu-list-id",d="Dropdown menu",p="Dropdown input";!function(n){n.PRIMARY="primary",n.NEGATIVE="negative",n.POSITIVE="positive"}(n||(n={})),function(n){n.ABSOLUTE="absolute",n.FIXED="fixed"}(o||(o={})),function(n){n.TOP="top",n.BOTTOM="bottom",n.AUTO="auto"}(t||(t={}));export{e as ADD_AUTO_HEIGHT_COMPONENTS,n as DROPDOWN_CHIP_COLORS,r as DROPDOWN_ID,p as DROPDOWN_INPUT_ARIA_LABEL,d as DROPDOWN_MENU_ARIA_LABEL,u as DROPDOWN_MENU_ID,t as DROPDOWN_MENU_PLACEMENT,o as DROPDOWN_MENU_POSITION,i as defaultCustomStyles};
 //# sourceMappingURL=DropdownConstants.js.map

package/dist/src/components/Dropdown/DropdownConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownConstants.js","sources":["../../../../src/components/Dropdown/DropdownConstants.ts"],"sourcesContent":["export const defaultCustomStyles = (baseStyles: string) => baseStyles;\n\nexport const ADD_AUTO_HEIGHT_COMPONENTS = [\"container\", \"control\", \"valueContainer\"];\n\nexport const DROPDOWN_ID = \"dropdown-menu-id\";\nexport const DROPDOWN_MENU_ID = \"dropdown-menu-list-id\";\nexport const DROPDOWN_MENU_ARIA_LABEL = \"Dropdown menu\";\nexport const DROPDOWN_INPUT_ARIA_LABEL = \"Dropdown input\";\n\n/*\n @deprecated\n /\nexport ~~const~~ DROPDOWN_CHIP_COLORS = {\n PRIMARY: \"primary\",\n NEGATIVE: \"negative\",\n POSITIVE: \"positive\"\n};\n\n/\n @deprecated\n /\nexport ~~const~~ DROPDOWN_MENU_POSITION = {\n ABSOLUTE: \"absolute\",\n FIXED: \"fixed\"\n};\n\n/\n @deprecated\n */\nexport ~~const~~ DROPDOWN_MENU_PLACEMENT = {\n TOP: \"top\",\n BOTTOM: \"bottom\",\n AUTO: \"auto\"\n};\n"],"names":["~~defaultCustomStyles","baseStyles","ADD_AUTO_HEIGHT_COMPONENTS","DROPDOWN_ID","DROPDOWN_MENU_ID","DROPDOWN_MENU_ARIA_LABEL","DROPDOWN_INPUT_ARIA_LABEL","~~DROPDOWN_CHIP_COLORS","~~PRIMARY~~","~~NEGATIVE~~","~~POSITIVE~~","~~DROPDOWN_MENU_POSITION~~","~~ABSOLUTE~~","~~FIXED~~","~~DROPDOWN_MENU_PLACEMENT~~","~~TOP~~","~~BOTTOM~~"~~,"AUTO"~~],"mappings":"~~IAAaA~~,EAAsB,SAACC,GAAkB,OAAKA,CAAU,EAExDC,EAA6B,CAAC,YAAa,UAAW,kBAEtDC,EAAc,mBACdC,EAAmB,wBACnBC,EAA2B,gBAC3BC,EAA4B,~~iBAK5BC~~,~~EAAuB~~,~~CAClCC~~,~~QAAS~~,~~UACTC~~,~~SAAU~~,~~WACVC~~,~~SAAU~~,~~YAMCC~~,~~EAAyB~~,~~CACpCC~~,~~SAAU~~,~~WACVC~~,~~MAAO~~,~~SAMIC~~,~~EAA0B~~,~~CACrCC~~,~~IAAK~~,~~MACLC~~,~~OAAQ~~,~~SACRC~~,~~KAAM~~"}
1	+ {"version":3,"file":"DropdownConstants.js","sources":["../../../../src/components/Dropdown/DropdownConstants.ts"],"sourcesContent":["export const defaultCustomStyles = (baseStyles: string) => baseStyles;\n\nexport const ADD_AUTO_HEIGHT_COMPONENTS = [\"container\", \"control\", \"valueContainer\"];\n\nexport const DROPDOWN_ID = \"dropdown-menu-id\";\nexport const DROPDOWN_MENU_ID = \"dropdown-menu-list-id\";\nexport const DROPDOWN_MENU_ARIA_LABEL = \"Dropdown menu\";\nexport const DROPDOWN_INPUT_ARIA_LABEL = \"Dropdown input\";\n\n/*\n @deprecated\n /\nexport enum DROPDOWN_CHIP_COLORS {\n PRIMARY = \"primary\",\n NEGATIVE = \"negative\",\n POSITIVE = \"positive\"\n}\n\n/\n @deprecated\n /\nexport enum DROPDOWN_MENU_POSITION {\n ABSOLUTE = \"absolute\",\n FIXED = \"fixed\"\n}\n\n/\n @deprecated\n */\nexport enum DROPDOWN_MENU_PLACEMENT {\n TOP = \"top\",\n BOTTOM = \"bottom\",\n AUTO = \"auto\"\n}\n"],"names":["DROPDOWN_CHIP_COLORS","DROPDOWN_MENU_POSITION","DROPDOWN_MENU_PLACEMENT","defaultCustomStyles","baseStyles","ADD_AUTO_HEIGHT_COMPONENTS","DROPDOWN_ID","DROPDOWN_MENU_ID","DROPDOWN_MENU_ARIA_LABEL","DROPDOWN_INPUT_ARIA_LABEL"],"mappings":"IAYYA,EASAC,EAQAC,EA7BCC,EAAsB,SAACC,GAAkB,OAAKA,CAAU,EAExDC,EAA6B,CAAC,YAAa,UAAW,kBAEtDC,EAAc,mBACdC,EAAmB,wBACnBC,EAA2B,gBAC3BC,EAA4B,kBAKzC,SAAYT,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,SAAA,WACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,OAAA,SACAA,EAAA,KAAA,MACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={valueContainer:"valueContainer_772c1b9130",avatar:"avatar_deb5f3ed33",icon:"icon_8f2c06743d"};!function(e){const n="s_id-a9768234c15e_3_0_0-alpha_7";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".valueContainer_772c1b9130 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_772c1b9130 .avatar_deb5f3ed33,\n.valueContainer_772c1b9130 .icon_8f2c06743d {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer_124d878420",avatar:"avatar_02eff2a0ab",icon:"icon_14d97eec0f"};!function(e){const n="s_id-a9768234c15e_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".valueContainer_124d878420 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_124d878420 .avatar_02eff2a0ab,\n.valueContainer_124d878420 .icon_14d97eec0f {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=ChildrenContent.module.scss.js.map

package/dist/src/components/Dropdown/components/ClearIndicator/ClearIndicator.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{extends as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import i from"react";import{components as o}from"react-select";import r from"../../../Icon/Icon.js";import"../../../../../icons/dist/_virtual/_tslib.js";import"../../../../../icons/dist/react/AddSmall.js";import"../../../../../icons/dist/react/Alert.js";import"../../../../../icons/dist/react/Check.js";import s from"../../../../../icons/dist/react/CloseSmall.js";import"../../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../../icons/dist/react/DropdownChevronUp.js";import"../../../../../icons/dist/react/Info.js";import"../../../../../icons/dist/react/Menu.js";import"../../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../../icons/dist/react/MoveArrowRight.js";import"../../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../../icons/dist/react/NoColor.js";import"../../../../../icons/dist/react/Remove.js";import"../../../../../icons/dist/react/Search.js";import"../../../../../icons/dist/react/Sort.js";import"../../../../../icons/dist/react/SortAscending.js";import"../../../../../icons/dist/react/SortDescending.js";import"../../../../../icons/dist/react/Warning.js";import{getIndicatorSize as e}from"../../Dropdown.styles.js";var c=function(c){var n=c.size;return i.createElement(o.ClearIndicator,t({},c,{className:"clear-indicator"}),i.createElement(r,{iconType:"svg",icon:s,iconSize:e(n),tabindex:"-1"}))};export{c as default};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import{components as o}from"react-select";import t from"../../../Icon/Icon.js";import{getIndicatorSize as a}from"../../Dropdown.styles.js";import i from"../../../../../icons/dist/react/CloseSmall.js";var s=function(s){var c=s.size;return r.createElement(o.ClearIndicator,e({},s,{className:"clear-indicator"}),r.createElement(t,{iconType:"svg",icon:i,iconSize:a(c),tabindex:"-1"}))};export{s as default};
 //# sourceMappingURL=ClearIndicator.js.map

package/dist/src/components/Dropdown/components/ClearIndicator/ClearIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ClearIndicator.js","sources":["../../../../../../src/components/Dropdown/components/ClearIndicator/ClearIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst ClearIndicator = props => {\n const { size } = props;\n return (\n <components.ClearIndicator {...props} className=\"clear-indicator\">\n <Icon iconType=\"svg\" icon={CloseSmall} iconSize={getIndicatorSize(size)} tabindex=\"-1\" />\n </components.ClearIndicator>\n );\n};\n\nexport default ClearIndicator;\n"],"names":["ClearIndicator","props","size","React","createElement","components","_extends","className","Icon","iconType","icon","CloseSmall","iconSize","getIndicatorSize","tabindex"],"mappings":"~~s3CAMA~~,IAAMA,EAAiB,SAAAC,GACrB,IAAQC,EAASD,EAATC,KACR,OACEC,EAAAC,cAACC,EAAWL,eAAcM,EAAA,CAAA,EAAKL,EAAK,CAAEM,UAAU,oBAC9CJ,EAAAC,cAACI,EAAI,CAACC,SAAS,MAAMC,KAAMC,EAAYC,SAAUC,EAAiBX,GAAOY,SAAS,OAGxF"}
1	+ {"version":3,"file":"ClearIndicator.js","sources":["../../../../../../src/components/Dropdown/components/ClearIndicator/ClearIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst ClearIndicator = props => {\n const { size } = props;\n return (\n <components.ClearIndicator {...props} className=\"clear-indicator\">\n <Icon iconType=\"svg\" icon={CloseSmall} iconSize={getIndicatorSize(size)} tabindex=\"-1\" />\n </components.ClearIndicator>\n );\n};\n\nexport default ClearIndicator;\n"],"names":["ClearIndicator","props","size","React","createElement","components","_extends","className","Icon","iconType","icon","CloseSmall","iconSize","getIndicatorSize","tabindex"],"mappings":"4SAMA,IAAMA,EAAiB,SAAAC,GACrB,IAAQC,EAASD,EAATC,KACR,OACEC,EAAAC,cAACC,EAAWL,eAAcM,EAAA,CAAA,EAAKL,EAAK,CAAEM,UAAU,oBAC9CJ,EAAAC,cAACI,EAAI,CAACC,SAAS,MAAMC,KAAMC,EAAYC,SAAUC,EAAiBX,GAAOY,SAAS,OAGxF"}

package/dist/src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{extends as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import{components as i}from"react-select";import r from"../../../Icon/Icon.js";import"../../../../../icons/dist/_virtual/_tslib.js";import"../../../../../icons/dist/react/AddSmall.js";import"../../../../../icons/dist/react/Alert.js";import"../../../../../icons/dist/react/Check.js";import"../../../../../icons/dist/react/CloseSmall.js";import s from"../../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../../icons/dist/react/DropdownChevronUp.js";import"../../../../../icons/dist/react/Info.js";import"../../../../../icons/dist/react/Menu.js";import"../../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../../icons/dist/react/MoveArrowRight.js";import"../../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../../icons/dist/react/NoColor.js";import"../../../../../icons/dist/react/Remove.js";import"../../../../../icons/dist/react/Search.js";import"../../../../../icons/dist/react/Sort.js";import"../../../../../icons/dist/react/SortAscending.js";import"../../../../../icons/dist/react/SortDescending.js";import"../../../../../icons/dist/react/Warning.js";import{getIndicatorSize as e}from"../../Dropdown.styles.js";var c=function(c){var n=c.isDisabled,a=c.size;return o.createElement(i.DropdownIndicator,t({},c,{className:"dropdown-indicator"}),o.createElement(r,{iconType:"svg",icon:s,iconSize:e(a),tabindex:"-1",clickable:!n}))};export{c as default};
+import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import{components as e}from"react-select";import t from"../../../Icon/Icon.js";import{getIndicatorSize as i}from"../../Dropdown.styles.js";import n from"../../../../../icons/dist/react/DropdownChevronDown.js";var a=function(a){var s=a.isDisabled,c=a.size;return r.createElement(e.DropdownIndicator,o({},a,{className:"dropdown-indicator"}),r.createElement(t,{iconType:"svg",icon:n,iconSize:i(c),tabindex:"-1",clickable:!s}))};export{a as default};
 //# sourceMappingURL=DropdownIndicator.js.map

package/dist/src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownIndicator.js","sources":["../../../../../../src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst DropdownIndicator = props => {\n const { isDisabled, size } = props;\n return (\n <components.DropdownIndicator {...props} className=\"dropdown-indicator\">\n <Icon\n iconType=\"svg\"\n icon={DropdownChevronDown}\n iconSize={getIndicatorSize(size)}\n tabindex=\"-1\"\n clickable={!isDisabled}\n />\n </components.DropdownIndicator>\n );\n};\nexport default DropdownIndicator;\n"],"names":["DropdownIndicator","props","isDisabled","size","React","createElement","components","_extends","className","Icon","iconType","icon","DropdownChevronDown","iconSize","getIndicatorSize","tabindex","clickable"],"mappings":"~~s3CAMA~~,IAAMA,EAAoB,SAAAC,GACxB,IAAQC,EAAqBD,EAArBC,WAAYC,EAASF,EAATE,KACpB,OACEC,EAAAC,cAACC,EAAWN,kBAAiBO,EAAA,CAAA,EAAKN,EAAK,CAAEO,UAAU,uBACjDJ,EAAAC,cAACI,EAAI,CACHC,SAAS,MACTC,KAAMC,EACNC,SAAUC,EAAiBX,GAC3BY,SAAS,KACTC,WAAYd,IAIpB"}
1	+ {"version":3,"file":"DropdownIndicator.js","sources":["../../../../../../src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst DropdownIndicator = props => {\n const { isDisabled, size } = props;\n return (\n <components.DropdownIndicator {...props} className=\"dropdown-indicator\">\n <Icon\n iconType=\"svg\"\n icon={DropdownChevronDown}\n iconSize={getIndicatorSize(size)}\n tabindex=\"-1\"\n clickable={!isDisabled}\n />\n </components.DropdownIndicator>\n );\n};\nexport default DropdownIndicator;\n"],"names":["DropdownIndicator","props","isDisabled","size","React","createElement","components","_extends","className","Icon","iconType","icon","DropdownChevronDown","iconSize","getIndicatorSize","tabindex","clickable"],"mappings":"qTAMA,IAAMA,EAAoB,SAAAC,GACxB,IAAQC,EAAqBD,EAArBC,WAAYC,EAASF,EAATE,KACpB,OACEC,EAAAC,cAACC,EAAWN,kBAAiBO,EAAA,CAAA,EAAKN,EAAK,CAAEO,UAAU,uBACjDJ,EAAAC,cAACI,EAAI,CACHC,SAAS,MACTC,KAAMC,EACNC,SAAUC,EAAiBX,GAC3BY,SAAS,KACTC,WAAYd,IAIpB"}

package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={"chip-with-input-wrapper":"chip-with-input-wrapper_21b9e27cd8","placeholder-container":"placeholder-container_572ddad9ff","multiselect-chip-multi-line":"multiselect-chip-multi-line_7512d529a4","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_398edc3ee4","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_dc1fe5e939","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_988d18e69c","multiselect-chip-disabled":"multiselect-chip-disabled_6968c5f27b","value-container":"value-container_35a4322a14","value-container-chips":"value-container-chips_16624f33ed","without-placeholder":"without-placeholder_572ddad9ff",valueDialogContent:"valueDialogContent_126b1cb62d",chips:"chips_16624f33ed"};!function(e){const n="s_id-ae46b2835ce0_3_0_0-alpha_7";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".chip-with-input-wrapper_21b9e27cd8 {\n  display: flex;\n}\n\n.placeholder-container_572ddad9ff {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_7512d529a4 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_398edc3ee4 {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_dc1fe5e939 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_988d18e69c {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_6968c5f27b {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_35a4322a14 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_16624f33ed {\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-chips_16624f33ed.without-placeholder_572ddad9ff {\n  margin-left: 6px;\n}\n\n.valueDialogContent_126b1cb62d {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_126b1cb62d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_126b1cb62d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_126b1cb62d .chips_16624f33ed {\n  flex-shrink: 0;\n}");export{e as default};
+var e={"chip-with-input-wrapper":"chip-with-input-wrapper_d73c151cdf","placeholder-container":"placeholder-container_74e8c47eda","multiselect-chip-multi-line":"multiselect-chip-multi-line_e77439cfb3","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_acdcd31306","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_9d509a87b7","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_e2b1e79d0c","multiselect-chip-disabled":"multiselect-chip-disabled_8fd244e09c","value-container":"value-container_da366e9cc7","value-container-chips":"value-container-chips_ede35ec4bb","without-placeholder":"without-placeholder_74e8c47eda",valueDialogContent:"valueDialogContent_122ef7450e",chips:"chips_ede35ec4bb"};!function(e){const n="s_id-ae46b2835ce0_3_0_0-alpha_17";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".chip-with-input-wrapper_d73c151cdf {\n  display: flex;\n}\n\n.placeholder-container_74e8c47eda {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_e77439cfb3 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_acdcd31306 {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_9d509a87b7 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_e2b1e79d0c {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_8fd244e09c {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_da366e9cc7 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_ede35ec4bb {\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-chips_ede35ec4bb.without-placeholder_74e8c47eda {\n  margin-left: 6px;\n}\n\n.valueDialogContent_122ef7450e {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_122ef7450e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_122ef7450e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_122ef7450e .chips_ede35ec4bb {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map