npm - @vibe/core - Versions diffs - 3.53.0-alpha-528cd.0 → 3.53.1-alpha-685df.0 - Mend

@vibe/core 3.53.0-alpha-528cd.0 → 3.53.1-alpha-685df.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 (484) hide show

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

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_f83830ba02"};!function(e){const o="s_id-a004d249e1c1_3_52_2";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_f83830ba02 {\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_b9e552feaf"};!function(e){const o="s_id-a004d249e1c1_3_53_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_b9e552feaf {\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/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_6e42331909",disabled:"disabled_efb3c844fa",selected:"selected_43debba112",active:"active_e909ab43a0",activeOutline:"activeOutline_edf7696389",optionLabel:"optionLabel_cf870d84b3",optionIcon:"optionIcon_a5c22653b0",left:"left_4a7b7d0372"};!function(o){const e="s_id-cc5db5fd586e_3_52_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".comboboxOption_6e42331909 {\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_6e42331909.disabled_efb3c844fa {\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_6e42331909.disabled_efb3c844fa:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_6e42331909.selected_43debba112 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_6e42331909:hover:not(.disabled_efb3c844fa):not(.selected_43debba112),\n.comboboxOption_6e42331909.active_e909ab43a0 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_6e42331909.activeOutline_edf7696389 {\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_6e42331909 .optionLabel_cf870d84b3 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_6e42331909 .optionIcon_a5c22653b0 {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_6e42331909 .optionIcon_a5c22653b0.left_4a7b7d0372 {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption_1471372bea",disabled:"disabled_1d572b0c37",selected:"selected_4f28fc0913",active:"active_89e40bacd7",activeOutline:"activeOutline_ff730d269d",optionLabel:"optionLabel_64570d5bd9",optionIcon:"optionIcon_a06a3c21ff",left:"left_b71fd29924"};!function(o){const e="s_id-cc5db5fd586e_3_53_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".comboboxOption_1471372bea {\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_1471372bea.disabled_1d572b0c37 {\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_1471372bea.disabled_1d572b0c37:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_1471372bea.selected_4f28fc0913 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_1471372bea:hover:not(.disabled_1d572b0c37):not(.selected_4f28fc0913),\n.comboboxOption_1471372bea.active_89e40bacd7 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_1471372bea.activeOutline_ff730d269d {\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_1471372bea .optionLabel_64570d5bd9 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_1471372bea .optionIcon_a06a3c21ff {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_1471372bea .optionIcon_a06a3c21ff.left_b71fd29924 {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_997d360c61"};!function(e){const t="s_id-f549b49034f1_3_52_2";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_997d360c61 {\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_c8d621e525"};!function(e){const t="s_id-f549b49034f1_3_53_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_c8d621e525 {\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/src/components/Counter/Counter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={counter:"counter_bcb0940b38",withAnimation:"withAnimation_49e34572f9",counterPopElastic:"counterPopElastic_76134251b1",sizeXs:"sizeXs_292b3a8fbd",sizeSmall:"sizeSmall_9aad9f42ac",sizeLarge:"sizeLarge_6afc7174dc",kindFill:"kindFill_76e1b65b66",colorPrimary:"colorPrimary_f56ac811fb",colorDark:"colorDark_bfe9d4f9f4",colorNegative:"colorNegative_3a0d67f7d6",colorLight:"colorLight_bbf5027b37",kindLine:"kindLine_3e31158463",fadeEnter:"fadeEnter_a682cb9528",fadeEnterActive:"fadeEnterActive_02c2064045",fadeExit:"fadeExit_c1b74125a9",fadeExitActive:"fadeExitActive_e948503cae","counter-pop-elastic":"counter-pop-elastic_740c644cff"};!function(n){const o="s_id-51f4f5079107_3_52_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_bcb0940b38 {\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_740c644cff {\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_49e34572f9 {\n  animation: counterPopElastic_76134251b1 var(--motion-expressive-short);\n}\n.sizeXs_292b3a8fbd {\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_9aad9f42ac {\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_6afc7174dc {\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_76e1b65b66.colorPrimary_f56ac811fb {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_76e1b65b66.colorDark_bfe9d4f9f4 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_76e1b65b66.colorNegative_3a0d67f7d6 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_76e1b65b66.colorLight_bbf5027b37 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_3e31158463 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_3e31158463.colorPrimary_f56ac811fb {\n  color: var(--primary-color);\n}\n.kindLine_3e31158463.colorDark_bfe9d4f9f4 {\n  color: var(--inverted-color-background);\n}\n.kindLine_3e31158463.colorNegative_3a0d67f7d6 {\n  color: var(--negative-color);\n}\n.kindLine_3e31158463.colorLight_bbf5027b37 {\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_a682cb9528 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_02c2064045 {\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_c1b74125a9 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_e948503cae {\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_890a313d48",withAnimation:"withAnimation_1c547be3f3",counterPopElastic:"counterPopElastic_2d28fac0a8",sizeXs:"sizeXs_7d313c3db8",sizeSmall:"sizeSmall_c26bda4e98",sizeLarge:"sizeLarge_dba7e32013",kindFill:"kindFill_94f819f842",colorPrimary:"colorPrimary_ea79bf7924",colorDark:"colorDark_2273d7541c",colorNegative:"colorNegative_4e935fcf00",colorLight:"colorLight_50ed353c6d",kindLine:"kindLine_793ebb873d",fadeEnter:"fadeEnter_3e9e4cf1b2",fadeEnterActive:"fadeEnterActive_c3791917f0",fadeExit:"fadeExit_e88a4a82f4",fadeExitActive:"fadeExitActive_586a1dc16a","counter-pop-elastic":"counter-pop-elastic_1b4d66dba8"};!function(n){const o="s_id-51f4f5079107_3_53_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_890a313d48 {\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_1b4d66dba8 {\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_1c547be3f3 {\n  animation: counterPopElastic_2d28fac0a8 var(--motion-expressive-short);\n}\n.sizeXs_7d313c3db8 {\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_c26bda4e98 {\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_dba7e32013 {\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_94f819f842.colorPrimary_ea79bf7924 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_94f819f842.colorDark_2273d7541c {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_94f819f842.colorNegative_4e935fcf00 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_94f819f842.colorLight_50ed353c6d {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_793ebb873d {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_793ebb873d.colorPrimary_ea79bf7924 {\n  color: var(--primary-color);\n}\n.kindLine_793ebb873d.colorDark_2273d7541c {\n  color: var(--inverted-color-background);\n}\n.kindLine_793ebb873d.colorNegative_4e935fcf00 {\n  color: var(--negative-color);\n}\n.kindLine_793ebb873d.colorLight_50ed353c6d {\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_3e9e4cf1b2 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_c3791917f0 {\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_e88a4a82f4 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_586a1dc16a {\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/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer_65e5034a73"};!function(e){const n="s_id-84193b4fa4fe_3_52_2";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_65e5034a73 {\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_8628127972"};!function(e){const n="s_id-84193b4fa4fe_3_53_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_8628127972 {\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/src/components/DatePicker/DatePicker.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer_a0d5ad9527",monthYearSelection:"monthYearSelection_68473826ef",rangePickerMode:"rangePickerMode_104333511d",withWeekNumber:"withWeekNumber_4694eff63b",calendarDayWeekNumber:"calendarDayWeekNumber_95011f1eac"};!function(e){const n="s_id-08c822721057_3_52_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.datepickerContainer_a0d5ad9527 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_a0d5ad9527 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_a0d5ad9527 td {\n  border: none;\n}\n.datepickerContainer_a0d5ad9527.monthYearSelection_68473826ef table tbody {\n  opacity: 0;\n}\n.datepickerContainer_a0d5ad9527.monthYearSelection_68473826ef .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_a0d5ad9527 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_a0d5ad9527 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_a0d5ad9527 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_a0d5ad9527 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_a0d5ad9527 .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_a0d5ad9527 .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_a0d5ad9527 .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_a0d5ad9527 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_a0d5ad9527 .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_a0d5ad9527 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_a0d5ad9527 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_a0d5ad9527 .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_a0d5ad9527 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_a0d5ad9527 .CalendarDay__blocked_calendar, .datepickerContainer_a0d5ad9527 .CalendarDay__blocked_calendar:active, .datepickerContainer_a0d5ad9527 .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_a0d5ad9527 .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_a0d5ad9527 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_a0d5ad9527 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_a0d5ad9527 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_a0d5ad9527 .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_a0d5ad9527.rangePickerMode_104333511d .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_a0d5ad9527.rangePickerMode_104333511d .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_a0d5ad9527.rangePickerMode_104333511d .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_a0d5ad9527.rangePickerMode_104333511d .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_a0d5ad9527.rangePickerMode_104333511d .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_a0d5ad9527.rangePickerMode_104333511d .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_a0d5ad9527.rangePickerMode_104333511d .CalendarDay__hovered_span, .datepickerContainer_a0d5ad9527.rangePickerMode_104333511d .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_a0d5ad9527.rangePickerMode_104333511d .CalendarDay__hovered_span:hover::before, .datepickerContainer_a0d5ad9527.rangePickerMode_104333511d .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_a0d5ad9527.rangePickerMode_104333511d .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_a0d5ad9527.rangePickerMode_104333511d .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_a0d5ad9527.rangePickerMode_104333511d .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_a0d5ad9527.rangePickerMode_104333511d .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_a0d5ad9527.rangePickerMode_104333511d.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_a0d5ad9527.rangePickerMode_104333511d.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_a0d5ad9527.rangePickerMode_104333511d.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_a0d5ad9527.withWeekNumber_4694eff63b {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_a0d5ad9527.withWeekNumber_4694eff63b .CalendarDay .calendarDayWeekNumber_95011f1eac {\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_a0d5ad9527.withWeekNumber_4694eff63b .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_95011f1eac {\n  display: flex;\n}\n.datepickerContainer_a0d5ad9527.withWeekNumber_4694eff63b .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_95011f1eac {\n  display: none;\n}\n.datepickerContainer_a0d5ad9527.withWeekNumber_4694eff63b .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_a0d5ad9527.withWeekNumber_4694eff63b .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_a0d5ad9527.withWeekNumber_4694eff63b .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_a0d5ad9527.withWeekNumber_4694eff63b .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_a0d5ad9527.withWeekNumber_4694eff63b .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_fbc9f2704d",monthYearSelection:"monthYearSelection_e8996a9592",rangePickerMode:"rangePickerMode_f012d09ff7",withWeekNumber:"withWeekNumber_c9058d1844",calendarDayWeekNumber:"calendarDayWeekNumber_52fd5aef66"};!function(e){const n="s_id-08c822721057_3_53_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_fbc9f2704d {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_fbc9f2704d 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_fbc9f2704d td {\n  border: none;\n}\n.datepickerContainer_fbc9f2704d.monthYearSelection_e8996a9592 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_fbc9f2704d.monthYearSelection_e8996a9592 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_fbc9f2704d .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_fbc9f2704d .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_fbc9f2704d .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_fbc9f2704d .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_fbc9f2704d .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_fbc9f2704d .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_fbc9f2704d .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_fbc9f2704d .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_fbc9f2704d .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_fbc9f2704d .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_fbc9f2704d .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_fbc9f2704d .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_fbc9f2704d .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_fbc9f2704d .CalendarDay__blocked_calendar, .datepickerContainer_fbc9f2704d .CalendarDay__blocked_calendar:active, .datepickerContainer_fbc9f2704d .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_fbc9f2704d .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_fbc9f2704d .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_fbc9f2704d .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_fbc9f2704d .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_fbc9f2704d .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_fbc9f2704d.rangePickerMode_f012d09ff7 .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_fbc9f2704d.rangePickerMode_f012d09ff7 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_fbc9f2704d.rangePickerMode_f012d09ff7 .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_fbc9f2704d.rangePickerMode_f012d09ff7 .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_fbc9f2704d.rangePickerMode_f012d09ff7 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_fbc9f2704d.rangePickerMode_f012d09ff7 .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_fbc9f2704d.rangePickerMode_f012d09ff7 .CalendarDay__hovered_span, .datepickerContainer_fbc9f2704d.rangePickerMode_f012d09ff7 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_fbc9f2704d.rangePickerMode_f012d09ff7 .CalendarDay__hovered_span:hover::before, .datepickerContainer_fbc9f2704d.rangePickerMode_f012d09ff7 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_fbc9f2704d.rangePickerMode_f012d09ff7 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_fbc9f2704d.rangePickerMode_f012d09ff7 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_fbc9f2704d.rangePickerMode_f012d09ff7 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_fbc9f2704d.rangePickerMode_f012d09ff7 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_fbc9f2704d.rangePickerMode_f012d09ff7.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_fbc9f2704d.rangePickerMode_f012d09ff7.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_fbc9f2704d.rangePickerMode_f012d09ff7.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_fbc9f2704d.withWeekNumber_c9058d1844 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_fbc9f2704d.withWeekNumber_c9058d1844 .CalendarDay .calendarDayWeekNumber_52fd5aef66 {\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_fbc9f2704d.withWeekNumber_c9058d1844 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_52fd5aef66 {\n  display: flex;\n}\n.datepickerContainer_fbc9f2704d.withWeekNumber_c9058d1844 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_52fd5aef66 {\n  display: none;\n}\n.datepickerContainer_fbc9f2704d.withWeekNumber_c9058d1844 .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_fbc9f2704d.withWeekNumber_c9058d1844 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_fbc9f2704d.withWeekNumber_c9058d1844 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_fbc9f2704d.withWeekNumber_c9058d1844 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_fbc9f2704d.withWeekNumber_c9058d1844 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader_1a965671fb",button:"button_403af872dc",buttonContent:"buttonContent_99199c37ec"};!function(e){const n="s_id-89778422f1e0_3_52_2";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_1a965671fb {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_1a965671fb .button_403af872dc {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_1a965671fb .button_403af872dc .buttonContent_99199c37ec {\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_1a965671fb .button_403af872dc .buttonContent_99199c37ec:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_228befa7bd",button:"button_587ff9e32e",buttonContent:"buttonContent_bf74d811c8"};!function(e){const n="s_id-89778422f1e0_3_53_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_228befa7bd {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_228befa7bd .button_587ff9e32e {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_228befa7bd .button_587ff9e32e .buttonContent_bf74d811c8 {\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_228befa7bd .button_587ff9e32e .buttonContent_bf74d811c8:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={monthYearPicker:"monthYearPicker_32b93e40cb",navigationWrapper:"navigationWrapper_7101519b68",navigationLeft:"navigationLeft_ffeafa8a09",navigationRight:"navigationRight_7204eea238",pickerOptions:"pickerOptions_febca71b06",pickerOption:"pickerOption_480621354d"};!function(e){const n="s_id-38af31aef936_3_52_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_32b93e40cb {\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_32b93e40cb .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_32b93e40cb .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_32b93e40cb .navigationWrapper_7101519b68 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_32b93e40cb .navigationWrapper_7101519b68.navigationLeft_ffeafa8a09 {\n  left: 21px;\n}\n.monthYearPicker_32b93e40cb .navigationWrapper_7101519b68.navigationRight_7204eea238 {\n  right: 21px;\n}\n.monthYearPicker_32b93e40cb .pickerOptions_febca71b06 {\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_32b93e40cb .pickerOptions_febca71b06 .pickerOption_480621354d {\n  min-width: 66px;\n}\n.monthYearPicker_32b93e40cb .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
+var n={monthYearPicker:"monthYearPicker_1149d73a9c",navigationWrapper:"navigationWrapper_37cd8960c0",navigationLeft:"navigationLeft_c03530d1fc",navigationRight:"navigationRight_1ad231f0e8",pickerOptions:"pickerOptions_c8006884cd",pickerOption:"pickerOption_711279534b"};!function(n){const e="s_id-38af31aef936_3_53_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_1149d73a9c {\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_1149d73a9c .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_1149d73a9c .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_1149d73a9c .navigationWrapper_37cd8960c0 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_1149d73a9c .navigationWrapper_37cd8960c0.navigationLeft_c03530d1fc {\n  left: 21px;\n}\n.monthYearPicker_1149d73a9c .navigationWrapper_37cd8960c0.navigationRight_1ad231f0e8 {\n  right: 21px;\n}\n.monthYearPicker_1149d73a9c .pickerOptions_c8006884cd {\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_1149d73a9c .pickerOptions_c8006884cd .pickerOption_711279534b {\n  min-width: 66px;\n}\n.monthYearPicker_1149d73a9c .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as o,toConsumableArray as n,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import s from"classnames";import r,{PureComponent as a}from"react";import{createPortal as l}from"react-dom";import{Manager as u,Reference as h,Popper as d}from"react-popper";import{isFunction as c}from"lodash-es";import{NOOP as p,convertToArray as m,chainFunctions as g}from"../../utils/function-utils.js";import f from"./DialogContent/DialogContent.js";import{isInsideClass as v}from"../../utils/dom-utils.js";import{Refable as D}from"../Refable/Refable.js";import{HideShowEvent as y,DialogPosition as w,AnimationType as E}from"./DialogConstants.js";import k from"./Dialog.module.scss.js";import{getTestId as C,ComponentDefaultTestId as T}from"../../tests/testIds.js";import S from"../LayerProvider/LayerContext.js";import{isClient as b}from"../../utils/ssr-utils.js";import{createObserveContentResizeModifier as O}from"./modifiers/observeContentResizeModifier.js";var M=function(p){function g(e){var o;return t(this,g),(o=i(this,g,[e])).state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},o.onMouseEnter=o.onMouseEnter.bind(o),o.onMouseLeave=o.onMouseLeave.bind(o),o.onMouseDown=o.onMouseDown.bind(o),o.onClick=o.onClick.bind(o),o.onFocus=o.onFocus.bind(o),o.onBlur=o.onBlur.bind(o),o.isShown=o.isShown.bind(o),o.onEsc=o.onEsc.bind(o),o.onClickOutside=o.onClickOutside.bind(o),o.onDialogEnter=o.onDialogEnter.bind(o),o.onDialogLeave=o.onDialogLeave.bind(o),o.getContainer=o.getContainer.bind(o),o.onContentClick=o.onContentClick.bind(o),o.onKeyDown=o.onKeyDown.bind(o),o.closeDialogOnEscape=o.closeDialogOnEscape.bind(o),o.onContextMenu=o.onContextMenu.bind(o),o.hideTimeout=null,o.showTimeout=null,o}return e(g,a),o(g,[{key:"closeDialogOnEscape",value:function(e){if(this.state.isOpen)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,y.ESCAPE_KEY);break;case"Tab":this.handleEvent(y.TAB_KEY,e.target,e);break;case"Enter":this.handleEvent(y.ENTER,e.target,e)}}},{key:"componentDidMount",value:function(){var e=this.props,o=e.shouldCallbackOnMount,n=e.onDialogDidShow,t=this.state.isOpen;b()&&document.addEventListener("keyup",this.closeDialogOnEscape),o&&t&&n&&n()}},{key:"componentWillUnmount",value:function(){b()&&document.removeEventListener("keyup",this.closeDialogOnEscape),this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}},{key:"getContainer",value:function(){var e=document.querySelector(this.props.containerSelector);if(!(e&&e instanceof Element)){var o=this.context.layerRef;return(null==o?void 0:o.current)?o.current:document.body}return e}},{key:"showDialog",value:function(e,o){var n=this,t=this.props,i=t.instantShowAndHide,s=t.getDynamicShowDelay,r=t.showDelay,a=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).preventAnimation;if(s){var l=s();r=l.showDelay||0,a=a||l.preventAnimation}i?(this.onShowDialog(e,o),this.setState({isOpen:!0,preventAnimation:a}),this.showTimeout=null):this.showTimeout=setTimeout((function(){n.onShowDialog(e,o),n.showTimeout=null,n.setState({isOpen:!0,preventAnimation:a})}),r)}},{key:"onShowDialog",value:function(e,o){this.isShown()||(0,this.props.onDialogDidShow)(e,o)}},{key:"showDialogIfNeeded",value:function(e,o){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.props.disable||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,o,n))}},{key:"hideDialog",value:function(e,o){var n=this,t=this.props,i=t.hideDelay;t.instantShowAndHide?(this.onHideDialog(e,o),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((function(){n.onHideDialog(e,o),n.setState({isOpen:!1}),n.hideTimeout=null}),i)}},{key:"onHideDialog",value:function(e,o){var n=this.props.onDialogDidHide;n&&n(e,o)}},{key:"hideDialogIfNeeded",value:function(e,o){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,o)}},{key:"handleEvent",value:function(e,o,n){var t=this.props,i=t.showTriggerIgnoreClass,s=t.hideTriggerIgnoreClass;return!this.isShowTrigger(e)||this.isShown()||v(o,i)?this.isHideTrigger(e)&&!v(o,s)?this.hideDialogIfNeeded(n,e):void 0:this.showDialogIfNeeded(n,e)}},{key:"isShown",value:function(){return this.state.isOpen||this.props.open}},{key:"isShowTrigger",value:function(e){var o=this.props,n=o.addKeyboardHideShowTriggersByDefault,t=m(o.showTrigger);return!(!n||"focus"!==e||-1>=t.indexOf("mouseenter"))||t.indexOf(e)>-1}},{key:"isHideTrigger",value:function(e){var o=this.props,n=o.addKeyboardHideShowTriggersByDefault,t=m(o.hideTrigger);return!(!n||"blur"!==e||-1>=t.indexOf("mouseleave"))||t.indexOf(e)>-1}},{key:"onMouseEnter",value:function(e){this.handleEvent("mouseenter",e.target,e)}},{key:"onMouseLeave",value:function(e){this.handleEvent("mouseleave",e.target,e)}},{key:"onClick",value:function(e){e.button||this.handleEvent("click",e.target,e)}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}},{key:"onMouseDown",value:function(e){e.button||this.handleEvent("mousedown",e.target,e)}},{key:"onFocus",value:function(e){this.handleEvent("focus",e.target,e)}},{key:"onBlur",value:function(e){this.handleEvent("blur",e.relatedTarget,e)}},{key:"onEsc",value:function(e){this.handleEvent("esckey",e.target,e)}},{key:"onContextMenu",value:function(e){var o=this.isShown();(this.isShowTrigger("contextmenu")&&!o||this.isHideTrigger("contextmenu")&&o)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}},{key:"onClickOutside",value:function(e){var o=this.props.onClickOutside;this.handleEvent("clickoutside",e.target,e),o(e)}},{key:"onDialogEnter",value:function(e){this.props.showOnDialogEnter&&this.showDialogIfNeeded(e,"DialogEnter")}},{key:"onDialogLeave",value:function(e){this.props.showOnDialogEnter&&this.hideDialogIfNeeded(e,"DialogLeave")}},{key:"onContentClick",value:function(e){var o=this.props.onContentClick;this.handleEvent("onContentClick",e.target,e),o(e)}},{key:"render",value:function(){var e=this,o=this.props,t=o.wrapperClassName,i=o.content,a=o.startingEdge,p=o.children,m=o.preventAnimationOnMount,g=o.animationType,v=o.position,y=o.showDelay,w=o.moveBy,E=o.modifiers,S=o.tooltip,M=o.tooltipClassName,H=o.referenceWrapperClassName,L=o.zIndex,A=o.hideWhenReferenceHidden,N=o.disableContainerScroll,I=o.containerSelector,R=o.observeContentResize,j=this.state.preventAnimation,B=o["data-testid"]||C(T.DIALOG,o.id),P=m||j?void 0:g,F=c(i)?i():i;return F?r.createElement(u,null,r.createElement(h,null,(function(o){var n=o.ref;return r.createElement(D,{className:s(H),ref:n,onBlur:x("onBlur",e,e.props),onKeyDown:x("onKeyDown",e,e.props),onClick:x("onClick",e,e.props),onFocus:x("onFocus",e,e.props),onMouseDown:x("onMouseDown",e,e.props),onMouseEnter:x("onMouseEnter",e,e.props),onMouseLeave:x("onMouseLeave",e,e.props),onContextMenu:x("onContextMenu",e,e.props)},p)})),b()&&l(r.createElement(d,{placement:v,modifiers:[{name:"offset",options:{offset:[w.secondary,w.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:function(e){var o=e.state;return L&&(o.styles.popper.zIndex=L+""),o}},{name:"rotator",enabled:!0,phase:"write",fn:function(e){var o=e.state;return o.styles.arrow?(o.styles.arrow.transform="".concat(o.styles.arrow.transform," rotate(45deg)"),o):o}},O(R)].concat(n(E))},(function(o){var n=o.placement,i=o.style,l=o.ref,u=o.arrowProps,h=o.isReferenceHidden;if(!e.isShown()&&n)return null;if(A&&h){var d=new CustomEvent("onReferenceHidden");e.hideDialog(d,"onReferenceHidden")}return r.createElement(f,{"data-testid":B,isReferenceHidden:A&&h,onMouseEnter:e.onDialogEnter,onMouseLeave:e.onDialogLeave,onClickOutside:e.onClickOutside,onContextMenu:e.onContextMenu,onEsc:e.onEsc,animationType:P,position:n,wrapperClassName:t,startingEdge:a,isOpen:e.isShown(),showDelay:y,styleObject:i,ref:l,onClick:e.onContentClick,hasTooltip:!!S,containerSelector:I,disableContainerScroll:N},F,S&&r.createElement("div",{style:u.style,ref:u.ref,className:s(k.arrow,M),"data-placement":n}))})),this.getContainer())):p}}],[{key:"getDerivedStateFromProps",value:function(e,o){return o.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}}])}();function x(e,o,n){return g([n[e],o[e]],!0)}M.hideShowTriggers=y,M.positions=w,M.animationTypes=E,M.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:M.hideShowTriggers.MOUSE_ENTER,hideTrigger:M.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:M.animationTypes.EXPAND,preventAnimationOnMount:!1,tooltip:!1,onDialogDidShow:p,onDialogDidHide:p,onClickOutside:p,onContentClick:p,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1,observeContentResize:!1},M.contextType=S;export{M as default};
+import{inherits as e,createClass as o,toConsumableArray as n,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import s from"classnames";import r,{PureComponent as a}from"react";import{createPortal as l}from"react-dom";import{Manager as u,Reference as h,Popper as d}from"react-popper";import{isFunction as c}from"lodash-es";import{NOOP as p,convertToArray as m,chainFunctions as g}from"../../utils/function-utils.js";import f from"./DialogContent/DialogContent.js";import{isInsideClass as v}from"../../utils/dom-utils.js";import{Refable as D}from"../Refable/Refable.js";import{HideShowEvent as w,DialogPosition as y,AnimationType as E}from"./DialogConstants.js";import k from"./Dialog.module.scss.js";import{getTestId as C,ComponentDefaultTestId as T}from"../../tests/testIds.js";import S from"../LayerProvider/LayerContext.js";import{isClient as b}from"../../utils/ssr-utils.js";import{createObserveContentResizeModifier as O}from"./modifiers/observeContentResizeModifier.js";var M=function(p){function g(e){var o;return t(this,g),(o=i(this,g,[e])).state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},o.onMouseEnter=o.onMouseEnter.bind(o),o.onMouseLeave=o.onMouseLeave.bind(o),o.onMouseDown=o.onMouseDown.bind(o),o.onClick=o.onClick.bind(o),o.onFocus=o.onFocus.bind(o),o.onBlur=o.onBlur.bind(o),o.isShown=o.isShown.bind(o),o.onEsc=o.onEsc.bind(o),o.onClickOutside=o.onClickOutside.bind(o),o.onDialogEnter=o.onDialogEnter.bind(o),o.onDialogLeave=o.onDialogLeave.bind(o),o.getContainer=o.getContainer.bind(o),o.onContentClick=o.onContentClick.bind(o),o.onKeyDown=o.onKeyDown.bind(o),o.closeDialogOnEscape=o.closeDialogOnEscape.bind(o),o.onContextMenu=o.onContextMenu.bind(o),o.hideTimeout=null,o.showTimeout=null,o}return e(g,a),o(g,[{key:"closeDialogOnEscape",value:function(e){if(this.state.isOpen)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,w.ESCAPE_KEY);break;case"Tab":this.handleEvent(w.TAB_KEY,e.target,e);break;case"Enter":this.handleEvent(w.ENTER,e.target,e)}}},{key:"componentDidMount",value:function(){var e=this.props,o=e.shouldCallbackOnMount,n=e.onDialogDidShow,t=this.state.isOpen;b()&&document.addEventListener("keyup",this.closeDialogOnEscape),o&&t&&n&&n()}},{key:"componentWillUnmount",value:function(){b()&&document.removeEventListener("keyup",this.closeDialogOnEscape),this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}},{key:"getContainer",value:function(){var e=document.querySelector(this.props.containerSelector);if(!(e&&e instanceof Element)){var o=this.context.layerRef;return(null==o?void 0:o.current)?o.current:document.body}return e}},{key:"showDialog",value:function(e,o){var n=this,t=this.props,i=t.instantShowAndHide,s=t.getDynamicShowDelay,r=t.showDelay,a=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).preventAnimation;if(s){var l=s();r=l.showDelay||0,a=a||l.preventAnimation}i?(this.onShowDialog(e,o),this.setState({isOpen:!0,preventAnimation:a}),this.showTimeout=null):this.showTimeout=setTimeout((function(){n.onShowDialog(e,o),n.showTimeout=null,n.setState({isOpen:!0,preventAnimation:a})}),r)}},{key:"onShowDialog",value:function(e,o){this.isShown()||(0,this.props.onDialogDidShow)(e,o)}},{key:"showDialogIfNeeded",value:function(e,o){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.props.disable||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,o,n))}},{key:"hideDialog",value:function(e,o){var n=this,t=this.props,i=t.hideDelay;t.instantShowAndHide?(this.onHideDialog(e,o),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((function(){n.onHideDialog(e,o),n.setState({isOpen:!1}),n.hideTimeout=null}),i)}},{key:"onHideDialog",value:function(e,o){var n=this.props.onDialogDidHide;n&&n(e,o)}},{key:"hideDialogIfNeeded",value:function(e,o){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,o)}},{key:"handleEvent",value:function(e,o,n){var t=this.props,i=t.showTriggerIgnoreClass,s=t.hideTriggerIgnoreClass;return!this.isShowTrigger(e)||this.isShown()||v(o,i)?this.isHideTrigger(e)&&!v(o,s)?this.hideDialogIfNeeded(n,e):void 0:this.showDialogIfNeeded(n,e)}},{key:"isShown",value:function(){return this.state.isOpen||this.props.open}},{key:"isShowTrigger",value:function(e){var o=this.props,n=o.addKeyboardHideShowTriggersByDefault,t=m(o.showTrigger);return!(!n||"focus"!==e||-1>=t.indexOf("mouseenter"))||t.indexOf(e)>-1}},{key:"isHideTrigger",value:function(e){var o=this.props,n=o.addKeyboardHideShowTriggersByDefault,t=m(o.hideTrigger);return!(!n||"blur"!==e||-1>=t.indexOf("mouseleave"))||t.indexOf(e)>-1}},{key:"onMouseEnter",value:function(e){this.handleEvent("mouseenter",e.target,e)}},{key:"onMouseLeave",value:function(e){this.handleEvent("mouseleave",e.target,e)}},{key:"onClick",value:function(e){e.button||this.handleEvent("click",e.target,e)}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}},{key:"onMouseDown",value:function(e){e.button||this.handleEvent("mousedown",e.target,e)}},{key:"onFocus",value:function(e){this.handleEvent("focus",e.target,e)}},{key:"onBlur",value:function(e){this.handleEvent("blur",e.relatedTarget,e)}},{key:"onEsc",value:function(e){this.handleEvent("esckey",e.target,e)}},{key:"onContextMenu",value:function(e){var o=this.isShown();(this.isShowTrigger("contextmenu")&&!o||this.isHideTrigger("contextmenu")&&o)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}},{key:"onClickOutside",value:function(e){var o=this.props.onClickOutside;this.handleEvent("clickoutside",e.target,e),o(e)}},{key:"onDialogEnter",value:function(e){this.props.showOnDialogEnter&&this.showDialogIfNeeded(e,"DialogEnter")}},{key:"onDialogLeave",value:function(e){this.props.showOnDialogEnter&&this.hideDialogIfNeeded(e,"DialogLeave")}},{key:"onContentClick",value:function(e){var o=this.props.onContentClick;this.handleEvent("onContentClick",e.target,e),o(e)}},{key:"render",value:function(){var e=this,o=this.props,t=o.wrapperClassName,i=o.content,a=o.startingEdge,p=o.children,m=o.preventAnimationOnMount,g=o.animationType,v=o.position,w=o.showDelay,y=o.moveBy,E=o.modifiers,S=o.tooltip,M=o.tooltipClassName,H=o.referenceWrapperClassName,L=o.referenceWrapperElement,A=o.zIndex,N=o.hideWhenReferenceHidden,I=o.disableContainerScroll,R=o.containerSelector,j=o.observeContentResize,B=this.state.preventAnimation,P=o["data-testid"]||C(T.DIALOG,o.id),F=m||B?void 0:g,K=c(i)?i():i;return K?r.createElement(u,null,r.createElement(h,null,(function(o){var n=o.ref;return r.createElement(D,{className:s(H),wrapperElement:L,ref:n,onBlur:x("onBlur",e,e.props),onKeyDown:x("onKeyDown",e,e.props),onClick:x("onClick",e,e.props),onFocus:x("onFocus",e,e.props),onMouseDown:x("onMouseDown",e,e.props),onMouseEnter:x("onMouseEnter",e,e.props),onMouseLeave:x("onMouseLeave",e,e.props),onContextMenu:x("onContextMenu",e,e.props)},p)})),b()&&l(r.createElement(d,{placement:v,modifiers:[{name:"offset",options:{offset:[y.secondary,y.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:function(e){var o=e.state;return A&&(o.styles.popper.zIndex=A+""),o}},{name:"rotator",enabled:!0,phase:"write",fn:function(e){var o=e.state;return o.styles.arrow?(o.styles.arrow.transform="".concat(o.styles.arrow.transform," rotate(45deg)"),o):o}},O(j)].concat(n(E))},(function(o){var n=o.placement,i=o.style,l=o.ref,u=o.arrowProps,h=o.isReferenceHidden;if(!e.isShown()&&n)return null;if(N&&h){var d=new CustomEvent("onReferenceHidden");e.hideDialog(d,"onReferenceHidden")}return r.createElement(f,{"data-testid":P,isReferenceHidden:N&&h,onMouseEnter:e.onDialogEnter,onMouseLeave:e.onDialogLeave,onClickOutside:e.onClickOutside,onContextMenu:e.onContextMenu,onEsc:e.onEsc,animationType:F,position:n,wrapperClassName:t,startingEdge:a,isOpen:e.isShown(),showDelay:w,styleObject:i,ref:l,onClick:e.onContentClick,hasTooltip:!!S,containerSelector:R,disableContainerScroll:I},K,S&&r.createElement("div",{style:u.style,ref:u.ref,className:s(k.arrow,M),"data-placement":n}))})),this.getContainer())):p}}],[{key:"getDerivedStateFromProps",value:function(e,o){return o.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}}])}();function x(e,o,n){return g([n[e],o[e]],!0)}M.hideShowTriggers=w,M.positions=y,M.animationTypes=E,M.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:M.hideShowTriggers.MOUSE_ENTER,hideTrigger:M.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:M.animationTypes.EXPAND,preventAnimationOnMount:!1,tooltip:!1,onDialogDidShow:p,onDialogDidHide:p,onClickOutside:p,onContentClick:p,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1,observeContentResize:!1},M.contextType=S;export{M as default};
 //# sourceMappingURL=Dialog.js.map

package/dist/src/components/Dialog/Dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"lodash-es\";\nimport { chainFunctions, convertToArray, NOOP } from \"../../utils/function-utils\";\nimport DialogContent from \"./DialogContent/DialogContent\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n AnimationType as AnimationTypeEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport { VibeComponentProps } from \"../../types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { DialogAnimationType, DialogPosition, DialogTriggerEvent } from \"./Dialog.types\";\nimport LayerContext from \"../LayerProvider/LayerContext\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\n\nexport interface DialogProps extends VibeComponentProps {\n /*\n Class name applied to the reference wrapper element.\n /\n referenceWrapperClassName?: string;\n /\n The placement of the dialog relative to the reference element.\n /\n position?: DialogPosition;\n /\n Custom Popper.js modifiers.\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Modifier<any>[];\n /\n The starting edge of the dialog.\n /\n startingEdge?: string;\n /\n Offset values for positioning adjustments.\n * `main` - horizontal offset\n * `secondary` - vertical offset\n /\n moveBy?: { main?: number; secondary?: number };\n /\n Delay in milliseconds before showing the dialog.\n /\n showDelay?: number;\n /\n Delay in milliseconds before hiding the dialog.\n /\n hideDelay?: number;\n /\n Events that trigger showing the dialog.\n /\n showTrigger?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n Events that trigger hiding the dialog.\n /\n hideTrigger?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n If true, prevents closing the dialog when the mouse enters it.\n /\n showOnDialogEnter?: boolean;\n /\n If true, shows the dialog when the component mounts.\n /\n shouldShowOnMount?: boolean;\n /\n If true, disables opening the dialog.\n /\n disable?: boolean;\n /\n Controls the open state of the dialog.\n /\n open?: boolean;\n /\n Derived state control for managing dialog visibility.\n /\n isOpen?: boolean;\n /\n Classes that prevent showing the dialog when present.\n /\n showTriggerIgnoreClass?: string \| Array<string>;\n /\n Classes that prevent hiding the dialog when present.\n /\n hideTriggerIgnoreClass?: string \| Array<string>;\n /\n The animation type used for the dialog.\n /\n animationType?: DialogAnimationType;\n /\n Class name applied to the dialog content container.\n /\n wrapperClassName?: string;\n /\n If true, prevents animation when mounting.\n /\n preventAnimationOnMount?: boolean;\n /\n The CSS selector of the container where the dialog is rendered.\n /\n containerSelector?: string;\n /\n If true, positions the tooltip element.\n /\n tooltip?: boolean;\n /\n Class name applied to the tooltip element.\n /\n tooltipClassName?: string;\n /\n Callback fired when the dialog is shown.\n /\n onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent \| string) => void;\n /\n Callback fired when the dialog is hidden.\n /\n onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent \| string) => void;\n /\n Callback fired when clicking outside the dialog.\n /\n onClickOutside?: (event: React.MouseEvent) => void;\n /\n Callback fired when clicking inside the dialog content.\n /\n onContentClick?: (event: React.MouseEvent) => void;\n /\n The z-index applied to the dialog.\n /\n zIndex?: number;\n /\n If true, uses derived state from props.\n /\n useDerivedStateFromProps?: boolean;\n /\n If true, makes the dialog disappear when the reference element is hidden.\n /\n hideWhenReferenceHidden?: boolean;\n /\n If true, triggers the callback when the dialog mounts.\n /\n shouldCallbackOnMount?: boolean;\n /\n If true, instantly shows and hides the dialog without delay.\n /\n instantShowAndHide?: boolean;\n /\n Callback to dynamically adjust show delay and animation behavior.\n /\n getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n /\n The content displayed inside the dialog.\n /\n content?: (() => JSX.Element) \| JSX.Element;\n /\n The element to position the dialog beside.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n If true, keyboard focus/blur events behave like mouse enter/leave.\n /\n addKeyboardHideShowTriggersByDefault?: boolean;\n /\n If true, disables scrolling for the container element.\n /\n disableContainerScroll?: boolean \| string;\n /\n Enables the observation of content resize for the popper element.\n * When set to `true`, a ResizeObserver is attached to the popper content,\n * automatically triggering repositioning when the size of the content changes.\n \n This is useful for dialogs, tooltips, or popovers with dynamic content\n * that may grow or shrink without a re-render being triggered.\n /\n observeContentResize?: boolean;\n}\n\nexport interface DialogState {\n /\n If true, the dialog is open.\n /\n isOpen?: boolean;\n /\n If true, the dialog state is derived from props.\n /\n shouldUseDerivedStateFromProps?: boolean;\n /\n If true, prevents animation when opening or closing the dialog.\n /\n preventAnimation?: boolean;\n}\n\nexport type DialogEvent = React.MouseEvent \| React.KeyboardEvent \| KeyboardEvent \| React.FocusEvent \| CustomEvent;\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n static hideShowTriggers = DialogTriggerEventEnum;\n static positions = DialogPositionEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n position: \"top\",\n modifiers: [] as Modifier<any>[],\n moveBy: { main: 0, secondary: 0 },\n showDelay: 100,\n hideDelay: 100,\n showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: false,\n shouldShowOnMount: false,\n disable: false,\n open: false,\n animationType: Dialog.animationTypes.EXPAND,\n preventAnimationOnMount: false,\n tooltip: false,\n onDialogDidShow: NOOP,\n onDialogDidHide: NOOP,\n onClickOutside: NOOP,\n onContentClick: NOOP,\n useDerivedStateFromProps: false,\n hideWhenReferenceHidden: false,\n shouldCallbackOnMount: false,\n instantShowAndHide: false,\n addKeyboardHideShowTriggersByDefault: false,\n observeContentResize: false\n };\n private showTimeout: NodeJS.Timeout;\n private hideTimeout: NodeJS.Timeout;\n context!: React.ContextType<typeof LayerContext>;\n\n constructor(props: DialogProps) {\n super(props);\n this.state = {\n shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n isOpen: props.shouldShowOnMount\n };\n\n // Binding section.\n this.onMouseEnter = this.onMouseEnter.bind(this);\n this.onMouseLeave = this.onMouseLeave.bind(this);\n this.onMouseDown = this.onMouseDown.bind(this);\n this.onClick = this.onClick.bind(this);\n this.onFocus = this.onFocus.bind(this);\n this.onBlur = this.onBlur.bind(this);\n this.isShown = this.isShown.bind(this);\n this.onEsc = this.onEsc.bind(this);\n this.onClickOutside = this.onClickOutside.bind(this);\n this.onDialogEnter = this.onDialogEnter.bind(this);\n this.onDialogLeave = this.onDialogLeave.bind(this);\n this.getContainer = this.getContainer.bind(this);\n this.onContentClick = this.onContentClick.bind(this);\n this.onKeyDown = this.onKeyDown.bind(this);\n this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n this.onContextMenu = this.onContextMenu.bind(this);\n\n // Timeouts\n this.hideTimeout = null;\n this.showTimeout = null;\n }\n\n closeDialogOnEscape(event: KeyboardEvent) {\n const { isOpen } = this.state;\n if (!isOpen) {\n return;\n }\n switch (event.key) {\n case \"Escape\":\n this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n break;\n case \"Tab\":\n this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n break;\n case \"Enter\":\n this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n break;\n default:\n break;\n }\n }\n\n componentDidMount() {\n const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n const { isOpen } = this.state;\n if (isClient()) {\n document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n if (shouldCallbackOnMount && isOpen) {\n onDialogDidShow && onDialogDidShow();\n }\n }\n\n componentWillUnmount() {\n if (isClient()) {\n document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n }\n\n static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n if (state.shouldUseDerivedStateFromProps) {\n return { isOpen: nextProps.isOpen };\n }\n return null;\n }\n\n getContainer() {\n const { containerSelector } = this.props;\n const containerElement = document.querySelector(containerSelector);\n if (!containerElement \|\| !(containerElement instanceof Element)) {\n const { layerRef } = this.context;\n if (layerRef?.current) {\n return layerRef.current;\n }\n return document.body;\n }\n return containerElement;\n }\n\n showDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string, options: { preventAnimation?: boolean } = {}) {\n const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n let finalShowDelay = showDelay;\n let preventAnimation = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay \|\| 0;\n preventAnimation = preventAnimation \|\| dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n this.onShowDialog(event, eventName);\n this.setState({ isOpen: true, preventAnimation });\n this.showTimeout = null;\n } else {\n this.showTimeout = setTimeout(() => {\n this.onShowDialog(event, eventName);\n this.showTimeout = null;\n this.setState({ isOpen: true, preventAnimation });\n }, finalShowDelay);\n }\n }\n\n onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n if (this.isShown()) return;\n const { onDialogDidShow } = this.props;\n onDialogDidShow(event, eventName);\n }\n\n showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent \| string, options = {}) {\n const { disable } = this.props;\n if (disable) {\n return;\n }\n\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n\n if (!this.showTimeout) {\n this.showDialog(event, eventName, options);\n }\n }\n\n hideDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n const { hideDelay, instantShowAndHide } = this.props;\n if (instantShowAndHide) {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n } else {\n this.hideTimeout = setTimeout(() => {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n }, hideDelay);\n }\n }\n\n onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n const { onDialogDidHide } = this.props;\n if (onDialogDidHide) onDialogDidHide(event, eventName);\n }\n\n hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n\n if (this.hideTimeout) {\n return;\n }\n this.hideDialog(event, eventName);\n }\n\n handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n if (\n this.isShowTrigger(eventName) &&\n !this.isShown() &&\n !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n ) {\n return this.showDialogIfNeeded(event, eventName);\n }\n\n if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return this.hideDialogIfNeeded(event, eventName);\n }\n }\n\n isShown() {\n const { isOpen } = this.state;\n const { open } = this.props;\n\n return isOpen \|\| open;\n }\n\n isShowTrigger(eventName: DialogTriggerEvent) {\n const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const showTriggersArray = convertToArray(showTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n return true;\n }\n }\n\n return showTriggersArray.indexOf(eventName) > -1;\n }\n\n isHideTrigger(eventName: DialogTriggerEvent) {\n const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const hideTriggersArray = convertToArray(hideTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n return true;\n }\n }\n\n return hideTriggersArray.indexOf(eventName) > -1;\n }\n\n onMouseEnter(e: React.MouseEvent) {\n this.handleEvent(\"mouseenter\", e.target, e);\n }\n\n onMouseLeave(e: React.MouseEvent) {\n this.handleEvent(\"mouseleave\", e.target, e);\n }\n\n onClick(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"click\", e.target, e);\n }\n\n onKeyDown(event: React.KeyboardEvent) {\n if (event.key === \"Enter\") {\n this.handleEvent(\"enter\", event.target, event);\n }\n\n if (event.key === \"Tab\") {\n this.handleEvent(\"tab\", event.target, event);\n }\n }\n\n onMouseDown(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"mousedown\", e.target, e);\n }\n\n onFocus(e: React.FocusEvent) {\n this.handleEvent(\"focus\", e.target, e);\n }\n\n onBlur(e: React.FocusEvent) {\n this.handleEvent(\"blur\", e.relatedTarget, e);\n }\n\n onEsc(e: React.KeyboardEvent) {\n this.handleEvent(\"esckey\", e.target, e);\n }\n\n onContextMenu(e: React.MouseEvent) {\n const isShown = this.isShown();\n if ((this.isShowTrigger(\"contextmenu\") && !isShown) \|\| (this.isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n this.handleEvent(\"contextmenu\", e.target, e);\n }\n\n onClickOutside(event: React.MouseEvent) {\n const { onClickOutside } = this.props;\n this.handleEvent(\"clickoutside\", event.target, event);\n onClickOutside(event);\n }\n\n onDialogEnter(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n }\n\n onDialogLeave(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n }\n\n onContentClick(e: React.MouseEvent) {\n const { onContentClick } = this.props;\n this.handleEvent(\"onContentClick\", e.target, e);\n onContentClick(e);\n }\n\n render() {\n const {\n wrapperClassName,\n content,\n startingEdge,\n children,\n preventAnimationOnMount,\n animationType,\n position,\n showDelay,\n moveBy,\n modifiers,\n tooltip,\n tooltipClassName,\n referenceWrapperClassName,\n zIndex,\n hideWhenReferenceHidden,\n disableContainerScroll,\n containerSelector,\n observeContentResize,\n id,\n \"data-testid\": dataTestId\n } = this.props;\n const { preventAnimation } = this.state;\n const overrideDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const animationTypeCalculated = preventAnimationOnMount \|\| preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n if (!contentRendered) {\n return children;\n }\n return (\n <Manager>\n <Reference>\n {({ ref }) => {\n return (\n <Refable\n className={cx(referenceWrapperClassName)}\n ref={ref}\n onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n >\n {children}\n </Refable>\n );\n }}\n </Reference>\n {isClient() &&\n createPortal(\n <Popper\n placement={position as unknown as PopperJS.Placement}\n modifiers={[\n {\n name: \"offset\",\n options: {\n offset: [moveBy.secondary, moveBy.main]\n }\n },\n {\n name: \"zIndex\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (zIndex) {\n state.styles.popper.zIndex = String(zIndex);\n }\n return state;\n }\n },\n {\n name: \"rotator\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (!state.styles.arrow) {\n return state;\n }\n // const reg = new RegExp(\n // /translate\$([0-9].)px, ([0-9].*)px\$/\n // );\n // const transform = state.styles.arrow.transform;\n // const res = reg.exec(transform);\n // state.styles.popper.transformOrigin = `${100 -\n // res[1]}% ${100 - res[2]}%`;\n state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n return state;\n }\n },\n createObserveContentResizeModifier(observeContentResize),\n ...modifiers\n ]}\n >\n {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n if (!this.isShown() && placement) {\n return null;\n }\n\n if (hideWhenReferenceHidden && isReferenceHidden) {\n const event = new CustomEvent(\"onReferenceHidden\");\n this.hideDialog(event, \"onReferenceHidden\");\n }\n\n return (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={this.onDialogEnter}\n onMouseLeave={this.onDialogLeave}\n onClickOutside={this.onClickOutside}\n onContextMenu={this.onContextMenu}\n onEsc={this.onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={this.isShown()}\n showDelay={showDelay}\n styleObject={style}\n ref={ref}\n onClick={this.onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowProps.style}\n ref={arrowProps.ref}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n }}\n </Popper>,\n this.getContainer()\n )}\n </Manager>\n );\n }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n // @ts-ignore\n return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","_PureComponent","props","_this","_classCallCheck","_callSuper","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","hideTimeout","showTimeout","_inherits","PureComponent","_createClass","key","value","event","this","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","_this$props","shouldCallbackOnMount","onDialogDidShow","isClient","document","addEventListener","removeEventListener","clearTimeout","containerElement","querySelector","containerSelector","Element","layerRef","context","current","body","eventName","_this2","_this$props2","instantShowAndHide","getDynamicShowDelay","finalShowDelay","showDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","options","arguments","length","undefined","disable","showDialog","_this3","_this$props3","hideDelay","onHideDialog","onDialogDidHide","hideDialog","_this$props4","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","showDialogIfNeeded","open","_this$props5","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","showTrigger","indexOf","_this$props6","hideTriggersArray","hideTrigger","e","button","relatedTarget","preventDefault","showOnDialogEnter","_this4","_this$props7","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","zIndex","hideWhenReferenceHidden","disableContainerScroll","observeContentResize","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","id","animationTypeCalculated","contentRendered","isFunction","React","Manager","createElement","Reference","_ref","ref","Refable","className","cx","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","_ref2","styles","popper","String","_ref3","arrow","transform","concat","createObserveContentResizeModifier","_toConsumableArray","_ref4","style","arrowProps","isReferenceHidden","CustomEvent","DialogContent","styleObject","hasTooltip","nextProps","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"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"}
1	+ {"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"lodash-es\";\nimport { chainFunctions, convertToArray, NOOP } from \"../../utils/function-utils\";\nimport DialogContent from \"./DialogContent/DialogContent\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n AnimationType as AnimationTypeEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport { VibeComponentProps } from \"../../types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { DialogAnimationType, DialogPosition, DialogTriggerEvent } from \"./Dialog.types\";\nimport LayerContext from \"../LayerProvider/LayerContext\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\n\nexport interface DialogProps extends VibeComponentProps {\n /*\n Class name applied to the reference wrapper element.\n /\n referenceWrapperClassName?: string;\n /\n The wrapper element type to use for React components. Defaults to \"span\".\n /\n referenceWrapperElement?: \"span\" \| \"div\";\n /\n The placement of the dialog relative to the reference element.\n /\n position?: DialogPosition;\n /\n Custom Popper.js modifiers.\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Modifier<any>[];\n /\n The starting edge of the dialog.\n /\n startingEdge?: string;\n /\n Offset values for positioning adjustments.\n * `main` - horizontal offset\n * `secondary` - vertical offset\n /\n moveBy?: { main?: number; secondary?: number };\n /\n Delay in milliseconds before showing the dialog.\n /\n showDelay?: number;\n /\n Delay in milliseconds before hiding the dialog.\n /\n hideDelay?: number;\n /\n Events that trigger showing the dialog.\n /\n showTrigger?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n Events that trigger hiding the dialog.\n /\n hideTrigger?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n If true, prevents closing the dialog when the mouse enters it.\n /\n showOnDialogEnter?: boolean;\n /\n If true, shows the dialog when the component mounts.\n /\n shouldShowOnMount?: boolean;\n /\n If true, disables opening the dialog.\n /\n disable?: boolean;\n /\n Controls the open state of the dialog.\n /\n open?: boolean;\n /\n Derived state control for managing dialog visibility.\n /\n isOpen?: boolean;\n /\n Classes that prevent showing the dialog when present.\n /\n showTriggerIgnoreClass?: string \| Array<string>;\n /\n Classes that prevent hiding the dialog when present.\n /\n hideTriggerIgnoreClass?: string \| Array<string>;\n /\n The animation type used for the dialog.\n /\n animationType?: DialogAnimationType;\n /\n Class name applied to the dialog content container.\n /\n wrapperClassName?: string;\n /\n If true, prevents animation when mounting.\n /\n preventAnimationOnMount?: boolean;\n /\n The CSS selector of the container where the dialog is rendered.\n /\n containerSelector?: string;\n /\n If true, positions the tooltip element.\n /\n tooltip?: boolean;\n /\n Class name applied to the tooltip element.\n /\n tooltipClassName?: string;\n /\n Callback fired when the dialog is shown.\n /\n onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent \| string) => void;\n /\n Callback fired when the dialog is hidden.\n /\n onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent \| string) => void;\n /\n Callback fired when clicking outside the dialog.\n /\n onClickOutside?: (event: React.MouseEvent) => void;\n /\n Callback fired when clicking inside the dialog content.\n /\n onContentClick?: (event: React.MouseEvent) => void;\n /\n The z-index applied to the dialog.\n /\n zIndex?: number;\n /\n If true, uses derived state from props.\n /\n useDerivedStateFromProps?: boolean;\n /\n If true, makes the dialog disappear when the reference element is hidden.\n /\n hideWhenReferenceHidden?: boolean;\n /\n If true, triggers the callback when the dialog mounts.\n /\n shouldCallbackOnMount?: boolean;\n /\n If true, instantly shows and hides the dialog without delay.\n /\n instantShowAndHide?: boolean;\n /\n Callback to dynamically adjust show delay and animation behavior.\n /\n getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n /\n The content displayed inside the dialog.\n /\n content?: (() => JSX.Element) \| JSX.Element;\n /\n The element to position the dialog beside.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n If true, keyboard focus/blur events behave like mouse enter/leave.\n /\n addKeyboardHideShowTriggersByDefault?: boolean;\n /\n If true, disables scrolling for the container element.\n /\n disableContainerScroll?: boolean \| string;\n /\n Enables the observation of content resize for the popper element.\n * When set to `true`, a ResizeObserver is attached to the popper content,\n * automatically triggering repositioning when the size of the content changes.\n \n This is useful for dialogs, tooltips, or popovers with dynamic content\n * that may grow or shrink without a re-render being triggered.\n /\n observeContentResize?: boolean;\n}\n\nexport interface DialogState {\n /\n If true, the dialog is open.\n /\n isOpen?: boolean;\n /\n If true, the dialog state is derived from props.\n /\n shouldUseDerivedStateFromProps?: boolean;\n /\n If true, prevents animation when opening or closing the dialog.\n /\n preventAnimation?: boolean;\n}\n\nexport type DialogEvent = React.MouseEvent \| React.KeyboardEvent \| KeyboardEvent \| React.FocusEvent \| CustomEvent;\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n static hideShowTriggers = DialogTriggerEventEnum;\n static positions = DialogPositionEnum;\n static animationTypes = AnimationTypeEnum;\n static defaultProps = {\n position: \"top\",\n modifiers: [] as Modifier<any>[],\n moveBy: { main: 0, secondary: 0 },\n showDelay: 100,\n hideDelay: 100,\n showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n showOnDialogEnter: false,\n shouldShowOnMount: false,\n disable: false,\n open: false,\n animationType: Dialog.animationTypes.EXPAND,\n preventAnimationOnMount: false,\n tooltip: false,\n onDialogDidShow: NOOP,\n onDialogDidHide: NOOP,\n onClickOutside: NOOP,\n onContentClick: NOOP,\n useDerivedStateFromProps: false,\n hideWhenReferenceHidden: false,\n shouldCallbackOnMount: false,\n instantShowAndHide: false,\n addKeyboardHideShowTriggersByDefault: false,\n observeContentResize: false\n };\n private showTimeout: NodeJS.Timeout;\n private hideTimeout: NodeJS.Timeout;\n context!: React.ContextType<typeof LayerContext>;\n\n constructor(props: DialogProps) {\n super(props);\n this.state = {\n shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n isOpen: props.shouldShowOnMount\n };\n\n // Binding section.\n this.onMouseEnter = this.onMouseEnter.bind(this);\n this.onMouseLeave = this.onMouseLeave.bind(this);\n this.onMouseDown = this.onMouseDown.bind(this);\n this.onClick = this.onClick.bind(this);\n this.onFocus = this.onFocus.bind(this);\n this.onBlur = this.onBlur.bind(this);\n this.isShown = this.isShown.bind(this);\n this.onEsc = this.onEsc.bind(this);\n this.onClickOutside = this.onClickOutside.bind(this);\n this.onDialogEnter = this.onDialogEnter.bind(this);\n this.onDialogLeave = this.onDialogLeave.bind(this);\n this.getContainer = this.getContainer.bind(this);\n this.onContentClick = this.onContentClick.bind(this);\n this.onKeyDown = this.onKeyDown.bind(this);\n this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n this.onContextMenu = this.onContextMenu.bind(this);\n\n // Timeouts\n this.hideTimeout = null;\n this.showTimeout = null;\n }\n\n closeDialogOnEscape(event: KeyboardEvent) {\n const { isOpen } = this.state;\n if (!isOpen) {\n return;\n }\n switch (event.key) {\n case \"Escape\":\n this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n break;\n case \"Tab\":\n this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n break;\n case \"Enter\":\n this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n break;\n default:\n break;\n }\n }\n\n componentDidMount() {\n const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n const { isOpen } = this.state;\n if (isClient()) {\n document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n if (shouldCallbackOnMount && isOpen) {\n onDialogDidShow && onDialogDidShow();\n }\n }\n\n componentWillUnmount() {\n if (isClient()) {\n document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n }\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n }\n\n static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n if (state.shouldUseDerivedStateFromProps) {\n return { isOpen: nextProps.isOpen };\n }\n return null;\n }\n\n getContainer() {\n const { containerSelector } = this.props;\n const containerElement = document.querySelector(containerSelector);\n if (!containerElement \|\| !(containerElement instanceof Element)) {\n const { layerRef } = this.context;\n if (layerRef?.current) {\n return layerRef.current;\n }\n return document.body;\n }\n return containerElement;\n }\n\n showDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string, options: { preventAnimation?: boolean } = {}) {\n const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n let finalShowDelay = showDelay;\n let preventAnimation = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay \|\| 0;\n preventAnimation = preventAnimation \|\| dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n this.onShowDialog(event, eventName);\n this.setState({ isOpen: true, preventAnimation });\n this.showTimeout = null;\n } else {\n this.showTimeout = setTimeout(() => {\n this.onShowDialog(event, eventName);\n this.showTimeout = null;\n this.setState({ isOpen: true, preventAnimation });\n }, finalShowDelay);\n }\n }\n\n onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n if (this.isShown()) return;\n const { onDialogDidShow } = this.props;\n onDialogDidShow(event, eventName);\n }\n\n showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent \| string, options = {}) {\n const { disable } = this.props;\n if (disable) {\n return;\n }\n\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n\n if (!this.showTimeout) {\n this.showDialog(event, eventName, options);\n }\n }\n\n hideDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n const { hideDelay, instantShowAndHide } = this.props;\n if (instantShowAndHide) {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n } else {\n this.hideTimeout = setTimeout(() => {\n this.onHideDialog(event, eventName);\n this.setState({ isOpen: false });\n this.hideTimeout = null;\n }, hideDelay);\n }\n }\n\n onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n const { onDialogDidHide } = this.props;\n if (onDialogDidHide) onDialogDidHide(event, eventName);\n }\n\n hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent \| string) {\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n\n if (this.hideTimeout) {\n return;\n }\n this.hideDialog(event, eventName);\n }\n\n handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n if (\n this.isShowTrigger(eventName) &&\n !this.isShown() &&\n !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n ) {\n return this.showDialogIfNeeded(event, eventName);\n }\n\n if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return this.hideDialogIfNeeded(event, eventName);\n }\n }\n\n isShown() {\n const { isOpen } = this.state;\n const { open } = this.props;\n\n return isOpen \|\| open;\n }\n\n isShowTrigger(eventName: DialogTriggerEvent) {\n const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const showTriggersArray = convertToArray(showTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n return true;\n }\n }\n\n return showTriggersArray.indexOf(eventName) > -1;\n }\n\n isHideTrigger(eventName: DialogTriggerEvent) {\n const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n const hideTriggersArray = convertToArray(hideTrigger);\n\n if (addKeyboardHideShowTriggersByDefault) {\n if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n return true;\n }\n }\n\n return hideTriggersArray.indexOf(eventName) > -1;\n }\n\n onMouseEnter(e: React.MouseEvent) {\n this.handleEvent(\"mouseenter\", e.target, e);\n }\n\n onMouseLeave(e: React.MouseEvent) {\n this.handleEvent(\"mouseleave\", e.target, e);\n }\n\n onClick(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"click\", e.target, e);\n }\n\n onKeyDown(event: React.KeyboardEvent) {\n if (event.key === \"Enter\") {\n this.handleEvent(\"enter\", event.target, event);\n }\n\n if (event.key === \"Tab\") {\n this.handleEvent(\"tab\", event.target, event);\n }\n }\n\n onMouseDown(e: React.MouseEvent) {\n if (e.button) return;\n this.handleEvent(\"mousedown\", e.target, e);\n }\n\n onFocus(e: React.FocusEvent) {\n this.handleEvent(\"focus\", e.target, e);\n }\n\n onBlur(e: React.FocusEvent) {\n this.handleEvent(\"blur\", e.relatedTarget, e);\n }\n\n onEsc(e: React.KeyboardEvent) {\n this.handleEvent(\"esckey\", e.target, e);\n }\n\n onContextMenu(e: React.MouseEvent) {\n const isShown = this.isShown();\n if ((this.isShowTrigger(\"contextmenu\") && !isShown) \|\| (this.isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n this.handleEvent(\"contextmenu\", e.target, e);\n }\n\n onClickOutside(event: React.MouseEvent) {\n const { onClickOutside } = this.props;\n this.handleEvent(\"clickoutside\", event.target, event);\n onClickOutside(event);\n }\n\n onDialogEnter(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n }\n\n onDialogLeave(event: React.MouseEvent) {\n const { showOnDialogEnter } = this.props;\n if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n }\n\n onContentClick(e: React.MouseEvent) {\n const { onContentClick } = this.props;\n this.handleEvent(\"onContentClick\", e.target, e);\n onContentClick(e);\n }\n\n render() {\n const {\n wrapperClassName,\n content,\n startingEdge,\n children,\n preventAnimationOnMount,\n animationType,\n position,\n showDelay,\n moveBy,\n modifiers,\n tooltip,\n tooltipClassName,\n referenceWrapperClassName,\n referenceWrapperElement,\n zIndex,\n hideWhenReferenceHidden,\n disableContainerScroll,\n containerSelector,\n observeContentResize,\n id,\n \"data-testid\": dataTestId\n } = this.props;\n const { preventAnimation } = this.state;\n const overrideDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const animationTypeCalculated = preventAnimationOnMount \|\| preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n if (!contentRendered) {\n return children;\n }\n return (\n <Manager>\n <Reference>\n {({ ref }) => {\n return (\n <Refable\n className={cx(referenceWrapperClassName)}\n wrapperElement={referenceWrapperElement}\n ref={ref}\n onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n >\n {children}\n </Refable>\n );\n }}\n </Reference>\n {isClient() &&\n createPortal(\n <Popper\n placement={position as unknown as PopperJS.Placement}\n modifiers={[\n {\n name: \"offset\",\n options: {\n offset: [moveBy.secondary, moveBy.main]\n }\n },\n {\n name: \"zIndex\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (zIndex) {\n state.styles.popper.zIndex = String(zIndex);\n }\n return state;\n }\n },\n {\n name: \"rotator\",\n enabled: true,\n phase: \"write\",\n fn({ state }) {\n if (!state.styles.arrow) {\n return state;\n }\n // const reg = new RegExp(\n // /translate\$([0-9].)px, ([0-9].*)px\$/\n // );\n // const transform = state.styles.arrow.transform;\n // const res = reg.exec(transform);\n // state.styles.popper.transformOrigin = `${100 -\n // res[1]}% ${100 - res[2]}%`;\n state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n return state;\n }\n },\n createObserveContentResizeModifier(observeContentResize),\n ...modifiers\n ]}\n >\n {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n if (!this.isShown() && placement) {\n return null;\n }\n\n if (hideWhenReferenceHidden && isReferenceHidden) {\n const event = new CustomEvent(\"onReferenceHidden\");\n this.hideDialog(event, \"onReferenceHidden\");\n }\n\n return (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={this.onDialogEnter}\n onMouseLeave={this.onDialogLeave}\n onClickOutside={this.onClickOutside}\n onContextMenu={this.onContextMenu}\n onEsc={this.onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={this.isShown()}\n showDelay={showDelay}\n styleObject={style}\n ref={ref}\n onClick={this.onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowProps.style}\n ref={arrowProps.ref}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n }}\n </Popper>,\n this.getContainer()\n )}\n </Manager>\n );\n }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n // @ts-ignore\n return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","_PureComponent","props","_this","_classCallCheck","_callSuper","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","hideTimeout","showTimeout","_inherits","PureComponent","_createClass","key","value","event","this","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","_this$props","shouldCallbackOnMount","onDialogDidShow","isClient","document","addEventListener","removeEventListener","clearTimeout","containerElement","querySelector","containerSelector","Element","layerRef","context","current","body","eventName","_this2","_this$props2","instantShowAndHide","getDynamicShowDelay","finalShowDelay","showDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","options","arguments","length","undefined","disable","showDialog","_this3","_this$props3","hideDelay","onHideDialog","onDialogDidHide","hideDialog","_this$props4","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","showDialogIfNeeded","open","_this$props5","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","showTrigger","indexOf","_this$props6","hideTriggersArray","hideTrigger","e","button","relatedTarget","preventDefault","showOnDialogEnter","_this4","_this$props7","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","referenceWrapperElement","zIndex","hideWhenReferenceHidden","disableContainerScroll","observeContentResize","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","id","animationTypeCalculated","contentRendered","isFunction","React","Manager","createElement","Reference","_ref","ref","Refable","className","cx","wrapperElement","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","_ref2","styles","popper","String","_ref3","arrow","transform","concat","createObserveContentResizeModifier","_toConsumableArray","_ref4","style","arrowProps","isReferenceHidden","CustomEvent","DialogContent","styleObject","hasTooltip","nextProps","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"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"}

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

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

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

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_379c39ea17",top:"top_6edf9ffe5f",right:"right_d52fe2ca03",left:"left_12e3cb617e",bottom:"bottom_9862a18695",bottomStart:"bottomStart_a271f014ba",topStart:"topStart_be71e8c6cf",bottomEnd:"bottomEnd_da9a008643",topEnd:"topEnd_da5229aff5",leftStart:"leftStart_dfcd0acfb5",rightStart:"rightStart_9f56e63c04",leftEnd:"leftEnd_fcea652fb1",rightEnd:"rightEnd_f46b735465",contentComponent:"contentComponent_379c39ea17",hasTooltip:"hasTooltip_0e65566443",opacitySlideAppear:"opacitySlideAppear_0ed53229c5",opacitySlideAppearActive:"opacitySlideAppearActive_9013ab1fb3",expandAppear:"expandAppear_3f0846c522",expandExit:"expandExit_280520a0d9",edgeBottom:"edgeBottom_5a1d02c8e6",edgeTop:"edgeTop_4d8149538f",expandAppearActive:"expandAppearActive_3794ec7858"};!function(e){const t="s_id-ca4097b848ab_3_52_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_379c39ea17 {\n  outline: 0;\n}\n.contentWrapper_379c39ea17.top_6edf9ffe5f, .contentWrapper_379c39ea17.right_d52fe2ca03, .contentWrapper_379c39ea17.left_12e3cb617e, .contentWrapper_379c39ea17.bottom_9862a18695 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_379c39ea17.bottomStart_a271f014ba, .contentWrapper_379c39ea17.topStart_be71e8c6cf, .contentWrapper_379c39ea17.bottomEnd_da9a008643, .contentWrapper_379c39ea17.topEnd_da5229aff5 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_379c39ea17.bottomStart_a271f014ba, .contentWrapper_379c39ea17.topStart_be71e8c6cf {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_379c39ea17.bottomEnd_da9a008643, .contentWrapper_379c39ea17.topEnd_da5229aff5 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_379c39ea17.leftStart_dfcd0acfb5, .contentWrapper_379c39ea17.rightStart_9f56e63c04, .contentWrapper_379c39ea17.leftEnd_fcea652fb1, .contentWrapper_379c39ea17.rightEnd_f46b735465 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_379c39ea17.leftStart_dfcd0acfb5, .contentWrapper_379c39ea17.rightStart_9f56e63c04 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_379c39ea17.leftEnd_fcea652fb1, .contentWrapper_379c39ea17.rightEnd_f46b735465 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_379c39ea17[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_379c39ea17:focus {\n  outline: none;\n}\n.contentComponent_379c39ea17.hasTooltip_0e65566443 {\n  padding: 6px;\n}\n.opacitySlideAppear_0ed53229c5 {\n  opacity: 0;\n}\n.opacitySlideAppear_0ed53229c5.top_6edf9ffe5f {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_0ed53229c5.right_d52fe2ca03 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_0ed53229c5.bottom_9862a18695 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_0ed53229c5.left_12e3cb617e {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_9013ab1fb3 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_9013ab1fb3.top_6edf9ffe5f, .opacitySlideAppearActive_9013ab1fb3.bottom_9862a18695 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_9013ab1fb3.right_d52fe2ca03, .opacitySlideAppearActive_9013ab1fb3.left_12e3cb617e {\n  transform: translateX(0);\n}\n.expandAppear_3f0846c522,\n.expandExit_280520a0d9 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_3f0846c522.top_6edf9ffe5f, .expandAppear_3f0846c522.topStart_be71e8c6cf, .expandAppear_3f0846c522.topEnd_da5229aff5,\n.expandExit_280520a0d9.top_6edf9ffe5f,\n.expandExit_280520a0d9.topStart_be71e8c6cf,\n.expandExit_280520a0d9.topEnd_da5229aff5 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_3f0846c522.top_6edf9ffe5f.edgeBottom_5a1d02c8e6, .expandAppear_3f0846c522.topStart_be71e8c6cf.edgeBottom_5a1d02c8e6, .expandAppear_3f0846c522.topEnd_da5229aff5.edgeBottom_5a1d02c8e6,\n.expandExit_280520a0d9.top_6edf9ffe5f.edgeBottom_5a1d02c8e6,\n.expandExit_280520a0d9.topStart_be71e8c6cf.edgeBottom_5a1d02c8e6,\n.expandExit_280520a0d9.topEnd_da5229aff5.edgeBottom_5a1d02c8e6 {\n  transform-origin: bottom left;\n}\n.expandAppear_3f0846c522.top_6edf9ffe5f.edgeTop_4d8149538f, .expandAppear_3f0846c522.topStart_be71e8c6cf.edgeTop_4d8149538f, .expandAppear_3f0846c522.topEnd_da5229aff5.edgeTop_4d8149538f,\n.expandExit_280520a0d9.top_6edf9ffe5f.edgeTop_4d8149538f,\n.expandExit_280520a0d9.topStart_be71e8c6cf.edgeTop_4d8149538f,\n.expandExit_280520a0d9.topEnd_da5229aff5.edgeTop_4d8149538f {\n  transform-origin: bottom right;\n}\n.expandAppear_3f0846c522.right_d52fe2ca03, .expandAppear_3f0846c522.rightStart_9f56e63c04, .expandAppear_3f0846c522.rightEnd_f46b735465,\n.expandExit_280520a0d9.right_d52fe2ca03,\n.expandExit_280520a0d9.rightStart_9f56e63c04,\n.expandExit_280520a0d9.rightEnd_f46b735465 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_3f0846c522.right_d52fe2ca03.edgeBottom_5a1d02c8e6, .expandAppear_3f0846c522.rightStart_9f56e63c04.edgeBottom_5a1d02c8e6, .expandAppear_3f0846c522.rightEnd_f46b735465.edgeBottom_5a1d02c8e6,\n.expandExit_280520a0d9.right_d52fe2ca03.edgeBottom_5a1d02c8e6,\n.expandExit_280520a0d9.rightStart_9f56e63c04.edgeBottom_5a1d02c8e6,\n.expandExit_280520a0d9.rightEnd_f46b735465.edgeBottom_5a1d02c8e6 {\n  transform-origin: top left;\n}\n.expandAppear_3f0846c522.right_d52fe2ca03.edgeTop_4d8149538f, .expandAppear_3f0846c522.rightStart_9f56e63c04.edgeTop_4d8149538f, .expandAppear_3f0846c522.rightEnd_f46b735465.edgeTop_4d8149538f,\n.expandExit_280520a0d9.right_d52fe2ca03.edgeTop_4d8149538f,\n.expandExit_280520a0d9.rightStart_9f56e63c04.edgeTop_4d8149538f,\n.expandExit_280520a0d9.rightEnd_f46b735465.edgeTop_4d8149538f {\n  transform-origin: bottom left;\n}\n.expandAppear_3f0846c522.bottom_9862a18695, .expandAppear_3f0846c522.bottomStart_a271f014ba, .expandAppear_3f0846c522.bottomEnd_da9a008643,\n.expandExit_280520a0d9.bottom_9862a18695,\n.expandExit_280520a0d9.bottomStart_a271f014ba,\n.expandExit_280520a0d9.bottomEnd_da9a008643 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_3f0846c522.bottom_9862a18695.edgeBottom_5a1d02c8e6, .expandAppear_3f0846c522.bottomStart_a271f014ba.edgeBottom_5a1d02c8e6, .expandAppear_3f0846c522.bottomEnd_da9a008643.edgeBottom_5a1d02c8e6,\n.expandExit_280520a0d9.bottom_9862a18695.edgeBottom_5a1d02c8e6,\n.expandExit_280520a0d9.bottomStart_a271f014ba.edgeBottom_5a1d02c8e6,\n.expandExit_280520a0d9.bottomEnd_da9a008643.edgeBottom_5a1d02c8e6 {\n  transform-origin: top left;\n}\n.expandAppear_3f0846c522.bottom_9862a18695.edgeTop_4d8149538f, .expandAppear_3f0846c522.bottomStart_a271f014ba.edgeTop_4d8149538f, .expandAppear_3f0846c522.bottomEnd_da9a008643.edgeTop_4d8149538f,\n.expandExit_280520a0d9.bottom_9862a18695.edgeTop_4d8149538f,\n.expandExit_280520a0d9.bottomStart_a271f014ba.edgeTop_4d8149538f,\n.expandExit_280520a0d9.bottomEnd_da9a008643.edgeTop_4d8149538f {\n  transform-origin: top right;\n}\n.expandAppear_3f0846c522.left_12e3cb617e, .expandAppear_3f0846c522.leftStart_dfcd0acfb5, .expandAppear_3f0846c522.leftEnd_fcea652fb1,\n.expandExit_280520a0d9.left_12e3cb617e,\n.expandExit_280520a0d9.leftStart_dfcd0acfb5,\n.expandExit_280520a0d9.leftEnd_fcea652fb1 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_3f0846c522.left_12e3cb617e.edgeBottom_5a1d02c8e6, .expandAppear_3f0846c522.leftStart_dfcd0acfb5.edgeBottom_5a1d02c8e6, .expandAppear_3f0846c522.leftEnd_fcea652fb1.edgeBottom_5a1d02c8e6,\n.expandExit_280520a0d9.left_12e3cb617e.edgeBottom_5a1d02c8e6,\n.expandExit_280520a0d9.leftStart_dfcd0acfb5.edgeBottom_5a1d02c8e6,\n.expandExit_280520a0d9.leftEnd_fcea652fb1.edgeBottom_5a1d02c8e6 {\n  transform-origin: top right;\n}\n.expandAppear_3f0846c522.left_12e3cb617e.edgeTop_4d8149538f, .expandAppear_3f0846c522.leftStart_dfcd0acfb5.edgeTop_4d8149538f, .expandAppear_3f0846c522.leftEnd_fcea652fb1.edgeTop_4d8149538f,\n.expandExit_280520a0d9.left_12e3cb617e.edgeTop_4d8149538f,\n.expandExit_280520a0d9.leftStart_dfcd0acfb5.edgeTop_4d8149538f,\n.expandExit_280520a0d9.leftEnd_fcea652fb1.edgeTop_4d8149538f {\n  transform-origin: bottom right;\n}\n.expandExit_280520a0d9 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_3794ec7858 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_3794ec7858.top_6edf9ffe5f, .expandAppearActive_3794ec7858.topStart_be71e8c6cf, .expandAppearActive_3794ec7858.topEnd_da5229aff5, .expandAppearActive_3794ec7858.bottom_9862a18695, .expandAppearActive_3794ec7858.bottomStart_a271f014ba, .expandAppearActive_3794ec7858.bottomEnd_da9a008643, .expandAppearActive_3794ec7858.right_d52fe2ca03, .expandAppearActive_3794ec7858.rightStart_9f56e63c04, .expandAppearActive_3794ec7858.rightEnd_f46b735465, .expandAppearActive_3794ec7858.left_12e3cb617e, .expandAppearActive_3794ec7858.leftStart_dfcd0acfb5, .expandAppearActive_3794ec7858.leftEnd_fcea652fb1 {\n  transform: scale(1);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_809d04da12",top:"top_f0f335c122",right:"right_8a0450097d",left:"left_c64a50d90c",bottom:"bottom_604cefaf0e",bottomStart:"bottomStart_adc6aae00b",topStart:"topStart_886d845b3f",bottomEnd:"bottomEnd_242f2d2bb2",topEnd:"topEnd_0dbb827c32",leftStart:"leftStart_8d10a317d8",rightStart:"rightStart_5dc1b7d26b",leftEnd:"leftEnd_f16a1cbd22",rightEnd:"rightEnd_40f6d6130b",contentComponent:"contentComponent_809d04da12",hasTooltip:"hasTooltip_a950737611",opacitySlideAppear:"opacitySlideAppear_968e4ef991",opacitySlideAppearActive:"opacitySlideAppearActive_0fed69a0b3",expandAppear:"expandAppear_35239cd0fb",expandExit:"expandExit_47f6476272",edgeBottom:"edgeBottom_5f8a903f01",edgeTop:"edgeTop_4aa515e5ce",expandAppearActive:"expandAppearActive_7d0660058f"};!function(e){const t="s_id-ca4097b848ab_3_53_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_809d04da12 {\n  outline: 0;\n}\n.contentWrapper_809d04da12.top_f0f335c122, .contentWrapper_809d04da12.right_8a0450097d, .contentWrapper_809d04da12.left_c64a50d90c, .contentWrapper_809d04da12.bottom_604cefaf0e {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_809d04da12.bottomStart_adc6aae00b, .contentWrapper_809d04da12.topStart_886d845b3f, .contentWrapper_809d04da12.bottomEnd_242f2d2bb2, .contentWrapper_809d04da12.topEnd_0dbb827c32 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_809d04da12.bottomStart_adc6aae00b, .contentWrapper_809d04da12.topStart_886d845b3f {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_809d04da12.bottomEnd_242f2d2bb2, .contentWrapper_809d04da12.topEnd_0dbb827c32 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_809d04da12.leftStart_8d10a317d8, .contentWrapper_809d04da12.rightStart_5dc1b7d26b, .contentWrapper_809d04da12.leftEnd_f16a1cbd22, .contentWrapper_809d04da12.rightEnd_40f6d6130b {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_809d04da12.leftStart_8d10a317d8, .contentWrapper_809d04da12.rightStart_5dc1b7d26b {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_809d04da12.leftEnd_f16a1cbd22, .contentWrapper_809d04da12.rightEnd_40f6d6130b {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_809d04da12[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_809d04da12:focus {\n  outline: none;\n}\n.contentComponent_809d04da12.hasTooltip_a950737611 {\n  padding: 6px;\n}\n.opacitySlideAppear_968e4ef991 {\n  opacity: 0;\n}\n.opacitySlideAppear_968e4ef991.top_f0f335c122 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_968e4ef991.right_8a0450097d {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_968e4ef991.bottom_604cefaf0e {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_968e4ef991.left_c64a50d90c {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_0fed69a0b3 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_0fed69a0b3.top_f0f335c122, .opacitySlideAppearActive_0fed69a0b3.bottom_604cefaf0e {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_0fed69a0b3.right_8a0450097d, .opacitySlideAppearActive_0fed69a0b3.left_c64a50d90c {\n  transform: translateX(0);\n}\n.expandAppear_35239cd0fb,\n.expandExit_47f6476272 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_35239cd0fb.top_f0f335c122, .expandAppear_35239cd0fb.topStart_886d845b3f, .expandAppear_35239cd0fb.topEnd_0dbb827c32,\n.expandExit_47f6476272.top_f0f335c122,\n.expandExit_47f6476272.topStart_886d845b3f,\n.expandExit_47f6476272.topEnd_0dbb827c32 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_35239cd0fb.top_f0f335c122.edgeBottom_5f8a903f01, .expandAppear_35239cd0fb.topStart_886d845b3f.edgeBottom_5f8a903f01, .expandAppear_35239cd0fb.topEnd_0dbb827c32.edgeBottom_5f8a903f01,\n.expandExit_47f6476272.top_f0f335c122.edgeBottom_5f8a903f01,\n.expandExit_47f6476272.topStart_886d845b3f.edgeBottom_5f8a903f01,\n.expandExit_47f6476272.topEnd_0dbb827c32.edgeBottom_5f8a903f01 {\n  transform-origin: bottom left;\n}\n.expandAppear_35239cd0fb.top_f0f335c122.edgeTop_4aa515e5ce, .expandAppear_35239cd0fb.topStart_886d845b3f.edgeTop_4aa515e5ce, .expandAppear_35239cd0fb.topEnd_0dbb827c32.edgeTop_4aa515e5ce,\n.expandExit_47f6476272.top_f0f335c122.edgeTop_4aa515e5ce,\n.expandExit_47f6476272.topStart_886d845b3f.edgeTop_4aa515e5ce,\n.expandExit_47f6476272.topEnd_0dbb827c32.edgeTop_4aa515e5ce {\n  transform-origin: bottom right;\n}\n.expandAppear_35239cd0fb.right_8a0450097d, .expandAppear_35239cd0fb.rightStart_5dc1b7d26b, .expandAppear_35239cd0fb.rightEnd_40f6d6130b,\n.expandExit_47f6476272.right_8a0450097d,\n.expandExit_47f6476272.rightStart_5dc1b7d26b,\n.expandExit_47f6476272.rightEnd_40f6d6130b {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_35239cd0fb.right_8a0450097d.edgeBottom_5f8a903f01, .expandAppear_35239cd0fb.rightStart_5dc1b7d26b.edgeBottom_5f8a903f01, .expandAppear_35239cd0fb.rightEnd_40f6d6130b.edgeBottom_5f8a903f01,\n.expandExit_47f6476272.right_8a0450097d.edgeBottom_5f8a903f01,\n.expandExit_47f6476272.rightStart_5dc1b7d26b.edgeBottom_5f8a903f01,\n.expandExit_47f6476272.rightEnd_40f6d6130b.edgeBottom_5f8a903f01 {\n  transform-origin: top left;\n}\n.expandAppear_35239cd0fb.right_8a0450097d.edgeTop_4aa515e5ce, .expandAppear_35239cd0fb.rightStart_5dc1b7d26b.edgeTop_4aa515e5ce, .expandAppear_35239cd0fb.rightEnd_40f6d6130b.edgeTop_4aa515e5ce,\n.expandExit_47f6476272.right_8a0450097d.edgeTop_4aa515e5ce,\n.expandExit_47f6476272.rightStart_5dc1b7d26b.edgeTop_4aa515e5ce,\n.expandExit_47f6476272.rightEnd_40f6d6130b.edgeTop_4aa515e5ce {\n  transform-origin: bottom left;\n}\n.expandAppear_35239cd0fb.bottom_604cefaf0e, .expandAppear_35239cd0fb.bottomStart_adc6aae00b, .expandAppear_35239cd0fb.bottomEnd_242f2d2bb2,\n.expandExit_47f6476272.bottom_604cefaf0e,\n.expandExit_47f6476272.bottomStart_adc6aae00b,\n.expandExit_47f6476272.bottomEnd_242f2d2bb2 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_35239cd0fb.bottom_604cefaf0e.edgeBottom_5f8a903f01, .expandAppear_35239cd0fb.bottomStart_adc6aae00b.edgeBottom_5f8a903f01, .expandAppear_35239cd0fb.bottomEnd_242f2d2bb2.edgeBottom_5f8a903f01,\n.expandExit_47f6476272.bottom_604cefaf0e.edgeBottom_5f8a903f01,\n.expandExit_47f6476272.bottomStart_adc6aae00b.edgeBottom_5f8a903f01,\n.expandExit_47f6476272.bottomEnd_242f2d2bb2.edgeBottom_5f8a903f01 {\n  transform-origin: top left;\n}\n.expandAppear_35239cd0fb.bottom_604cefaf0e.edgeTop_4aa515e5ce, .expandAppear_35239cd0fb.bottomStart_adc6aae00b.edgeTop_4aa515e5ce, .expandAppear_35239cd0fb.bottomEnd_242f2d2bb2.edgeTop_4aa515e5ce,\n.expandExit_47f6476272.bottom_604cefaf0e.edgeTop_4aa515e5ce,\n.expandExit_47f6476272.bottomStart_adc6aae00b.edgeTop_4aa515e5ce,\n.expandExit_47f6476272.bottomEnd_242f2d2bb2.edgeTop_4aa515e5ce {\n  transform-origin: top right;\n}\n.expandAppear_35239cd0fb.left_c64a50d90c, .expandAppear_35239cd0fb.leftStart_8d10a317d8, .expandAppear_35239cd0fb.leftEnd_f16a1cbd22,\n.expandExit_47f6476272.left_c64a50d90c,\n.expandExit_47f6476272.leftStart_8d10a317d8,\n.expandExit_47f6476272.leftEnd_f16a1cbd22 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_35239cd0fb.left_c64a50d90c.edgeBottom_5f8a903f01, .expandAppear_35239cd0fb.leftStart_8d10a317d8.edgeBottom_5f8a903f01, .expandAppear_35239cd0fb.leftEnd_f16a1cbd22.edgeBottom_5f8a903f01,\n.expandExit_47f6476272.left_c64a50d90c.edgeBottom_5f8a903f01,\n.expandExit_47f6476272.leftStart_8d10a317d8.edgeBottom_5f8a903f01,\n.expandExit_47f6476272.leftEnd_f16a1cbd22.edgeBottom_5f8a903f01 {\n  transform-origin: top right;\n}\n.expandAppear_35239cd0fb.left_c64a50d90c.edgeTop_4aa515e5ce, .expandAppear_35239cd0fb.leftStart_8d10a317d8.edgeTop_4aa515e5ce, .expandAppear_35239cd0fb.leftEnd_f16a1cbd22.edgeTop_4aa515e5ce,\n.expandExit_47f6476272.left_c64a50d90c.edgeTop_4aa515e5ce,\n.expandExit_47f6476272.leftStart_8d10a317d8.edgeTop_4aa515e5ce,\n.expandExit_47f6476272.leftEnd_f16a1cbd22.edgeTop_4aa515e5ce {\n  transform-origin: bottom right;\n}\n.expandExit_47f6476272 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_7d0660058f {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_7d0660058f.top_f0f335c122, .expandAppearActive_7d0660058f.topStart_886d845b3f, .expandAppearActive_7d0660058f.topEnd_0dbb827c32, .expandAppearActive_7d0660058f.bottom_604cefaf0e, .expandAppearActive_7d0660058f.bottomStart_adc6aae00b, .expandAppearActive_7d0660058f.bottomEnd_242f2d2bb2, .expandAppearActive_7d0660058f.right_8a0450097d, .expandAppearActive_7d0660058f.rightStart_5dc1b7d26b, .expandAppearActive_7d0660058f.rightEnd_40f6d6130b, .expandAppearActive_7d0660058f.left_c64a50d90c, .expandAppearActive_7d0660058f.leftStart_8d10a317d8, .expandAppearActive_7d0660058f.leftEnd_f16a1cbd22 {\n  transform: scale(1);\n}");export{e as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer_773eee0d56",sizeSmall:"sizeSmall_4805114116",sizeMedium:"sizeMedium_4c6f59100e",sizeLarge:"sizeLarge_1248003b3f",typePopover:"typePopover_9a2eb84ac5",typeModal:"typeModal_ae5d46c895"};!function(e){const a="s_id-f752ec1c8102_3_52_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".dialogContentContainer_773eee0d56:focus {\n  outline: none;\n}\n\n.sizeSmall_4805114116 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_4c6f59100e {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_1248003b3f {\n  padding: var(--spacing-large);\n}\n\n.typePopover_9a2eb84ac5 {\n  box-shadow: var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover_9a2eb84ac5, .black-app-theme .typePopover_9a2eb84ac5, .hacker-app-theme .typePopover_9a2eb84ac5 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_ae5d46c895 {\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_e189027620",sizeSmall:"sizeSmall_ae1108ecd5",sizeMedium:"sizeMedium_2d6fc13f59",sizeLarge:"sizeLarge_3527f48376",typePopover:"typePopover_f99ace5a01",typeModal:"typeModal_bf1d1050ac"};!function(e){const a="s_id-f752ec1c8102_3_53_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".dialogContentContainer_e189027620:focus {\n  outline: none;\n}\n\n.sizeSmall_ae1108ecd5 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_2d6fc13f59 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_3527f48376 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_f99ace5a01 {\n  box-shadow: var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover_f99ace5a01, .black-app-theme .typePopover_f99ace5a01, .hacker-app-theme .typePopover_f99ace5a01 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_bf1d1050ac {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=DialogContentContainer.module.scss.js.map

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

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