npm - @vibe/core - Versions diffs - 3.22.1 → 3.23.0 - Mend

@vibe/core 3.22.1 → 3.23.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 (329) hide show

package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer",dividerContainer:"dividerContainer",divider:"divider",sticky:"sticky"};!function(e){const n="s_id-78c8179b7fe9_3_22_0";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)}(".comboboxItemContainer {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer {\n  position: relative;\n  width: 95%;\n}\n\n.divider {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer",dividerContainer:"dividerContainer",divider:"divider",sticky:"sticky"};!function(e){const n="s_id-78c8179b7fe9_3_22_1";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)}(".comboboxItemContainer {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer {\n  position: relative;\n  width: 95%;\n}\n\n.divider {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory"};!function(e){const o="s_id-a004d249e1c1_3_22_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".comboboxCategory {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory"};!function(e){const o="s_id-a004d249e1c1_3_22_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".comboboxCategory {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer",optionsContainer:"optionsContainer",categoryWithOptions:"categoryWithOptions",firstCategory:"firstCategory",categoryWithoutOptions:"categoryWithoutOptions"};!function(t){const o="s_id-4d4facb041a8_3_22_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=t)}(".scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions.firstCategory,\n.categoryWithoutOptions.firstCategory {\n  padding-top: 0;\n}\n.categoryWithOptions {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer",optionsContainer:"optionsContainer",categoryWithOptions:"categoryWithOptions",firstCategory:"firstCategory",categoryWithoutOptions:"categoryWithoutOptions"};!function(t){const o="s_id-4d4facb041a8_3_22_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=t)}(".scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions.firstCategory,\n.categoryWithoutOptions.firstCategory {\n  padding-top: 0;\n}\n.categoryWithOptions {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption",disabled:"disabled",selected:"selected",active:"active",activeOutline:"activeOutline",optionLabel:"optionLabel",optionIcon:"optionIcon",left:"left"};!function(o){const n="s_id-cc5db5fd586e_3_22_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".comboboxOption {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption.disabled {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption.disabled:hover {\n  background-color: transparent;\n}\n\n.comboboxOption.selected {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption:hover:not(.disabled):not(.selected),\n.comboboxOption.active {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption.activeOutline {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n\n.comboboxOption .optionLabel {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption .optionIcon {\n  flex: 0 0 auto;\n}\n\n.comboboxOption .optionIcon.left {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption",disabled:"disabled",selected:"selected",active:"active",activeOutline:"activeOutline",optionLabel:"optionLabel",optionIcon:"optionIcon",left:"left"};!function(o){const n="s_id-cc5db5fd586e_3_22_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".comboboxOption {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption.disabled {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption.disabled:hover {\n  background-color: transparent;\n}\n\n.comboboxOption.selected {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption:hover:not(.disabled):not(.selected),\n.comboboxOption.active {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption.activeOutline {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n\n.comboboxOption .optionLabel {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption .optionIcon {\n  flex: 0 0 auto;\n}\n\n.comboboxOption .optionIcon.left {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader"};!function(e){const t="s_id-f549b49034f1_3_22_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader"};!function(e){const t="s_id-f549b49034f1_3_22_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

package/dist/mocked_classnames/src/components/Counter/Counter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={counter:"counter",withAnimation:"withAnimation",counterPopElastic:"counterPopElastic",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeLarge:"sizeLarge",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorLight:"colorLight",kindLine:"kindLine",fadeEnter:"fadeEnter",fadeEnterActive:"fadeEnterActive",fadeExit:"fadeExit",fadeExitActive:"fadeExitActive","counter-pop-elastic":"counter-pop-elastic"};!function(n){const o="s_id-51f4f5079107_3_22_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation {\n  animation: counterPopElastic var(--motion-expressive-short);\n}\n.sizeXs {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeSmall {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill.colorPrimary {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill.colorDark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill.colorNegative {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill.colorLight {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorDark {\n  color: var(--inverted-color-background);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorLight {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
+var n={counter:"counter",withAnimation:"withAnimation",counterPopElastic:"counterPopElastic",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeLarge:"sizeLarge",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorLight:"colorLight",kindLine:"kindLine",fadeEnter:"fadeEnter",fadeEnterActive:"fadeEnterActive",fadeExit:"fadeExit",fadeExitActive:"fadeExitActive","counter-pop-elastic":"counter-pop-elastic"};!function(n){const o="s_id-51f4f5079107_3_22_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation {\n  animation: counterPopElastic var(--motion-expressive-short);\n}\n.sizeXs {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeSmall {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill.colorPrimary {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill.colorDark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill.colorNegative {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill.colorLight {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorDark {\n  color: var(--inverted-color-background);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorLight {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
 //# sourceMappingURL=Counter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer"};!function(e){const n="s_id-84193b4fa4fe_3_22_0";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)}(".navigationItemContainer {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-color);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
+var e={navigationItemContainer:"navigationItemContainer"};!function(e){const n="s_id-84193b4fa4fe_3_22_1";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)}(".navigationItemContainer {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-color);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=DateNavigationItem.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader",button:"button",buttonContent:"buttonContent"};!function(e){const n="s_id-89778422f1e0_3_22_0";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 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader .button {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader .button .buttonContent {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader .button .buttonContent:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader",button:"button",buttonContent:"buttonContent"};!function(e){const n="s_id-89778422f1e0_3_22_1";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 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader .button {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader .button .buttonContent {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader .button .buttonContent:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={monthYearPicker:"monthYearPicker",navigationWrapper:"navigationWrapper",navigationLeft:"navigationLeft",navigationRight:"navigationRight",pickerOptions:"pickerOptions",pickerOption:"pickerOption"};!function(n){const e="s_id-38af31aef936_3_22_0";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)}(".monthYearPicker {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker .navigationWrapper {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker .navigationWrapper.navigationLeft {\n  left: 21px;\n}\n.monthYearPicker .navigationWrapper.navigationRight {\n  right: 21px;\n}\n.monthYearPicker .pickerOptions {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker .pickerOptions .pickerOption {\n  min-width: 66px;\n}\n.monthYearPicker .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
+var n={monthYearPicker:"monthYearPicker",navigationWrapper:"navigationWrapper",navigationLeft:"navigationLeft",navigationRight:"navigationRight",pickerOptions:"pickerOptions",pickerOption:"pickerOption"};!function(n){const e="s_id-38af31aef936_3_22_1";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)}(".monthYearPicker {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker .navigationWrapper {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker .navigationWrapper.navigationLeft {\n  left: 21px;\n}\n.monthYearPicker .navigationWrapper.navigationRight {\n  right: 21px;\n}\n.monthYearPicker .pickerOptions {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker .pickerOptions .pickerOption {\n  min-width: 66px;\n}\n.monthYearPicker .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

package/dist/mocked_classnames/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_22_0";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_22_1";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/mocked_classnames/src/components/Dialog/Dialog.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={arrow:"arrow"};!function(e){const n="s_id-a5825d2828c8_3_22_0";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)}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var e={arrow:"arrow"};!function(e){const n="s_id-a5825d2828c8_3_22_1";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)}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){const n="s_id-84014680658e_3_22_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\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 {\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",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){const n="s_id-84014680658e_3_22_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\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 {\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/mocked_classnames/src/components/Divider/Divider.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(e){const n="s_id-290500f5721e_3_22_0";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 {\n  background-color: var(--layout-border-color);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(e){const n="s_id-290500f5721e_3_22_1";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 {\n  background-color: var(--layout-border-color);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Divider.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as u,useMemo as c,useState as d,useEffect as p,useCallback as m}from"react";import f,{createFilter as v,components as O}from"react-select";import b from"react-select/async";import g from"react-select/base";import{noop as j}from"lodash-es";import C from"./components/menu/menu.js";import M from"./components/DropdownIndicator/DropdownIndicator.js";import y from"./components/option/option.js";import h from"./components/singleValue/singleValue.js";import w from"./components/ClearIndicator/ClearIndicator.js";import S from"./components/MultiValueContainer/MultiValueContainer.js";import{isClient as I}from"../../utils/ssr-utils.js";import{DROPDOWN_CHIP_COLORS as V,DROPDOWN_MENU_PLACEMENT as D,DROPDOWN_MENU_POSITION as R,ADD_AUTO_HEIGHT_COMPONENTS as P,defaultCustomStyles as W,DROPDOWN_ID as A,DROPDOWN_MENU_ID as L,DROPDOWN_MENU_ARIA_LABEL as x,DROPDOWN_INPUT_ARIA_LABEL as z}from"./DropdownConstants.js";import E,{customTheme as N}from"./Dropdown.styles.js";import F from"./components/Control/Control.js";import T from"./components/menu/menu.module.scss.js";import B from"./Dropdown.module.scss.js";import{withStaticProps as k}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var q=k(l((function(a,l){var v=a.className,V=a.optionWrapperClassName,D=a.singleValueWrapperClassName,R=a.dropdownMenuWrapperClassName,k=a.placeholder,q=void 0===k?"":k,H=a.disabled,G=void 0!==H&&H,K=a.readOnly,_=void 0!==K&&K,J=a.onMenuOpen,Q=void 0===J?j:J,U=a.onMenuClose,X=void 0===U?j:U,Y=a.onFocus,Z=void 0===Y?j:Y,$=a.onBlur,ee=void 0===$?j:$,ne=a.onScroll,oe=void 0===ne?j:ne,te=a.onMenuScrollToBottom,re=void 0===te?j:te,ie=a.onChange,ae=void 0===ie?j:ie,se=a.searchable,le=void 0===se||se,ue=a.captureMenuScroll,ce=void 0!==ue&&ue,de=a.options,pe=void 0===de?[]:de,me=a.defaultValue,fe=a.value,ve=a.noOptionsMessage,Oe=a.openMenuOnFocus,be=a.openMenuOnClick,ge=a.clearable,je=void 0===ge||ge,Ce=a.OptionRenderer,Me=a.optionRenderer,ye=a.ValueRenderer,he=a.valueRenderer,we=a.menuRenderer,Se=a.menuPlacement,Ie=void 0===Se?"bottom":Se,Ve=a.rtl,De=a.size,Re=void 0===De?"medium":De,Pe=a.asyncOptions,We=a.cacheOptions,Ae=a.defaultOptions,Le=a.isVirtualized,xe=a.menuPortalTarget,ze=a.extraStyles,Ee=void 0===ze?W:ze,Ne=a.maxMenuHeight,Fe=a.menuIsOpen,Te=a.tabIndex,Be=void 0===Te?"0":Te,ke=a.id,qe=void 0===ke?A:ke,He=a.menuId,Ge=void 0===He?L:He,Ke=a.menuAriaLabel,_e=void 0===Ke?x:Ke,Je=a.inputAriaLabel,Qe=void 0===Je?z:Je,Ue=a.autoFocus,Xe=void 0!==Ue&&Ue,Ye=a.multi,Ze=void 0!==Ye&&Ye,$e=a.multiline,en=void 0!==$e&&$e,nn=a.onOptionRemove,on=a.onOptionSelect,tn=a.onClear,rn=a.onInputChange,an=void 0===rn?j:rn,sn=a.closeMenuOnSelect,ln=void 0===sn?!Ze:sn,un=a.closeMenuOnScroll,cn=void 0!==un&&un,dn=a.withMandatoryDefaultOptions,pn=void 0!==dn&&dn,mn=a.isOptionSelected,fn=a.insideOverflowContainer,vn=void 0!==fn&&fn,On=a.insideOverflowWithTransformContainer,bn=void 0!==On&&On,gn=a.tooltipContent,jn=void 0===gn?"":gn,Cn=a.onKeyDown,Mn=void 0===Cn?j:Cn,yn=a.isLoading,hn=void 0!==yn&&yn,wn=a.loadingMessage,Sn=a.ariaLabel,In=a.tabSelectsValue,Vn=void 0===In||In,Dn=a.popupsContainerSelector,Rn=a.filterOption,Pn=a.menuPosition,Wn=void 0===Pn?"absolute":Pn,An=a["data-testid"],Ln=a.withGroupDivider,xn=void 0!==Ln&&Ln,zn=a.inputValue,En=a.blurInputOnSelect,Nn=u(),Fn=xe||Dn&&document.querySelector(Dn),Tn=c((function(){return me?Array.isArray(me)?me.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},me),{isMandatory:!0}):me}),[me]);g.prototype.renderLiveRegion=function(){return null};var Bn=d(null),kn=e(Bn,2),qn=kn[0],Hn=kn[1];p((function(){if(I()){var e=!1;try{e="function"==typeof require&&"undefined"!=typeof module}catch(n){e=!1}if(e){var n=require("react-windowed-select");Hn((function(){return n.WindowedMenuList}))}else import("react-windowed-select").then((function(e){Hn((function(){return e.WindowedMenuList}))}))}}),[]);var Gn=d(Tn||[]),Kn=e(Gn,2),_n=Kn[0],Jn=Kn[1],Qn=d(""),Un=e(Qn,2),Xn=Un[0],Yn=Un[1],Zn=Me||Ce,$n=he||ye,eo=!!fe,no=null!=fe?fe:_n,oo=c((function(){return Array.isArray(no)?no.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[no]),to=c((function(){return Sn||"".concat(_?"Readonly ":""," ").concat(jn," ").concat(Array.isArray(no)?"Selected: ".concat(no.map((function(e){return e.label})).join(", ")):"Select")}),[Sn,_,no,jn]),ro=Ze?no:fe,io=c((function(){var o=E({size:Re,rtl:Ve,insideOverflowContainer:vn,controlRef:Nn,insideOverflowWithTransformContainer:bn,withGroupDivider:xn,searchable:le}),t=Ee(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(Ze){en&&P.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[Re,Ve,vn,bn,Ee,Ze,en]),ao=m((function(e){return s.createElement(C,Object.assign({},e,{id:Ge,ariaLabel:_e,Renderer:we,dropdownMenuWrapperClassName:R,onScroll:oe}))}),[R,we,Ge,_e,oe]),so=m((function(e){return s.createElement(M,Object.assign({},e,{size:Re}))}),[Re]),lo=m((function(e){return s.createElement(y,Object.assign({setFocusedOptionId:Yn},e,{Renderer:Zn,optionWrapperClassName:V}))}),[Zn,V,Yn]),uo=m((function(e){var n=e.selectProps,o=n.focusedOptionId,t=n.menuIsOpen;return s.createElement(O.Input,Object.assign({},e,{"aria-activedescendant":o&&t?o:"",role:"combobox","aria-expanded":!_&&t,"aria-label":Qe,"aria-controls":Ge,readOnly:!le||void 0}))}),[Ge,_]),co=m((function(e){return s.createElement(h,Object.assign({},e,{readOnly:_,Renderer:$n,selectedOption:no[0],singleValueWrapperClassName:D}))}),[$n,_,no,D]),po=m((function(e){return s.createElement(w,Object.assign({},e,{size:Re}))}),[Re]),mo=c((function(){return function(e,n){nn&&nn(oo[e]);var o=Array.isArray(no)?no.filter((function(n){return n.value!==e})):no;ae&&ae(o,n),Jn(o)}}),[ae,nn,no,oo]),fo=c((function(){return{selectedOptions:no,onSelectedDelete:mo,isMultiline:en,insideOverflowContainer:vn,insideOverflowWithTransformContainer:bn,controlRef:Nn,tooltipContent:jn,popupsContainerSelector:Dn,size:Re}}),[no,mo,en,vn,bn,jn,Dn,Re]),vo=Pe?b:f;vo=vo.default||vo;var Oo=Object.assign({},Pe&&Object.assign({loadOptions:Pe,cacheOptions:We},Ae&&{defaultOptions:Ae})),bo=Object.assign(Object.assign({},!Pe&&{options:pe}),Ze&&{isMulti:!0}),go=m((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(T.dropdownMenuWrapper))&&(cn||vn||bn)}),[vn,bn,cn]);return s.createElement(vo,Object.assign({className:i(B.dropdown,v),selectProps:fo,components:Object.assign(Object.assign({DropdownIndicator:so,Menu:ao,ClearIndicator:po,Input:uo,Option:lo,Control:F,SingleValue:co},Ze&&{MultiValue:j,ValueContainer:S}),Le&&qn&&{MenuList:qn}),closeMenuOnScroll:go,size:Re,noOptionsMessage:ve,placeholder:q,isDisabled:G,isClearable:!_&&je,isSearchable:!_,readOnly:_,"aria-readonly":_,"aria-label":to,"aria-details":jn,"aria-haspopup":"listbox",defaultValue:me,value:ro,onMenuOpen:Q,onMenuClose:X,onFocus:Z,onBlur:ee,onMenuScrollToBottom:re,captureMenuScroll:ce,onChange:function(e,n){switch(ae&&ae(e,n),n.action){case"select-option":var t=Ze?n.option:e;on&&on(t),eo||Jn([].concat(o(no),[t]));break;case"clear":tn&&tn(),eo||Jn(pn?Tn:[])}},onKeyDown:Mn,onInputChange:an,openMenuOnFocus:Oe,openMenuOnClick:be,focusedOptionId:Xn,isRtl:Ve,styles:io,theme:N,maxMenuHeight:Ne,menuPortalTarget:Fn,menuPlacement:Ie,menuPosition:Wn,menuIsOpen:!_&&Fe,tabIndex:Be,id:qe,"data-testid":An||t(r.DROPDOWN,qe),autoFocus:Xe,closeMenuOnSelect:ln,ref:l,withMandatoryDefaultOptions:pn,isOptionSelected:mn,isLoading:hn,loadingMessage:wn,tabSelectsValue:Vn,filterOption:Rn,inputValue:zn,blurInputOnSelect:En},Oo,bo))})),{sizes:a,chipColors:V,menuPlacements:D,menuPositions:R,createFilter:v});export{q as default};
+import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as u,useMemo as c,useState as d,useEffect as p,useCallback as m}from"react";import f,{createFilter as v,components as O}from"react-select";import b from"react-select/async";import g from"react-select/base";import{noop as j}from"lodash-es";import C from"./components/menu/menu.js";import M from"./components/DropdownIndicator/DropdownIndicator.js";import y from"./components/option/option.js";import h from"./components/singleValue/singleValue.js";import w from"./components/ClearIndicator/ClearIndicator.js";import S from"./components/MultiValueContainer/MultiValueContainer.js";import{isClient as I}from"../../utils/ssr-utils.js";import{DROPDOWN_CHIP_COLORS as V,DROPDOWN_MENU_PLACEMENT as D,DROPDOWN_MENU_POSITION as P,ADD_AUTO_HEIGHT_COMPONENTS as R,defaultCustomStyles as W,DROPDOWN_ID as x,DROPDOWN_MENU_ID as A,DROPDOWN_MENU_ARIA_LABEL as E,DROPDOWN_INPUT_ARIA_LABEL as L}from"./DropdownConstants.js";import T,{customTheme as z}from"./Dropdown.styles.js";import N from"./components/Control/Control.js";import F from"../Text/Text.js";import B from"./components/menu/menu.module.scss.js";import k from"./Dropdown.module.scss.js";import{withStaticProps as q}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var H=q(l((function(a,l){var v=a.className,V=a.optionWrapperClassName,D=a.singleValueWrapperClassName,P=a.dropdownMenuWrapperClassName,q=a.placeholder,H=void 0===q?"":q,G=a.allowPlaceholderEllipsis,K=a.disabled,_=void 0!==K&&K,J=a.readOnly,Q=void 0!==J&&J,U=a.onMenuOpen,X=void 0===U?j:U,Y=a.onMenuClose,Z=void 0===Y?j:Y,$=a.onFocus,ee=void 0===$?j:$,ne=a.onBlur,oe=void 0===ne?j:ne,te=a.onScroll,re=void 0===te?j:te,ie=a.onMenuScrollToBottom,ae=void 0===ie?j:ie,se=a.onChange,le=void 0===se?j:se,ue=a.searchable,ce=void 0===ue||ue,de=a.captureMenuScroll,pe=void 0!==de&&de,me=a.options,fe=void 0===me?[]:me,ve=a.defaultValue,Oe=a.value,be=a.noOptionsMessage,ge=a.openMenuOnFocus,je=a.openMenuOnClick,Ce=a.clearable,Me=void 0===Ce||Ce,ye=a.OptionRenderer,he=a.optionRenderer,we=a.ValueRenderer,Se=a.valueRenderer,Ie=a.menuRenderer,Ve=a.menuPlacement,De=void 0===Ve?"bottom":Ve,Pe=a.rtl,Re=a.size,We=void 0===Re?"medium":Re,xe=a.asyncOptions,Ae=a.cacheOptions,Ee=a.defaultOptions,Le=a.isVirtualized,Te=a.menuPortalTarget,ze=a.extraStyles,Ne=void 0===ze?W:ze,Fe=a.maxMenuHeight,Be=a.menuIsOpen,ke=a.tabIndex,qe=void 0===ke?"0":ke,He=a.id,Ge=void 0===He?x:He,Ke=a.menuId,_e=void 0===Ke?A:Ke,Je=a.menuAriaLabel,Qe=void 0===Je?E:Je,Ue=a.inputAriaLabel,Xe=void 0===Ue?L:Ue,Ye=a.autoFocus,Ze=void 0!==Ye&&Ye,$e=a.multi,en=void 0!==$e&&$e,nn=a.multiline,on=void 0!==nn&&nn,tn=a.onOptionRemove,rn=a.onOptionSelect,an=a.onClear,sn=a.onInputChange,ln=void 0===sn?j:sn,un=a.closeMenuOnSelect,cn=void 0===un?!en:un,dn=a.closeMenuOnScroll,pn=void 0!==dn&&dn,mn=a.withMandatoryDefaultOptions,fn=void 0!==mn&&mn,vn=a.isOptionSelected,On=a.insideOverflowContainer,bn=void 0!==On&&On,gn=a.insideOverflowWithTransformContainer,jn=void 0!==gn&&gn,Cn=a.tooltipContent,Mn=void 0===Cn?"":Cn,yn=a.onKeyDown,hn=void 0===yn?j:yn,wn=a.isLoading,Sn=void 0!==wn&&wn,In=a.loadingMessage,Vn=a.ariaLabel,Dn=a.tabSelectsValue,Pn=void 0===Dn||Dn,Rn=a.popupsContainerSelector,Wn=a.filterOption,xn=a.menuPosition,An=void 0===xn?"absolute":xn,En=a["data-testid"],Ln=a.withGroupDivider,Tn=void 0!==Ln&&Ln,zn=a.inputValue,Nn=a.blurInputOnSelect,Fn=u(),Bn=Te||Rn&&document.querySelector(Rn),kn=c((function(){return ve?Array.isArray(ve)?ve.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},ve),{isMandatory:!0}):ve}),[ve]);g.prototype.renderLiveRegion=function(){return null};var qn=d(null),Hn=e(qn,2),Gn=Hn[0],Kn=Hn[1];p((function(){if(I()){var e=!1;try{e="function"==typeof require&&"undefined"!=typeof module}catch(n){e=!1}if(e){var n=require("react-windowed-select");Kn((function(){return n.WindowedMenuList}))}else import("react-windowed-select").then((function(e){Kn((function(){return e.WindowedMenuList}))}))}}),[]);var _n=d(kn||[]),Jn=e(_n,2),Qn=Jn[0],Un=Jn[1],Xn=d(""),Yn=e(Xn,2),Zn=Yn[0],$n=Yn[1],eo=he||ye,no=Se||we,oo=!!Oe,to=null!=Oe?Oe:Qn,ro=c((function(){return Array.isArray(to)?to.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[to]),io=c((function(){return Vn||"".concat(Q?"Readonly ":""," ").concat(Mn," ").concat(Array.isArray(to)?"Selected: ".concat(to.map((function(e){return e.label})).join(", ")):"Select")}),[Vn,Q,to,Mn]),ao=en?to:Oe,so=c((function(){var o=T({size:We,rtl:Pe,insideOverflowContainer:bn,controlRef:Fn,insideOverflowWithTransformContainer:jn,withGroupDivider:Tn,searchable:ce,allowPlaceholderEllipsis:G}),t=Ne(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(en){on&&R.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[We,Pe,bn,jn,G,Ne,en,on]),lo=m((function(e){return s.createElement(C,Object.assign({},e,{id:_e,ariaLabel:Qe,Renderer:Ie,dropdownMenuWrapperClassName:P,onScroll:re}))}),[P,Ie,_e,Qe,re]),uo=m((function(e){return s.createElement(M,Object.assign({},e,{size:We}))}),[We]),co=m((function(e){return s.createElement(y,Object.assign({setFocusedOptionId:$n},e,{Renderer:eo,optionWrapperClassName:V}))}),[eo,V,$n]),po=m((function(e){var n=e.selectProps,o=n.focusedOptionId,t=n.menuIsOpen;return s.createElement(O.Input,Object.assign({},e,{"aria-activedescendant":o&&t?o:"",role:"combobox","aria-expanded":!Q&&t,"aria-label":Xe,"aria-controls":_e,readOnly:!ce||void 0}))}),[_e,Q]),mo=m((function(e){return s.createElement(h,Object.assign({},e,{readOnly:Q,Renderer:no,selectedOption:to[0],singleValueWrapperClassName:D}))}),[no,Q,to,D]),fo=m((function(e){return s.createElement(w,Object.assign({},e,{size:We}))}),[We]),vo=c((function(){return function(e,n){tn&&tn(ro[e]);var o=Array.isArray(to)?to.filter((function(n){return n.value!==e})):to;le&&le(o,n),Un(o)}}),[le,tn,to,ro]),Oo=c((function(){return{selectedOptions:to,onSelectedDelete:vo,isMultiline:on,insideOverflowContainer:bn,insideOverflowWithTransformContainer:jn,controlRef:Fn,tooltipContent:Mn,popupsContainerSelector:Rn,size:We}}),[to,vo,on,bn,jn,Mn,Rn,We]),bo=xe?b:f;bo=bo.default||bo;var go=Object.assign({},xe&&Object.assign({loadOptions:xe,cacheOptions:Ae},Ee&&{defaultOptions:Ee})),jo=Object.assign(Object.assign({},!xe&&{options:fe}),en&&{isMulti:!0}),Co=m((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(B.dropdownMenuWrapper))&&(pn||bn||jn)}),[bn,jn,pn]),Mo=c((function(){return G?s.createElement(F,{type:"text2",color:"inherit"},H):H}),[G,H]);return s.createElement(bo,Object.assign({className:i(k.dropdown,v),selectProps:Oo,components:Object.assign(Object.assign({DropdownIndicator:uo,Menu:lo,ClearIndicator:fo,Input:po,Option:co,Control:N,SingleValue:mo},en&&{MultiValue:j,ValueContainer:S}),Le&&Gn&&{MenuList:Gn}),closeMenuOnScroll:Co,size:We,noOptionsMessage:be,placeholder:Mo,isDisabled:_,isClearable:!Q&&Me,isSearchable:!Q,readOnly:Q,"aria-readonly":Q,"aria-label":io,"aria-details":Mn,"aria-haspopup":"listbox",defaultValue:ve,value:ao,onMenuOpen:X,onMenuClose:Z,onFocus:ee,onBlur:oe,onMenuScrollToBottom:ae,captureMenuScroll:pe,onChange:function(e,n){switch(le&&le(e,n),n.action){case"select-option":var t=en?n.option:e;rn&&rn(t),oo||Un([].concat(o(to),[t]));break;case"clear":an&&an(),oo||Un(fn?kn:[])}},onKeyDown:hn,onInputChange:ln,openMenuOnFocus:ge,openMenuOnClick:je,focusedOptionId:Zn,isRtl:Pe,styles:so,theme:z,maxMenuHeight:Fe,menuPortalTarget:Bn,menuPlacement:De,menuPosition:An,menuIsOpen:!Q&&Be,tabIndex:qe,id:Ge,"data-testid":En||t(r.DROPDOWN,Ge),autoFocus:Ze,closeMenuOnSelect:cn,ref:l,withMandatoryDefaultOptions:fn,isOptionSelected:vn,isLoading:Sn,loadingMessage:In,tabSelectsValue:Pn,filterOption:Wn,inputValue:zn,blurInputOnSelect:Nn},go,jo))})),{sizes:a,chipColors:V,menuPlacements:D,menuPositions:P,createFilter:v});export{H as default};
 //# sourceMappingURL=Dropdown.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { BaseSizes, SIZES_VALUES } from \"../../constants\";\nimport React, { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from \"react\";\nimport Select, { InputProps, components, createFilter, ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async\";\nimport BaseSelect from \"react-select/base\";\nimport { noop as NOOP } from \"lodash-es\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport {\n ADD_AUTO_HEIGHT_COMPONENTS,\n defaultCustomStyles,\n DROPDOWN_CHIP_COLORS,\n DROPDOWN_ID,\n DROPDOWN_INPUT_ARIA_LABEL,\n DROPDOWN_MENU_ARIA_LABEL,\n DROPDOWN_MENU_ID,\n DROPDOWN_MENU_PLACEMENT,\n DROPDOWN_MENU_POSITION\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport {\n DropdownOption,\n DropdownState,\n CustomMenuProps,\n CustomOptionProps,\n CustomSingleValueProps,\n DropdownComponentProps\n} from \"./Dropdown.types\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\n\nconst Dropdown: VibeComponent<DropdownComponentProps, HTMLElement> & {\n sizes?: typeof BaseSizes;\n chipColors?: typeof DROPDOWN_CHIP_COLORS;\n menuPlacements?: typeof DROPDOWN_MENU_PLACEMENT;\n menuPositions?: typeof DROPDOWN_MENU_POSITION;\n createFilter?: typeof createFilter;\n} = forwardRef(\n (\n {\n className,\n optionWrapperClassName,\n singleValueWrapperClassName,\n dropdownMenuWrapperClassName,\n placeholder = \"\",\n disabled = false,\n readOnly = false,\n onMenuOpen = NOOP,\n onMenuClose = NOOP,\n onFocus = NOOP,\n onBlur = NOOP,\n onScroll = NOOP,\n onMenuScrollToBottom = NOOP,\n onChange: customOnChange = NOOP,\n searchable = true,\n captureMenuScroll = false,\n options = [],\n defaultValue,\n value: customValue,\n noOptionsMessage,\n openMenuOnFocus,\n openMenuOnClick,\n clearable = true,\n OptionRenderer,\n optionRenderer,\n ValueRenderer,\n valueRenderer,\n menuRenderer,\n menuPlacement = \"bottom\",\n rtl,\n size = \"medium\",\n asyncOptions,\n cacheOptions,\n defaultOptions,\n isVirtualized,\n menuPortalTarget,\n extraStyles = defaultCustomStyles,\n maxMenuHeight,\n menuIsOpen,\n tabIndex = \"0\",\n id = DROPDOWN_ID,\n menuId = DROPDOWN_MENU_ID,\n menuAriaLabel = DROPDOWN_MENU_ARIA_LABEL,\n inputAriaLabel = DROPDOWN_INPUT_ARIA_LABEL,\n autoFocus = false,\n multi = false,\n multiline = false,\n onOptionRemove: customOnOptionRemove,\n onOptionSelect,\n onClear,\n onInputChange = NOOP,\n closeMenuOnSelect = !multi,\n closeMenuOnScroll: customCloseMenuOnScroll = false,\n withMandatoryDefaultOptions = false,\n isOptionSelected,\n insideOverflowContainer = false,\n insideOverflowWithTransformContainer = false,\n tooltipContent = \"\",\n onKeyDown = NOOP,\n isLoading = false,\n loadingMessage,\n ariaLabel,\n tabSelectsValue = true,\n popupsContainerSelector,\n filterOption,\n menuPosition = \"absolute\",\n \"data-testid\": dataTestId,\n withGroupDivider = false,\n inputValue,\n blurInputOnSelect\n }: DropdownComponentProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const controlRef = useRef();\n const overrideMenuPortalTarget =\n menuPortalTarget \|\| (popupsContainerSelector && document.querySelector(popupsContainerSelector));\n const overrideDefaultValue = useMemo(() => {\n if (defaultValue) {\n return Array.isArray(defaultValue)\n ? (defaultValue as DropdownOption[]).map(df => ({ ...df, isMandatory: true }))\n : { ...(defaultValue as DropdownOption), isMandatory: true };\n }\n\n return defaultValue;\n }, [defaultValue]);\n\n BaseSelect.prototype.renderLiveRegion = (): null => {\n return null;\n };\n\n // SSR support\n const [WindowedMenuList, setWindowedMenuList] = useState(null);\n useEffect(() => {\n if (isClient()) {\n let isRequireAvailable = false;\n try {\n isRequireAvailable = typeof require === \"function\" && typeof module !== \"undefined\";\n } catch (e) {\n isRequireAvailable = false;\n }\n\n if (isRequireAvailable) {\n // eslint-disable-next-line @typescript-eslint/no-var-requires\n const module = require(\"react-windowed-select\");\n setWindowedMenuList(() => module.WindowedMenuList);\n } else {\n // Dynamically import the specific named export from react-windowed-select for SSR support\n import(\"react-windowed-select\").then(module => {\n setWindowedMenuList(() => module.WindowedMenuList);\n });\n }\n }\n }, []);\n\n const [selected, setSelected] = useState(overrideDefaultValue \|\| []);\n const [focusedOptionId, setFocusedOptionId] = useState(\"\");\n const finalOptionRenderer = optionRenderer \|\| OptionRenderer;\n const finalValueRenderer = valueRenderer \|\| ValueRenderer;\n const isControlled = !!customValue;\n const selectedOptions = customValue ?? selected;\n const selectedOptionsMap = useMemo(() => {\n if (Array.isArray(selectedOptions)) {\n return selectedOptions.reduce((acc, option) => ({ ...acc, [option.value]: option }), {});\n }\n return {};\n }, [selectedOptions]);\n\n const overrideAriaLabel = useMemo(() => {\n return (\n ariaLabel \|\|\n `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${\n Array.isArray(selectedOptions) ? `Selected: ${selectedOptions.map(o => o.label).join(\", \")}` : \"Select\"\n }`\n );\n }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n const value = multi ? selectedOptions : customValue;\n\n const inlineStyles = useMemo(() => {\n // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n const baseStyles = generateBaseStyles({\n size,\n rtl,\n insideOverflowContainer,\n controlRef,\n insideOverflowWithTransformContainer,\n withGroupDivider,\n searchable\n });\n\n type BaseStyles = typeof baseStyles;\n\n // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n const customStyles = extraStyles(baseStyles);\n\n // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n const mergedStyles: any = Object.entries(customStyles).reduce((accumulator, [stylesGroup, stylesFn]) => {\n return {\n ...accumulator,\n [stylesGroup]: (defaultStyles: BaseStyles, state: DropdownState) => {\n const providedFn = baseStyles[stylesGroup as keyof BaseStyles];\n const provided = providedFn ? providedFn(defaultStyles, state) : defaultStyles;\n\n return stylesFn(provided, state);\n }\n };\n }, {} as BaseStyles);\n\n if (multi) {\n if (multiline) {\n ADD_AUTO_HEIGHT_COMPONENTS.forEach((component: string) => {\n const original = mergedStyles[component];\n mergedStyles[component] = (provided: BaseStyles, state: DropdownState) => ({\n ...original(provided, state),\n height: \"auto\"\n });\n });\n }\n\n const originalValueContainer = mergedStyles.valueContainer;\n mergedStyles.valueContainer = (provided: BaseStyles, state: DropdownState) => ({\n ...originalValueContainer(provided, state),\n paddingLeft: 6\n });\n }\n\n return mergedStyles;\n }, [size, rtl, insideOverflowContainer, insideOverflowWithTransformContainer, extraStyles, multi, multiline]);\n\n const Menu = useCallback(\n (props: CustomMenuProps) => (\n <MenuComponent\n {...props}\n id={menuId}\n ariaLabel={menuAriaLabel}\n Renderer={menuRenderer}\n dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n onScroll={onScroll}\n />\n ),\n [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel, onScroll]\n );\n\n const DropdownIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <DropdownIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const Option = useCallback(\n (props: CustomOptionProps) => (\n <OptionComponent\n setFocusedOptionId={setFocusedOptionId}\n {...props}\n Renderer={finalOptionRenderer}\n optionWrapperClassName={optionWrapperClassName}\n />\n ),\n [finalOptionRenderer, optionWrapperClassName, setFocusedOptionId]\n );\n\n const Input = useCallback(\n (props: InputProps \| any) => {\n const { focusedOptionId, menuIsOpen } = props.selectProps;\n const ariaActiveDescendant = focusedOptionId && menuIsOpen ? focusedOptionId : \"\";\n return (\n <components.Input\n {...props}\n aria-activedescendant={ariaActiveDescendant}\n role=\"combobox\"\n aria-expanded={!readOnly && menuIsOpen}\n aria-label={inputAriaLabel}\n aria-controls={menuId}\n readOnly={!searchable ? true : undefined}\n />\n );\n },\n [menuId, readOnly]\n );\n\n const SingleValue = useCallback(\n (props: CustomSingleValueProps) => (\n <SingleValueComponent\n {...props}\n readOnly={readOnly}\n Renderer={finalValueRenderer}\n selectedOption={selectedOptions[0]}\n singleValueWrapperClassName={singleValueWrapperClassName}\n />\n ),\n [finalValueRenderer, readOnly, selectedOptions, singleValueWrapperClassName]\n );\n\n const ClearIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <ClearIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const onOptionRemove = useMemo(() => {\n return function (optionValue: number, e: React.MouseEvent \| React.KeyboardEvent) {\n if (customOnOptionRemove) {\n customOnOptionRemove(selectedOptionsMap[optionValue]);\n }\n const newSelectedOptions = Array.isArray(selectedOptions)\n ? selectedOptions.filter(option => option.value !== optionValue)\n : selectedOptions;\n\n if (customOnChange) {\n customOnChange(newSelectedOptions, e);\n }\n setSelected(newSelectedOptions);\n };\n }, [customOnChange, customOnOptionRemove, selectedOptions, selectedOptionsMap]);\n\n const customProps = useMemo(\n () => ({\n selectedOptions,\n onSelectedDelete: onOptionRemove,\n isMultiline: multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n controlRef,\n tooltipContent,\n popupsContainerSelector,\n size\n }),\n [\n selectedOptions,\n onOptionRemove,\n multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n tooltipContent,\n popupsContainerSelector,\n size\n ]\n );\n const onChange = (option: DropdownOption \| DropdownOption[], meta: ActionMeta<DropdownOption>) => {\n if (customOnChange) {\n customOnChange(option, meta);\n }\n\n switch (meta.action) {\n case \"select-option\": {\n const selectedOption = multi ? meta.option : option;\n\n if (onOptionSelect) {\n onOptionSelect(selectedOption);\n }\n\n if (!isControlled) {\n setSelected([...selectedOptions, selectedOption]);\n }\n break;\n }\n\n case \"clear\":\n if (onClear) {\n onClear();\n }\n\n if (!isControlled) {\n if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n else setSelected([]);\n }\n break;\n }\n };\n\n let DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n // @ts-expect-error - We need to check if the default export is available\n DropDownComponent = DropDownComponent.default \|\| DropDownComponent;\n\n const asyncAdditions = {\n ...(asyncOptions && {\n loadOptions: asyncOptions,\n cacheOptions,\n ...(defaultOptions && { defaultOptions })\n })\n };\n\n const additions = {\n ...(!asyncOptions && { options }),\n ...(multi && {\n isMulti: true\n })\n };\n\n const closeMenuOnScroll = useCallback(\n (event: React.FocusEvent) => {\n const scrolledElement = event.target;\n if (scrolledElement?.parentElement?.classList.contains(menuStyles.dropdownMenuWrapper)) {\n return false;\n }\n return customCloseMenuOnScroll \|\| insideOverflowContainer \|\| insideOverflowWithTransformContainer;\n },\n [insideOverflowContainer, insideOverflowWithTransformContainer, customCloseMenuOnScroll]\n );\n\n return (\n <DropDownComponent\n className={cx(styles.dropdown, className)}\n selectProps={customProps}\n components={{\n DropdownIndicator,\n Menu,\n ClearIndicator,\n Input,\n Option,\n Control,\n SingleValue,\n ...(multi && {\n MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n ValueContainer: MultiValueContainer\n }),\n ...(isVirtualized && WindowedMenuList && { MenuList: WindowedMenuList })\n }}\n // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n closeMenuOnScroll={closeMenuOnScroll}\n size={size}\n noOptionsMessage={noOptionsMessage}\n placeholder={placeholder}\n isDisabled={disabled}\n isClearable={!readOnly && clearable}\n isSearchable={!readOnly}\n readOnly={readOnly}\n aria-readonly={readOnly}\n aria-label={overrideAriaLabel}\n aria-details={tooltipContent}\n aria-haspopup=\"listbox\"\n defaultValue={defaultValue}\n value={value}\n onMenuOpen={onMenuOpen}\n onMenuClose={onMenuClose}\n onFocus={onFocus}\n onBlur={onBlur}\n onMenuScrollToBottom={onMenuScrollToBottom}\n captureMenuScroll={captureMenuScroll}\n onChange={onChange}\n onKeyDown={onKeyDown}\n onInputChange={onInputChange}\n openMenuOnFocus={openMenuOnFocus}\n openMenuOnClick={openMenuOnClick}\n focusedOptionId={focusedOptionId}\n isRtl={rtl}\n styles={inlineStyles}\n theme={customTheme}\n maxMenuHeight={maxMenuHeight}\n menuPortalTarget={overrideMenuPortalTarget}\n menuPlacement={menuPlacement}\n menuPosition={menuPosition}\n menuIsOpen={!readOnly && menuIsOpen}\n tabIndex={tabIndex}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n autoFocus={autoFocus}\n closeMenuOnSelect={closeMenuOnSelect}\n ref={ref as React.Ref<any>}\n withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n isOptionSelected={isOptionSelected}\n isLoading={isLoading}\n loadingMessage={loadingMessage}\n tabSelectsValue={tabSelectsValue}\n filterOption={filterOption}\n inputValue={inputValue}\n blurInputOnSelect={blurInputOnSelect}\n {...asyncAdditions}\n {...additions}\n />\n );\n }\n);\n\nexport default withStaticProps(Dropdown, {\n sizes: BaseSizes,\n chipColors: DROPDOWN_CHIP_COLORS,\n menuPlacements: DROPDOWN_MENU_PLACEMENT,\n menuPositions: DROPDOWN_MENU_POSITION,\n createFilter: createFilter\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","_ref$placeholder","placeholder","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onScroll","onScroll","_ref$onMenuScrollToBo","onMenuScrollToBottom","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_ref$captureMenuScrol","captureMenuScroll","_ref$options","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","_ref$clearable","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","_ref$menuPlacement","menuPlacement","rtl","_ref$size","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","_ref$extraStyles","extraStyles","defaultCustomStyles","maxMenuHeight","menuIsOpen","_ref$tabIndex","tabIndex","_ref$id","id","DROPDOWN_ID","_ref$menuId","menuId","DROPDOWN_MENU_ID","_ref$menuAriaLabel","menuAriaLabel","DROPDOWN_MENU_ARIA_LABEL","_ref$inputAriaLabel","inputAriaLabel","DROPDOWN_INPUT_ARIA_LABEL","_ref$autoFocus","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","_ref$onInputChange","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","_ref$closeMenuOnScrol","closeMenuOnScroll","customCloseMenuOnScroll","_ref$withMandatoryDef","withMandatoryDefaultOptions","isOptionSelected","_ref$insideOverflowCo","insideOverflowContainer","_ref$insideOverflowWi","insideOverflowWithTransformContainer","_ref$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","_ref$withGroupDivider","withGroupDivider","inputValue","blurInputOnSelect","controlRef","useRef","overrideMenuPortalTarget","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","BaseSelect","prototype","renderLiveRegion","_useState","useState","_useState2","_slicedToArray","WindowedMenuList","setWindowedMenuList","useEffect","isClient","isRequireAvailable","require","module","e","import","then","_useState3","_useState4","selected","setSelected","_useState5","_useState6","focusedOptionId","setFocusedOptionId","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","providedFn","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","component","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","Renderer","DropdownIndicator","DropdownIndicatorComponent","Option","OptionComponent","Input","_props$selectProps","selectProps","components","role","undefined","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","default","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","cx","styles","dropdown","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","isDisabled","isClearable","isSearchable","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","sizes","BaseSizes","chipColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","createFilter"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { BaseSizes, SIZES_VALUES } from \"../../constants\";\nimport React, { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from \"react\";\nimport Select, { InputProps, components, createFilter, ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async\";\nimport BaseSelect from \"react-select/base\";\nimport { noop as NOOP } from \"lodash-es\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport {\n ADD_AUTO_HEIGHT_COMPONENTS,\n defaultCustomStyles,\n DROPDOWN_CHIP_COLORS,\n DROPDOWN_ID,\n DROPDOWN_INPUT_ARIA_LABEL,\n DROPDOWN_MENU_ARIA_LABEL,\n DROPDOWN_MENU_ID,\n DROPDOWN_MENU_PLACEMENT,\n DROPDOWN_MENU_POSITION\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport Text from \"../Text/Text\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport {\n DropdownOption,\n DropdownState,\n CustomMenuProps,\n CustomOptionProps,\n CustomSingleValueProps,\n DropdownComponentProps\n} from \"./Dropdown.types\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\n\nconst Dropdown: VibeComponent<DropdownComponentProps, HTMLElement> & {\n sizes?: typeof BaseSizes;\n chipColors?: typeof DROPDOWN_CHIP_COLORS;\n menuPlacements?: typeof DROPDOWN_MENU_PLACEMENT;\n menuPositions?: typeof DROPDOWN_MENU_POSITION;\n createFilter?: typeof createFilter;\n} = forwardRef(\n (\n {\n className,\n optionWrapperClassName,\n singleValueWrapperClassName,\n dropdownMenuWrapperClassName,\n placeholder = \"\",\n allowPlaceholderEllipsis,\n disabled = false,\n readOnly = false,\n onMenuOpen = NOOP,\n onMenuClose = NOOP,\n onFocus = NOOP,\n onBlur = NOOP,\n onScroll = NOOP,\n onMenuScrollToBottom = NOOP,\n onChange: customOnChange = NOOP,\n searchable = true,\n captureMenuScroll = false,\n options = [],\n defaultValue,\n value: customValue,\n noOptionsMessage,\n openMenuOnFocus,\n openMenuOnClick,\n clearable = true,\n OptionRenderer,\n optionRenderer,\n ValueRenderer,\n valueRenderer,\n menuRenderer,\n menuPlacement = \"bottom\",\n rtl,\n size = \"medium\",\n asyncOptions,\n cacheOptions,\n defaultOptions,\n isVirtualized,\n menuPortalTarget,\n extraStyles = defaultCustomStyles,\n maxMenuHeight,\n menuIsOpen,\n tabIndex = \"0\",\n id = DROPDOWN_ID,\n menuId = DROPDOWN_MENU_ID,\n menuAriaLabel = DROPDOWN_MENU_ARIA_LABEL,\n inputAriaLabel = DROPDOWN_INPUT_ARIA_LABEL,\n autoFocus = false,\n multi = false,\n multiline = false,\n onOptionRemove: customOnOptionRemove,\n onOptionSelect,\n onClear,\n onInputChange = NOOP,\n closeMenuOnSelect = !multi,\n closeMenuOnScroll: customCloseMenuOnScroll = false,\n withMandatoryDefaultOptions = false,\n isOptionSelected,\n insideOverflowContainer = false,\n insideOverflowWithTransformContainer = false,\n tooltipContent = \"\",\n onKeyDown = NOOP,\n isLoading = false,\n loadingMessage,\n ariaLabel,\n tabSelectsValue = true,\n popupsContainerSelector,\n filterOption,\n menuPosition = \"absolute\",\n \"data-testid\": dataTestId,\n withGroupDivider = false,\n inputValue,\n blurInputOnSelect\n }: DropdownComponentProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const controlRef = useRef();\n const overrideMenuPortalTarget =\n menuPortalTarget \|\| (popupsContainerSelector && document.querySelector(popupsContainerSelector));\n const overrideDefaultValue = useMemo(() => {\n if (defaultValue) {\n return Array.isArray(defaultValue)\n ? (defaultValue as DropdownOption[]).map(df => ({ ...df, isMandatory: true }))\n : { ...(defaultValue as DropdownOption), isMandatory: true };\n }\n\n return defaultValue;\n }, [defaultValue]);\n\n BaseSelect.prototype.renderLiveRegion = (): null => {\n return null;\n };\n\n // SSR support\n const [WindowedMenuList, setWindowedMenuList] = useState(null);\n useEffect(() => {\n if (isClient()) {\n let isRequireAvailable = false;\n try {\n isRequireAvailable = typeof require === \"function\" && typeof module !== \"undefined\";\n } catch (e) {\n isRequireAvailable = false;\n }\n\n if (isRequireAvailable) {\n // eslint-disable-next-line @typescript-eslint/no-var-requires\n const module = require(\"react-windowed-select\");\n setWindowedMenuList(() => module.WindowedMenuList);\n } else {\n // Dynamically import the specific named export from react-windowed-select for SSR support\n import(\"react-windowed-select\").then(module => {\n setWindowedMenuList(() => module.WindowedMenuList);\n });\n }\n }\n }, []);\n\n const [selected, setSelected] = useState(overrideDefaultValue \|\| []);\n const [focusedOptionId, setFocusedOptionId] = useState(\"\");\n const finalOptionRenderer = optionRenderer \|\| OptionRenderer;\n const finalValueRenderer = valueRenderer \|\| ValueRenderer;\n const isControlled = !!customValue;\n const selectedOptions = customValue ?? selected;\n const selectedOptionsMap = useMemo(() => {\n if (Array.isArray(selectedOptions)) {\n return selectedOptions.reduce((acc, option) => ({ ...acc, [option.value]: option }), {});\n }\n return {};\n }, [selectedOptions]);\n\n const overrideAriaLabel = useMemo(() => {\n return (\n ariaLabel \|\|\n `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${\n Array.isArray(selectedOptions) ? `Selected: ${selectedOptions.map(o => o.label).join(\", \")}` : \"Select\"\n }`\n );\n }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n const value = multi ? selectedOptions : customValue;\n\n const inlineStyles = useMemo(() => {\n // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n const baseStyles = generateBaseStyles({\n size,\n rtl,\n insideOverflowContainer,\n controlRef,\n insideOverflowWithTransformContainer,\n withGroupDivider,\n searchable,\n allowPlaceholderEllipsis\n });\n\n type BaseStyles = typeof baseStyles;\n\n // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n const customStyles = extraStyles(baseStyles);\n\n // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n const mergedStyles: any = Object.entries(customStyles).reduce((accumulator, [stylesGroup, stylesFn]) => {\n return {\n ...accumulator,\n [stylesGroup]: (defaultStyles: BaseStyles, state: DropdownState) => {\n const providedFn = baseStyles[stylesGroup as keyof BaseStyles];\n const provided = providedFn ? providedFn(defaultStyles, state) : defaultStyles;\n\n return stylesFn(provided, state);\n }\n };\n }, {} as BaseStyles);\n\n if (multi) {\n if (multiline) {\n ADD_AUTO_HEIGHT_COMPONENTS.forEach((component: string) => {\n const original = mergedStyles[component];\n mergedStyles[component] = (provided: BaseStyles, state: DropdownState) => ({\n ...original(provided, state),\n height: \"auto\"\n });\n });\n }\n\n const originalValueContainer = mergedStyles.valueContainer;\n mergedStyles.valueContainer = (provided: BaseStyles, state: DropdownState) => ({\n ...originalValueContainer(provided, state),\n paddingLeft: 6\n });\n }\n\n return mergedStyles;\n }, [\n size,\n rtl,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n allowPlaceholderEllipsis,\n extraStyles,\n multi,\n multiline\n ]);\n\n const Menu = useCallback(\n (props: CustomMenuProps) => (\n <MenuComponent\n {...props}\n id={menuId}\n ariaLabel={menuAriaLabel}\n Renderer={menuRenderer}\n dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n onScroll={onScroll}\n />\n ),\n [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel, onScroll]\n );\n\n const DropdownIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <DropdownIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const Option = useCallback(\n (props: CustomOptionProps) => (\n <OptionComponent\n setFocusedOptionId={setFocusedOptionId}\n {...props}\n Renderer={finalOptionRenderer}\n optionWrapperClassName={optionWrapperClassName}\n />\n ),\n [finalOptionRenderer, optionWrapperClassName, setFocusedOptionId]\n );\n\n const Input = useCallback(\n (props: InputProps \| any) => {\n const { focusedOptionId, menuIsOpen } = props.selectProps;\n const ariaActiveDescendant = focusedOptionId && menuIsOpen ? focusedOptionId : \"\";\n return (\n <components.Input\n {...props}\n aria-activedescendant={ariaActiveDescendant}\n role=\"combobox\"\n aria-expanded={!readOnly && menuIsOpen}\n aria-label={inputAriaLabel}\n aria-controls={menuId}\n readOnly={!searchable ? true : undefined}\n />\n );\n },\n [menuId, readOnly]\n );\n\n const SingleValue = useCallback(\n (props: CustomSingleValueProps) => (\n <SingleValueComponent\n {...props}\n readOnly={readOnly}\n Renderer={finalValueRenderer}\n selectedOption={selectedOptions[0]}\n singleValueWrapperClassName={singleValueWrapperClassName}\n />\n ),\n [finalValueRenderer, readOnly, selectedOptions, singleValueWrapperClassName]\n );\n\n const ClearIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <ClearIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const onOptionRemove = useMemo(() => {\n return function (optionValue: number, e: React.MouseEvent \| React.KeyboardEvent) {\n if (customOnOptionRemove) {\n customOnOptionRemove(selectedOptionsMap[optionValue]);\n }\n const newSelectedOptions = Array.isArray(selectedOptions)\n ? selectedOptions.filter(option => option.value !== optionValue)\n : selectedOptions;\n\n if (customOnChange) {\n customOnChange(newSelectedOptions, e);\n }\n setSelected(newSelectedOptions);\n };\n }, [customOnChange, customOnOptionRemove, selectedOptions, selectedOptionsMap]);\n\n const customProps = useMemo(\n () => ({\n selectedOptions,\n onSelectedDelete: onOptionRemove,\n isMultiline: multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n controlRef,\n tooltipContent,\n popupsContainerSelector,\n size\n }),\n [\n selectedOptions,\n onOptionRemove,\n multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n tooltipContent,\n popupsContainerSelector,\n size\n ]\n );\n const onChange = (option: DropdownOption \| DropdownOption[], meta: ActionMeta<DropdownOption>) => {\n if (customOnChange) {\n customOnChange(option, meta);\n }\n\n switch (meta.action) {\n case \"select-option\": {\n const selectedOption = multi ? meta.option : option;\n\n if (onOptionSelect) {\n onOptionSelect(selectedOption);\n }\n\n if (!isControlled) {\n setSelected([...selectedOptions, selectedOption]);\n }\n break;\n }\n\n case \"clear\":\n if (onClear) {\n onClear();\n }\n\n if (!isControlled) {\n if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n else setSelected([]);\n }\n break;\n }\n };\n\n let DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n // @ts-expect-error - We need to check if the default export is available\n DropDownComponent = DropDownComponent.default \|\| DropDownComponent;\n\n const asyncAdditions = {\n ...(asyncOptions && {\n loadOptions: asyncOptions,\n cacheOptions,\n ...(defaultOptions && { defaultOptions })\n })\n };\n\n const additions = {\n ...(!asyncOptions && { options }),\n ...(multi && {\n isMulti: true\n })\n };\n\n const closeMenuOnScroll = useCallback(\n (event: React.FocusEvent) => {\n const scrolledElement = event.target;\n if (scrolledElement?.parentElement?.classList.contains(menuStyles.dropdownMenuWrapper)) {\n return false;\n }\n return customCloseMenuOnScroll \|\| insideOverflowContainer \|\| insideOverflowWithTransformContainer;\n },\n [insideOverflowContainer, insideOverflowWithTransformContainer, customCloseMenuOnScroll]\n );\n\n const calculatedPlaceholder = useMemo(\n () =>\n allowPlaceholderEllipsis ? (\n <Text type=\"text2\" color=\"inherit\">\n {placeholder}\n </Text>\n ) : (\n placeholder\n ),\n [allowPlaceholderEllipsis, placeholder]\n );\n\n return (\n <DropDownComponent\n className={cx(styles.dropdown, className)}\n selectProps={customProps}\n components={{\n DropdownIndicator,\n Menu,\n ClearIndicator,\n Input,\n Option,\n Control,\n SingleValue,\n ...(multi && {\n MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n ValueContainer: MultiValueContainer\n }),\n ...(isVirtualized && WindowedMenuList && { MenuList: WindowedMenuList })\n }}\n // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n closeMenuOnScroll={closeMenuOnScroll}\n size={size}\n noOptionsMessage={noOptionsMessage}\n placeholder={calculatedPlaceholder}\n isDisabled={disabled}\n isClearable={!readOnly && clearable}\n isSearchable={!readOnly}\n readOnly={readOnly}\n aria-readonly={readOnly}\n aria-label={overrideAriaLabel}\n aria-details={tooltipContent}\n aria-haspopup=\"listbox\"\n defaultValue={defaultValue}\n value={value}\n onMenuOpen={onMenuOpen}\n onMenuClose={onMenuClose}\n onFocus={onFocus}\n onBlur={onBlur}\n onMenuScrollToBottom={onMenuScrollToBottom}\n captureMenuScroll={captureMenuScroll}\n onChange={onChange}\n onKeyDown={onKeyDown}\n onInputChange={onInputChange}\n openMenuOnFocus={openMenuOnFocus}\n openMenuOnClick={openMenuOnClick}\n focusedOptionId={focusedOptionId}\n isRtl={rtl}\n styles={inlineStyles}\n theme={customTheme}\n maxMenuHeight={maxMenuHeight}\n menuPortalTarget={overrideMenuPortalTarget}\n menuPlacement={menuPlacement}\n menuPosition={menuPosition}\n menuIsOpen={!readOnly && menuIsOpen}\n tabIndex={tabIndex}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n autoFocus={autoFocus}\n closeMenuOnSelect={closeMenuOnSelect}\n ref={ref as React.Ref<any>}\n withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n isOptionSelected={isOptionSelected}\n isLoading={isLoading}\n loadingMessage={loadingMessage}\n tabSelectsValue={tabSelectsValue}\n filterOption={filterOption}\n inputValue={inputValue}\n blurInputOnSelect={blurInputOnSelect}\n {...asyncAdditions}\n {...additions}\n />\n );\n }\n);\n\nexport default withStaticProps(Dropdown, {\n sizes: BaseSizes,\n chipColors: DROPDOWN_CHIP_COLORS,\n menuPlacements: DROPDOWN_MENU_PLACEMENT,\n menuPositions: DROPDOWN_MENU_POSITION,\n createFilter: createFilter\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","_ref$placeholder","placeholder","allowPlaceholderEllipsis","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onScroll","onScroll","_ref$onMenuScrollToBo","onMenuScrollToBottom","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_ref$captureMenuScrol","captureMenuScroll","_ref$options","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","_ref$clearable","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","_ref$menuPlacement","menuPlacement","rtl","_ref$size","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","_ref$extraStyles","extraStyles","defaultCustomStyles","maxMenuHeight","menuIsOpen","_ref$tabIndex","tabIndex","_ref$id","id","DROPDOWN_ID","_ref$menuId","menuId","DROPDOWN_MENU_ID","_ref$menuAriaLabel","menuAriaLabel","DROPDOWN_MENU_ARIA_LABEL","_ref$inputAriaLabel","inputAriaLabel","DROPDOWN_INPUT_ARIA_LABEL","_ref$autoFocus","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","_ref$onInputChange","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","_ref$closeMenuOnScrol","closeMenuOnScroll","customCloseMenuOnScroll","_ref$withMandatoryDef","withMandatoryDefaultOptions","isOptionSelected","_ref$insideOverflowCo","insideOverflowContainer","_ref$insideOverflowWi","insideOverflowWithTransformContainer","_ref$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","_ref$withGroupDivider","withGroupDivider","inputValue","blurInputOnSelect","controlRef","useRef","overrideMenuPortalTarget","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","BaseSelect","prototype","renderLiveRegion","_useState","useState","_useState2","_slicedToArray","WindowedMenuList","setWindowedMenuList","useEffect","isClient","isRequireAvailable","require","module","e","import","then","_useState3","_useState4","selected","setSelected","_useState5","_useState6","focusedOptionId","setFocusedOptionId","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","providedFn","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","component","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","Renderer","DropdownIndicator","DropdownIndicatorComponent","Option","OptionComponent","Input","_props$selectProps","selectProps","components","role","undefined","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","default","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","calculatedPlaceholder","Text","type","color","cx","styles","dropdown","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","isDisabled","isClearable","isSearchable","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","sizes","BaseSizes","chipColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","createFilter"],"mappings":"8gDAyCA,IAodeA,EAAAA,EA9cXC,GACF,SAAAC,EA0EEC,GACE,IAzEAC,EAASF,EAATE,UACAC,EAAsBH,EAAtBG,uBACAC,EAA2BJ,EAA3BI,4BACAC,EAA4BL,EAA5BK,6BAA4BC,EAAAN,EAC5BO,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAwBR,EAAxBQ,yBAAwBC,EAAAT,EACxBU,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAX,EAChBY,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAb,EAChBc,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAhB,EACjBiB,YAAAA,OAAcF,IAAHC,EAAGD,EAAIC,EAAAE,EAAAlB,EAClBmB,QAAAA,QAAUJ,IAAHG,EAAGH,EAAIG,EAAAE,GAAApB,EACdqB,OAAAA,QAASN,IAAHK,GAAGL,EAAIK,GAAAE,GAAAtB,EACbuB,SAAAA,QAAWR,IAAHO,GAAGP,EAAIO,GAAAE,GAAAxB,EACfyB,qBAAAA,QAAuBV,IAAHS,GAAGT,EAAIS,GAAAE,GAAA1B,EAC3B2B,SAAUC,QAAiBb,IAAHW,GAAGX,EAAIW,GAAAG,GAAA7B,EAC/B8B,WAAAA,QAAa,IAAHD,IAAOA,GAAAE,GAAA/B,EACjBgC,kBAAAA,QAAoB,IAAHD,IAAQA,GAAAE,GAAAjC,EACzBkC,QAAAA,QAAU,IAAHD,GAAG,GAAEA,GACZE,GAAYnC,EAAZmC,aACOC,GAAWpC,EAAlBqC,MACAC,GAAgBtC,EAAhBsC,iBACAC,GAAevC,EAAfuC,gBACAC,GAAexC,EAAfwC,gBAAeC,GAAAzC,EACf0C,UAAAA,QAAY,IAAHD,IAAOA,GAChBE,GAAc3C,EAAd2C,eACAC,GAAc5C,EAAd4C,eACAC,GAAa7C,EAAb6C,cACAC,GAAa9C,EAAb8C,cACAC,GAAY/C,EAAZ+C,aAAYC,GAAAhD,EACZiD,cAAAA,QAAgB,IAAHD,GAAG,SAAQA,GACxBE,GAAGlD,EAAHkD,IAAGC,GAAAnD,EACHoD,KAAAA,QAAO,IAAHD,GAAG,SAAQA,GACfE,GAAYrD,EAAZqD,aACAC,GAAYtD,EAAZsD,aACAC,GAAcvD,EAAduD,eACAC,GAAaxD,EAAbwD,cACAC,GAAgBzD,EAAhByD,iBAAgBC,GAAA1D,EAChB2D,YAAAA,QAAcC,IAAHF,GAAGE,EAAmBF,GACjCG,GAAa7D,EAAb6D,cACAC,GAAU9D,EAAV8D,WAAUC,GAAA/D,EACVgE,SAAAA,QAAW,IAAHD,GAAG,IAAGA,GAAAE,GAAAjE,EACdkE,GAAAA,QAAKC,IAAHF,GAAGE,EAAWF,GAAAG,GAAApE,EAChBqE,OAAAA,QAASC,IAAHF,GAAGE,EAAgBF,GAAAG,GAAAvE,EACzBwE,cAAAA,QAAgBC,IAAHF,GAAGE,EAAwBF,GAAAG,GAAA1E,EACxC2E,eAAAA,QAAiBC,IAAHF,GAAGE,EAAyBF,GAAAG,GAAA7E,EAC1C8E,UAAAA,QAAY,IAAHD,IAAQA,GAAAE,GAAA/E,EACjBgF,MAAAA,QAAQ,IAAHD,IAAQA,GAAAE,GAAAjF,EACbkF,UAAAA,QAAY,IAAHD,IAAQA,GACDE,GAAoBnF,EAApCoF,eACAC,GAAcrF,EAAdqF,eACAC,GAAOtF,EAAPsF,QAAOC,GAAAvF,EACPwF,cAAAA,QAAgBzE,IAAHwE,GAAGxE,EAAIwE,GAAAE,GAAAzF,EACpB0F,kBAAAA,QAAiB,IAAAD,IAAIT,GAAKS,GAAAE,GAAA3F,EAC1B4F,kBAAmBC,QAA0B,IAAHF,IAAQA,GAAAG,GAAA9F,EAClD+F,4BAAAA,QAA8B,IAAHD,IAAQA,GACnCE,GAAgBhG,EAAhBgG,iBAAgBC,GAAAjG,EAChBkG,wBAAAA,QAA0B,IAAHD,IAAQA,GAAAE,GAAAnG,EAC/BoG,qCAAAA,QAAuC,IAAHD,IAAQA,GAAAE,GAAArG,EAC5CsG,eAAAA,QAAiB,IAAHD,GAAG,GAAEA,GAAAE,GAAAvG,EACnBwG,UAAAA,QAAYzF,IAAHwF,GAAGxF,EAAIwF,GAAAE,GAAAzG,EAChB0G,UAAAA,QAAY,IAAHD,IAAQA,GACjBE,GAAc3G,EAAd2G,eACAC,GAAS5G,EAAT4G,UAASC,GAAA7G,EACT8G,gBAAAA,QAAkB,IAAHD,IAAOA,GACtBE,GAAuB/G,EAAvB+G,wBACAC,GAAYhH,EAAZgH,aAAYC,GAAAjH,EACZkH,aAAAA,QAAe,IAAHD,GAAG,WAAUA,GACVE,GAAUnH,EAAzB,eAAaoH,GAAApH,EACbqH,iBAAAA,QAAmB,IAAHD,IAAQA,GACxBE,GAAUtH,EAAVsH,WACAC,GAAiBvH,EAAjBuH,kBAIIC,GAAaC,IACbC,GACJjE,IAAqBsD,IAA2BY,SAASC,cAAcb,IACnEc,GAAuBC,GAAQ,WACnC,OAAI3F,GACK4F,MAAMC,QAAQ7F,IAChBA,GAAkC8F,KAAI,SAAAC,GAAE,OAAIC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMF,GAAI,CAAAG,aAAa,sCAC9DlG,IAA+B,CAAEkG,aAAa,IAGnDlG,EACT,GAAG,CAACA,KAEJmG,EAAWC,UAAUC,iBAAmB,WACtC,OAAO,MAIT,IAAAC,GAAgDC,EAAS,MAAKC,GAAAC,EAAAH,GAAA,GAAvDI,GAAgBF,GAAA,GAAEG,GAAmBH,GAAA,GAC5CI,GAAU,WACR,GAAIC,IAAY,CACd,IAAIC,GAAqB,EACzB,IACEA,EAAwC,mBAAZC,SAA4C,oBAAXC,MAC9D,CAAC,MAAOC,GACPH,GAAqB,CACtB,CAED,GAAIA,EAAoB,CAEtB,IAAME,EAASD,QAAQ,yBACvBJ,IAAoB,WAAA,OAAMK,EAAON,mBAClC,MAECQ,OAAO,yBAAyBC,MAAK,SAAAH,GACnCL,IAAoB,WAAA,OAAMK,EAAON,mBACnC,GAEH,CACF,GAAE,IAEH,IAAAU,GAAgCb,EAASb,IAAwB,IAAG2B,GAAAZ,EAAAW,GAAA,GAA7DE,GAAQD,GAAA,GAAEE,GAAWF,GAAA,GAC5BG,GAA8CjB,EAAS,IAAGkB,GAAAhB,EAAAe,GAAA,GAAnDE,GAAeD,GAAA,GAAEE,GAAkBF,GAAA,GACpCG,GAAsBnH,IAAkBD,GACxCqH,GAAqBlH,IAAiBD,GACtCoH,KAAiB7H,GACjB8H,GAAkB9H,SAAAA,GAAeqH,GACjCU,GAAqBrC,GAAQ,WACjC,OAAIC,MAAMC,QAAQkC,IACTA,GAAgBE,QAAO,SAACC,EAAKC,GAAM,OAAKnC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMiC,GAAKE,EAACD,CAAAA,EAAAA,EAAOjI,MAAQiI,GAAS,GAAE,CAAE,GAElF,EACT,GAAG,CAACJ,KAEEM,GAAoB1C,GAAQ,WAChC,OACElB,IAAS,GAAA6D,OACN7J,EAAW,YAAc,GAAE,KAAA6J,OAAInE,GAAcmE,KAAAA,OAC9C1C,MAAMC,QAAQkC,IAAgB,aAAAO,OAAgBP,GAAgBjC,KAAI,SAAAyC,GAAC,OAAIA,EAAEC,KAAK,IAAEC,KAAK,OAAU,SAGpG,GAAE,CAAChE,GAAWhG,EAAUsJ,GAAiB5D,KACpCjE,GAAQ2C,GAAQkF,GAAkB9H,GAElCyI,GAAe/C,GAAQ,WAE3B,IAAMgD,EAAaC,EAAmB,CACpC3H,KAAAA,GACAF,IAAAA,GACAgD,wBAAAA,GACAsB,WAAAA,GACApB,qCAAAA,GACAiB,iBAAAA,GACAvF,WAAAA,GACAtB,yBAAAA,IAMIwK,EAAerH,GAAYmH,GAG3BG,EAAoB9C,OAAO+C,QAAQF,GAAcZ,QAAO,SAACe,EAAWC,GAA6B,IAAAC,EAAAzC,EAAAwC,EAAA,GAA1BE,EAAWD,EAAA,GAAEE,EAAQF,EAAA,GAChG,OACKlD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA+C,GACHZ,EAACe,CAAAA,EAAAA,GAAc,SAACE,EAA2BC,GACzC,IAAMC,EAAaZ,EAAWQ,GACxBK,EAAWD,EAAaA,EAAWF,EAAeC,GAASD,EAEjE,OAAOD,EAASI,EAAUF,EAC3B,IAEJ,GAAE,CAAgB,GAEnB,GAAIzG,GAAO,CACLE,IACF0G,EAA2BC,SAAQ,SAACC,GAClC,IAAMC,EAAWd,EAAaa,GAC9Bb,EAAaa,GAAa,SAACH,EAAsBF,GAAoB,sCAChEM,EAASJ,EAAUF,KACtBO,OAAQ,SAEZ,IAGF,IAAMC,EAAyBhB,EAAaiB,eAC5CjB,EAAaiB,eAAiB,SAACP,EAAsBF,GAAoB,OAAKtD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACzE6D,EAAuBN,EAAUF,KACpCU,YAAa,IAEhB,CAED,OAAOlB,CACT,GAAG,CACD7H,GACAF,GACAgD,GACAE,GACA5F,EACAmD,GACAqB,GACAE,KAGIkH,GAAOC,GACX,SAACC,GAAsB,OACrBC,EAAAC,cAACC,EACKtE,OAAAC,OAAA,CAAA,EAAAkE,GACJpI,GAAIG,GACJuC,UAAWpC,GACXkI,SAAU3J,GACV1C,6BAA8BA,EAC9BkB,SAAUA,KACV,GAEJ,CAAClB,EAA8B0C,GAAcsB,GAAQG,GAAejD,KAGhEoL,GAAoBN,GACxB,SAACC,GAAkE,OACjEC,EAACC,cAAAI,mBAA+BN,EAAK,CAAElJ,KAAMA,KAAQ,GAEvD,CAACA,KAGGyJ,GAASR,GACb,SAACC,GAAwB,OACvBC,gBAACO,EAAe3E,OAAAC,OAAA,CACd0B,mBAAoBA,IAChBwC,EACJ,CAAAI,SAAU3C,GACV5J,uBAAwBA,IAE3B,GACD,CAAC4J,GAAqB5J,EAAwB2J,KAG1CiD,GAAQV,GACZ,SAACC,GACC,IAAAU,EAAwCV,EAAMW,YAAtCpD,EAAemD,EAAfnD,gBAAiB/F,EAAUkJ,EAAVlJ,WAEzB,OACEyI,EAACC,cAAAU,EAAWH,uBACNT,EAAK,CAAA,wBAHgBzC,GAAmB/F,EAAa+F,EAAkB,GAK3EsD,KAAK,WACU,iBAACvM,GAAYkD,EAChB,aAAAa,mBACGN,GACfzD,UAAWkB,SAAoBsL,IAGrC,GACA,CAAC/I,GAAQzD,IAGLyM,GAAchB,GAClB,SAACC,GAA6B,OAC5BC,gBAACe,EAAoBnF,OAAAC,OAAA,CAAA,EACfkE,EACJ,CAAA1L,SAAUA,EACV8L,SAAU1C,GACVuD,eAAgBrD,GAAgB,GAChC9J,4BAA6BA,IAEhC,GACD,CAAC4J,GAAoBpJ,EAAUsJ,GAAiB9J,IAG5CoN,GAAiBnB,GACrB,SAACC,GAAkE,OACjEC,EAACC,cAAAiB,mBAA4BnB,EAAK,CAAElJ,KAAMA,KAAQ,GAEpD,CAACA,KAGGgC,GAAiB0C,GAAQ,WAC7B,OAAO,SAAU4F,EAAqBtE,GAChCjE,IACFA,GAAqBgF,GAAmBuD,IAE1C,IAAMC,EAAqB5F,MAAMC,QAAQkC,IACrCA,GAAgB0D,QAAO,SAAAtD,GAAM,OAAIA,EAAOjI,QAAUqL,CAAW,IAC7DxD,GAEAtI,IACFA,GAAe+L,EAAoBvE,GAErCM,GAAYiE,GAEf,GAAE,CAAC/L,GAAgBuD,GAAsB+E,GAAiBC,KAErD0D,GAAc/F,GAClB,WAAA,MAAO,CACLoC,gBAAAA,GACA4D,iBAAkB1I,GAClB2I,YAAa7I,GACbgB,wBAAAA,GACAE,qCAAAA,GACAoB,WAAAA,GACAlB,eAAAA,GACAS,wBAAAA,GACA3D,KAAAA,GACD,GACD,CACE8G,GACA9E,GACAF,GACAgB,GACAE,GACAE,GACAS,GACA3D,KAmCA4K,GAAuC3K,GAAe4K,EAAcC,EAGxEF,GAAoBA,GAAkBG,SAAWH,GAEjD,IAAMI,oBACA/K,mBACFgL,YAAahL,GACbC,aAAAA,IACIC,IAAkB,CAAEA,eAAAA,MAItB+K,GAASnG,OAAAC,OAAAD,OAAAC,OAAA,CAAA,GACR/E,IAAgB,CAAEnB,QAAAA,KACnB8C,IAAS,CACXuJ,SAAS,IAIP3I,GAAoByG,GACxB,SAACmC,SACOC,EAAkBD,EAAME,OAC9B,QAAoC,UAAhCD,aAAe,EAAfA,EAAiBE,qBAAe,IAAAC,OAAA,EAAAA,EAAAC,UAAUC,SAASC,EAAWC,wBAG3DnJ,IAA2BK,IAA2BE,GAC9D,GACD,CAACF,GAAyBE,GAAsCP,KAG5DoJ,GAAwBnH,GAC5B,WAAA,OACEtH,EACE+L,EAAAC,cAAC0C,EAAK,CAAAC,KAAK,QAAQC,MAAM,WACtB7O,GAGHA,CACD,GACH,CAACC,EAA0BD,IAG7B,OACEgM,gBAACyB,GAAiB7F,OAAAC,OAAA,CAChBlI,UAAWmP,EAAGC,EAAOC,SAAUrP,GAC/B+M,YAAaY,GACbX,WAAU/E,OAAAC,OAAAD,OAAAC,OAAA,CACRuE,kBAAAA,GACAP,KAAAA,GACAoB,eAAAA,GACAT,MAAAA,GACAF,OAAAA,GACA2C,QAAAA,EACAnC,YAAAA,IACIrI,IAAS,CACXyK,WAAY1O,EACZ2O,eAAgBC,IAEdnM,IAAiBqF,IAAoB,CAAE+G,SAAU/G,KAGvDjD,kBAAmBA,GACnBxC,KAAMA,GACNd,iBAAkBA,GAClB/B,YAAa0O,GACbY,WAAYnP,EACZoP,aAAclP,GAAY8B,GAC1BqN,cAAenP,EACfA,SAAUA,EACK,gBAAAA,eACH4J,GAAiB,eACflE,GACA,gBAAA,UACdnE,aAAcA,GACdE,MAAOA,GACPvB,WAAYA,EACZG,YAAaA,EACbE,QAASA,GACTE,OAAQA,GACRI,qBAAsBA,GACtBO,kBAAmBA,GACnBL,SAlHa,SAAC2I,EAA2C0F,GAK3D,OAJIpO,IACFA,GAAe0I,EAAQ0F,GAGjBA,EAAKC,QACX,IAAK,gBACH,IAAM1C,EAAiBvI,GAAQgL,EAAK1F,OAASA,EAEzCjF,IACFA,GAAekI,GAGZtD,IACHP,GAAW,GAAAe,OAAAyF,EAAKhG,IAAe,CAAEqD,KAEnC,MAGF,IAAK,QACCjI,IACFA,KAGG2E,IAC8BP,GAA7B3D,GAAyC8B,GAC5B,MAyFrBrB,UAAWA,GACXhB,cAAeA,GACfjD,gBAAiBA,GACjBC,gBAAiBA,GACjBqH,gBAAiBA,GACjBsG,MAAOjN,GACPoM,OAAQzE,GACRuF,MAAOC,EACPxM,cAAeA,GACfJ,iBAAkBiE,GAClBzE,cAAeA,GACfiE,aAAcA,GACdpD,YAAalD,GAAYkD,GACzBE,SAAUA,GACVE,GAAIA,GAAE,cACOiD,IAAcmJ,EAAUC,EAAuBC,SAAUtM,IACtEY,UAAWA,GACXY,kBAAmBA,GACnBzF,IAAKA,EACL8F,4BAA6BA,GAC7BC,iBAAkBA,GAClBU,UAAWA,GACXC,eAAgBA,GAChBG,gBAAiBA,GACjBE,aAAcA,GACdM,WAAYA,GACZC,kBAAmBA,IACf6G,GACAE,IAGV,IAGuC,CACvCmC,MAAOC,EACPC,WAAYC,EACZC,eAAgBC,EAChBC,cAAeC,EACfC,aAAcA"}

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

@@ -1,2 +1,2 @@
-var o={dropdown:"dropdown"};!function(o){const n="s_id-9c014db6980d_3_22_0";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 .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 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown .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"};!function(o){const n="s_id-9c014db6980d_3_22_1";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 .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 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown .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/mocked_classnames/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")}},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"}},w=function(o){return r(r({},o),{},{borderRadius:e("border-radius-small"),colors:r(r({},o.colors),{},{primary25:e("primary-background-hover-color")})})},C=function(o){return{container:f(o),control:(R=o,I=R.size,function(o,n){var t=n.isDisabled,i=n.selectProps.readOnly;return r(r(r(r(r(r({},o),a(I)),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:(C=o,k=C.searchable,function(o){return r(r(r(r({},o),d()),c()),{},{display:"flex",alignItems:"center",textIndent:"-2px"},!k&&{width:"0px"})}),valueContainer:x(o),menu:(l=o,v=l.controlRef,y=l.insideOverflowContainer,w=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&&!w)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(w){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,w,C,k,R,I};export{w as customTheme,C 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"}},w=function(o){return r(r({},o),{},{borderRadius:e("border-radius-small"),colors:r(r({},o.colors),{},{primary25:e("primary-background-hover-color")})})},C=function(o){return{container:f(o),control:(D=o,z=D.size,function(o,n){var t=n.isDisabled,i=n.selectProps.readOnly;return r(r(r(r(r(r({},o),a(z)),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:(R=o,I=R.allowPlaceholderEllipsis,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")},I&&{width:"calc(100% - 22px)"})}),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:(C=o,k=C.searchable,function(o){return r(r(r(r({},o),d()),c()),{},{display:"flex",alignItems:"center",textIndent:"-2px"},!k&&{width:"0px"})}),valueContainer:x(o),menu:(l=o,v=l.controlRef,y=l.insideOverflowContainer,w=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&&!w)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(w){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,w,C,k,R,I,D,z};export{w as customTheme,C as default,y as getIndicatorSize};
 //# sourceMappingURL=Dropdown.styles.js.map