@dreamcommerce/aurora 2.18.0-2 → 2.18.0-4

package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker__container__14ccI {\n  display: flex;\n  flex-direction: column;\n  max-width: 250px;\n  padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n  border-radius: 4px;\n  overflow: hidden;\n}\n.main-module_color-picker__rbgcp__2FKdw > div {\n  display: flex;\n  flex-direction: column;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) {\n  order: -1;\n  padding: 0 !important;\n  margin-bottom: 10px;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div {\n  background-color: #F3F4F8;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div {\n  width: 24px;\n  height: 24px;\n  background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43NTc5IDIuNTgwMjFMMTAuNTg4OCAzLjc0OTI1TDExLjc1NzkgNC45MTgzTDEwLjU4ODggNi4wODczNEwxMC4wMDQzIDUuNTAyODJMMy43NDkyNSAxMS43NTc5QzMuNTg5OCAxMS45MTczIDMuMzcyMTMgMTIuMDA0NyAzLjE0NjY5IDExLjk5OThMMC44NTg1NTUgMTEuOTQ5OEMwLjQxNjE1MiAxMS45NDAyIDAuMDU5ODE2MiAxMS41ODM4IDAuMDUwMTU2OCAxMS4xNDE0TDAuMDAwMTk3MjMxIDguODUzMzJDLTAuMDA0NzI1MDIgOC42Mjc4NyAwLjA4MjY2NTkgOC40MTAyIDAuMjQyMTE4IDguMjUwNzVMNi40OTcxOCAxLjk5NTY5TDUuOTEyNjYgMS40MTExNkw3LjA4MTcgMC4yNDIxMTlMOC4yNTA3NSAxLjQxMTE2TDkuNDE5NzkgMC4yNDIxMTdDOS43NDI2MSAtMC4wODA3MDU3IDEwLjI2NiAtMC4wODA3MDU3IDEwLjU4ODggMC4yNDIxMTdMMTEuNzU3OSAxLjQxMTE2QzEyLjA4MDcgMS43MzM5OCAxMi4wODA3IDIuMjU3MzggMTEuNzU3OSAyLjU4MDIxWk03LjY2NjIzIDMuMTY0NzNMMi4wNzc3IDguNzUzMjZMMy4yNDY3NCA5LjkyMjNMOC44MzUyNyA0LjMzMzc4TDcuNjY2MjMgMy4xNjQ3M1oiIGZpbGw9IiM1QzY1N0UiLz4KPC9zdmc+Cg==) center;\n  cursor: pointer;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div svg {\n  display: none;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(4) {\n  margin-top: 10px !important;\n}\n.main-module_color-picker__header__NFjKK {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 4px 16px 9px 16px;\n  border-bottom: 1px solid #f3f4f8;\n  color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-top: 8px;\n  padding: 6px 16px 0 16px;\n  border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n  margin-top: 16px;\n}\n.main-module_color-picker__swatches-header__187FL {\n  margin-bottom: 4px;\n  color: #2d3748;\n}\n.main-module_color-picker__swatches-content__3EFZR {\n  display: flex;\n  justify-content: space-between;\n  gap: 4px;\n}\n.main-module_color-picker__swatch__2IbgR {\n  position: relative;\n  width: 26px;\n  height: 26px;\n  border-radius: 3px;\n  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n  overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n  width: 16px;\n  height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n  width: 30px;\n  height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: 3px;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n  position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n  padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n  position: absolute;\n  top: 7px;\n  left: 10px;\n}\n.main-module_color-picker__inputs__3Cmmw {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 15px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n  font-size: 12px;\n  color: #2d3748;\n  text-transform: uppercase;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: center right;\n  padding-right: 10px;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n  flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n  display: flex;\n  border: 1px solid #abb4cd;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n  border-color: transparent;\n  border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n  border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n  border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n  border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n  width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n  width: auto;\n}\n.main-module_color-picker__close-icon__JcWAL {\n  display: flex;\n  background-color: transparent;\n  cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n  fill: #2d3748;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker__container__14ccI {\n  display: flex;\n  flex-direction: column;\n  max-width: 250px;\n  padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n  border-radius: 4px;\n  overflow: hidden;\n}\n.main-module_color-picker__rbgcp__2FKdw > div {\n  display: flex;\n  flex-direction: column;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) {\n  order: -1;\n  padding: 0 !important;\n  margin-bottom: 10px;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div {\n  background-color: #F3F4F8;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div {\n  width: 24px;\n  height: 24px;\n  background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43NTc5IDIuNTgwMjFMMTAuNTg4OCAzLjc0OTI1TDExLjc1NzkgNC45MTgzTDEwLjU4ODggNi4wODczNEwxMC4wMDQzIDUuNTAyODJMMy43NDkyNSAxMS43NTc5QzMuNTg5OCAxMS45MTczIDMuMzcyMTMgMTIuMDA0NyAzLjE0NjY5IDExLjk5OThMMC44NTg1NTUgMTEuOTQ5OEMwLjQxNjE1MiAxMS45NDAyIDAuMDU5ODE2MiAxMS41ODM4IDAuMDUwMTU2OCAxMS4xNDE0TDAuMDAwMTk3MjMxIDguODUzMzJDLTAuMDA0NzI1MDIgOC42Mjc4NyAwLjA4MjY2NTkgOC40MTAyIDAuMjQyMTE4IDguMjUwNzVMNi40OTcxOCAxLjk5NTY5TDUuOTEyNjYgMS40MTExNkw3LjA4MTcgMC4yNDIxMTlMOC4yNTA3NSAxLjQxMTE2TDkuNDE5NzkgMC4yNDIxMTdDOS43NDI2MSAtMC4wODA3MDU3IDEwLjI2NiAtMC4wODA3MDU3IDEwLjU4ODggMC4yNDIxMTdMMTEuNzU3OSAxLjQxMTE2QzEyLjA4MDcgMS43MzM5OCAxMi4wODA3IDIuMjU3MzggMTEuNzU3OSAyLjU4MDIxWk03LjY2NjIzIDMuMTY0NzNMMi4wNzc3IDguNzUzMjZMMy4yNDY3NCA5LjkyMjNMOC44MzUyNyA0LjMzMzc4TDcuNjY2MjMgMy4xNjQ3M1oiIGZpbGw9IiM1QzY1N0UiLz4KPC9zdmc+Cg==) center;\n  cursor: pointer;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div:hover {\n  background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43NTc5IDQuNTgwMjFMMTIuNTg4OCA1Ljc0OTI1TDEzLjc1NzkgNi45MTgzTDEyLjU4ODggOC4wODczNEwxMi4wMDQzIDcuNTAyODJMNS43NDkyNSAxMy43NTc5QzUuNTg5OCAxMy45MTczIDUuMzcyMTMgMTQuMDA0NyA1LjE0NjY5IDEzLjk5OThMMi44NTg1NiAxMy45NDk4QzIuNDE2MTUgMTMuOTQwMiAyLjA1OTgyIDEzLjU4MzggMi4wNTAxNiAxMy4xNDE0TDIuMDAwMiAxMC44NTMzQzEuOTk1MjcgMTAuNjI3OSAyLjA4MjY3IDEwLjQxMDIgMi4yNDIxMiAxMC4yNTA3TDguNDk3MTggMy45OTU2OUw3LjkxMjY2IDMuNDExMTZMOS4wODE3IDIuMjQyMTJMMTAuMjUwNyAzLjQxMTE2TDExLjQxOTggMi4yNDIxMkMxMS43NDI2IDEuOTE5MjkgMTIuMjY2IDEuOTE5MjkgMTIuNTg4OCAyLjI0MjEyTDEzLjc1NzkgMy40MTExNkMxNC4wODA3IDMuNzMzOTggMTQuMDgwNyA0LjI1NzM4IDEzLjc1NzkgNC41ODAyMVpNOS42NjYyMyA1LjE2NDczTDQuMDc3NyAxMC43NTMzTDUuMjQ2NzQgMTEuOTIyM0wxMC44MzUzIDYuMzMzNzhMOS42NjYyMyA1LjE2NDczWiIgZmlsbD0iIzJEMzc0OCIvPgo8L3N2Zz4K) center;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div svg {\n  display: none;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(4) {\n  margin-top: 10px !important;\n}\n.main-module_color-picker__header__NFjKK {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 4px 16px 9px 16px;\n  border-bottom: 1px solid #f3f4f8;\n  color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-top: 8px;\n  padding: 6px 16px 0 16px;\n  border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n  margin-top: 16px;\n}\n.main-module_color-picker__swatches-header__187FL {\n  margin-bottom: 4px;\n  color: #2d3748;\n}\n.main-module_color-picker__swatches-content__3EFZR {\n  display: flex;\n  justify-content: space-between;\n  gap: 4px;\n}\n.main-module_color-picker__swatch__2IbgR {\n  position: relative;\n  width: 26px;\n  height: 26px;\n  border-radius: 3px;\n  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n  overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n  width: 16px;\n  height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n  width: 30px;\n  height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: 3px;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n  position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n  padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n  position: absolute;\n  top: 7px;\n  left: 10px;\n}\n.main-module_color-picker__inputs__3Cmmw {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 15px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n  font-size: 12px;\n  color: #2d3748;\n  text-transform: uppercase;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: center right;\n  padding-right: 10px;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n  flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n  display: flex;\n  border: 1px solid #abb4cd;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n  border-color: transparent;\n  border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n  border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n  border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n  border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n  width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n  width: auto;\n}\n.main-module_color-picker__close-icon__JcWAL {\n  display: flex;\n  background-color: transparent;\n  cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n  fill: #2d3748;\n}\n";
 var styles = {
   "color-picker__container": "main-module_color-picker__container__14ccI",
   "color-picker__rbgcp": "main-module_color-picker__rbgcp__2FKdw",

package/build/cjs/packages/aurora/src/index.js

@@ -2,59 +2,61 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index$v = require('./components/modal/hoc/absolute_modal/index.js');
+var index$u = require('./components/modal/hoc/absolute_modal/index.js');
 var index = require('./components/accordion/index.js');
-var index$8 = require('./components/stack/index.js');
+var index$7 = require('./components/stack/index.js');
 var index$S = require('./components/breadcrumbs/index.js');
 var index$1 = require('./components/button/index.js');
 var index$3 = require('./components/buttons_group/index.js');
-var index$C = require('./components/dropdown/context/index.js');
-var index$k = require('./components/color_picker/index.js');
+var index$B = require('./components/dropdown/context/index.js');
+var index$j = require('./components/color_picker/index.js');
 var use_click_outside = require('./hooks/use_click_outside.js');
 var icon_arrow = require('./assets/icon_arrow.js');
 var icon_tick = require('./assets/icon_tick.js');
-var index$7 = require('./components/label/index.js');
-var index$9 = require('./components/controls/index.js');
+var index$6 = require('./components/label/index.js');
+var index$8 = require('./components/controls/index.js');
 var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
 var index$H = require('./components/hint/index.js');
-var index$b = require('./components/controls/hoc/control_checkbox/index.js');
-var index$4 = require('./components/dropdown/index.js');
-var index$l = require('./components/color_picker_new/index.js');
+var index$a = require('./components/controls/hoc/control_checkbox/index.js');
+var dropdown = require('./components/dropdown/components/dropdown.js');
+var index$k = require('./components/color_picker_new/index.js');
 var index$G = require('./components/controls/hoc/control_cell_selector/index.js');
-var index$c = require('./components/controls/hoc/control_checkbox_switch/index.js');
-var index$m = require('./components/controls/hoc/control_color_picker/index.js');
-var index$n = require('./components/controls/hoc/control_color_picker_new/index.js');
-var index$5 = require('./components/dropdown/hoc/select/index.js');
-var index$j = require('./components/date_picker/index.js');
+var index$b = require('./components/controls/hoc/control_checkbox_switch/index.js');
+var index$l = require('./components/controls/hoc/control_color_picker/index.js');
+var index$m = require('./components/controls/hoc/control_color_picker_new/index.js');
+var index$4 = require('./components/dropdown/hoc/select/index.js');
+var index$i = require('./components/date_picker/index.js');
 var icon_calendar = require('./assets/icon_calendar.js');
-var index$o = require('./components/controls/hoc/control_date_picker/index.js');
+var index$n = require('./components/controls/hoc/control_date_picker/index.js');
 var index$E = require('./components/file_picker/index.js');
-var index$p = require('./components/controls/hoc/control_file_picker/index.js');
-var index$a = require('./components/controls/hoc/control_input/index.js');
-var index$6 = require('./components/dropdown/hoc/multiselect/index.js');
-var index$g = require('./components/controls/hoc/control_multi_select/index.js');
-var index$d = require('./components/controls/hoc/control_radio/index.js');
+var index$o = require('./components/controls/hoc/control_file_picker/index.js');
+var index$9 = require('./components/controls/hoc/control_input/index.js');
+var index$5 = require('./components/dropdown/hoc/multiselect/index.js');
+var index$f = require('./components/controls/hoc/control_multi_select/index.js');
+var index$c = require('./components/controls/hoc/control_radio/index.js');
 var index$I = require('./components/controls/hoc/control_radio_group/index.js');
-var index$f = require('./components/controls/hoc/control_range/index.js');
-var index$e = require('./components/controls/hoc/control_select/index.js');
-var index$x = require('./components/tag/index.js');
-var index$y = require('./components/tags_selector/index.js');
-var index$z = require('./components/controls/hoc/control_tags_selector/index.js');
-var index$h = require('./components/controls/hoc/control_textarea/index.js');
+var index$e = require('./components/controls/hoc/control_range/index.js');
+var index$d = require('./components/controls/hoc/control_select/index.js');
+var index$w = require('./components/tag/index.js');
+var index$x = require('./components/tags_selector/index.js');
+var index$y = require('./components/controls/hoc/control_tags_selector/index.js');
+var index$g = require('./components/controls/hoc/control_textarea/index.js');
 var index$F = require('./components/image_picker/index.js');
+var use_modals_context = require('./components/modal_new/hooks/use_modals_context.js');
 var modal = require('./components/modal_new/components/modal/modal.js');
 var index$P = require('./components/xhr_image_picker/index.js');
-var index$q = require('./components/controls/hoc/control_xhr_image_picker/index.js');
-var index$A = require('./components/table/index.js');
+var index$p = require('./components/controls/hoc/control_xhr_image_picker/index.js');
+var index$z = require('./components/table/index.js');
 var dataTable = require('./components/table/hoc/data-table.js');
+var index$C = require('./components/dropdown/index.js');
 var context = require('./components/flash_messenger/context.js');
 var index$J = require('./components/message-box/index.js');
 var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
 var index$K = require('./components/flash_messenger/index.js');
-var index$i = require('./components/gallery/index.js');
-var index$B = require('./components/grid/index.js');
-var index$s = require('./components/typography/index.js');
-var index$r = require('./components/heading/index.js');
+var index$h = require('./components/gallery/index.js');
+var index$A = require('./components/grid/index.js');
+var index$r = require('./components/typography/index.js');
+var index$q = require('./components/heading/index.js');
 var icon_desktop = require('./assets/icon_desktop.js');
 var icon_laptop = require('./assets/icon_laptop.js');
 var icon_mobile = require('./assets/icon_mobile.js');
@@ -62,12 +64,11 @@ var icon_tablet = require('./assets/icon_tablet.js');
 var icon_warning = require('./assets/icon_warning.js');
 var index$N = require('./components/link/index.js');
 var index$L = require('./components/loader/index.js');
-var index$t = require('./components/modal/index.js');
+var index$s = require('./components/modal/index.js');
 var modal_context = require('./components/modal/context/modal_context.js');
 var modal_provider = require('./components/modal/hoc/modal_provider.js');
-var use_modals = require('./components/modal_new/hooks/use_modals.js');
-var index$u = require('./components/modal_new/index.js');
-var index$w = require('./components/modal/hoc/relative_modal/index.js');
+var index$t = require('./components/modal_new/index.js');
+var index$v = require('./components/modal/hoc/relative_modal/index.js');
 var index$R = require('./components/scroll_sync/index.js');
 var scroll_sync_container = require('./components/scroll_sync/components/scroll_sync_container.js');
 var search_list = require('./components/search_list/components/search_list.js');
@@ -95,61 +96,63 @@ var index$M = require('./components/with_loader/index.js');
 
 
 
-exports.AbsoluteModal = index$v['default'];
+exports.AbsoluteModal = index$u['default'];
 exports.Accordion = index['default'];
-exports.Stack = index$8['default'];
+exports.Stack = index$7['default'];
 exports.Breadcrumbs = index$S.Breadcrumbs;
 exports.Button = index$1['default'];
 exports.ButtonsGroup = index$3['default'];
-exports.DropdownContext = index$C.DropdownContext;
-exports.useDropdownContext = index$C.useDropdownContext;
-exports.ColorPicker = index$k['default'];
+exports.DropdownContext = index$B.DropdownContext;
+exports.useDropdownContext = index$B.useDropdownContext;
+exports.ColorPicker = index$j['default'];
 exports.useClickOutside = use_click_outside.useClickOutside;
 exports.IconArrow = icon_arrow['default'];
 exports.IconTick = icon_tick['default'];
-exports.Label = index$7['default'];
-exports.Control = index$9['default'];
+exports.Label = index$6['default'];
+exports.Control = index$8['default'];
 exports.useToggle = use_toggle.useToggle;
 exports.Hint = index$H['default'];
-exports.ControlCheckbox = index$b['default'];
-exports.Dropdown = index$4['default'];
-exports.ColorPickerNew = index$l['default'];
+exports.ControlCheckbox = index$a['default'];
+exports.Dropdown = dropdown['default'];
+exports.ColorPickerNew = index$k['default'];
 exports.ControlCellSelector = index$G['default'];
-exports.ControlCheckboxSwitch = index$c['default'];
-exports.ControlColorPicker = index$m['default'];
-exports.ControlColorPickerNew = index$n['default'];
-exports.Select = index$5['default'];
-exports.Datepicker = index$j['default'];
+exports.ControlCheckboxSwitch = index$b['default'];
+exports.ControlColorPicker = index$l['default'];
+exports.ControlColorPickerNew = index$m['default'];
+exports.Select = index$4['default'];
+exports.Datepicker = index$i['default'];
 exports.IconCalendar = icon_calendar['default'];
-exports.ControlDatepicker = index$o['default'];
+exports.ControlDatepicker = index$n['default'];
 exports.FilePicker = index$E['default'];
-exports.ControlFilePicker = index$p['default'];
-exports.ControlInput = index$a['default'];
-exports.MultiSelect = index$6['default'];
-exports.ControlMultiSelect = index$g['default'];
-exports.ControlRadio = index$d['default'];
+exports.ControlFilePicker = index$o['default'];
+exports.ControlInput = index$9['default'];
+exports.MultiSelect = index$5['default'];
+exports.ControlMultiSelect = index$f['default'];
+exports.ControlRadio = index$c['default'];
 exports.ControlRadioGroup = index$I['default'];
-exports.ControlRange = index$f['default'];
-exports.ControlSelect = index$e['default'];
-exports.Tag = index$x['default'];
-exports.TagsSelector = index$y['default'];
-exports.ControlTagsSelector = index$z['default'];
-exports.ControlTextarea = index$h['default'];
+exports.ControlRange = index$e['default'];
+exports.ControlSelect = index$d['default'];
+exports.Tag = index$w['default'];
+exports.TagsSelector = index$x['default'];
+exports.ControlTagsSelector = index$y['default'];
+exports.ControlTextarea = index$g['default'];
 exports.ImagePicker = index$F['default'];
+exports.useModalsContext = use_modals_context.useModalsContext;
 exports.ModalNew = modal.ModalNew;
 exports.XhrImagePicker = index$P['default'];
-exports.ControlXhrImagePicker = index$q['default'];
-exports.Table = index$A['default'];
+exports.ControlXhrImagePicker = index$p['default'];
+exports.Table = index$z['default'];
 exports.DataTable = dataTable['default'];
+exports.DropdownsManager = index$C['default'];
 exports.FlashMessengerContext = context.FlashMessengerContext;
 exports.useFlashMessenger = context.useFlashMessenger;
 exports.MessageBox = index$J['default'];
 exports.FlashMessagesList = flash_messages_list['default'];
 exports.FlashMessenger = index$K['default'];
-exports.Gallery = index$i['default'];
-exports.Grid = index$B['default'];
-exports.Typography = index$s.Typography;
-exports.Heading = index$r['default'];
+exports.Gallery = index$h['default'];
+exports.Grid = index$A['default'];
+exports.Typography = index$r.Typography;
+exports.Heading = index$q['default'];
 exports.IconDesktop = icon_desktop['default'];
 exports.IconLaptop = icon_laptop['default'];
 exports.IconMobile = icon_mobile['default'];
@@ -157,12 +160,11 @@ exports.IconTablet = icon_tablet['default'];
 exports.IconWarning = icon_warning['default'];
 exports.Link = index$N['default'];
 exports.Loader = index$L['default'];
-exports.Modal = index$t['default'];
+exports.Modal = index$s['default'];
 exports.ModalContext = modal_context.ModalContext;
 exports.ModalProvider = modal_provider['default'];
-exports.useModals = use_modals['default'];
-exports.ModalsManager = index$u['default'];
-exports.RelativeModal = index$w['default'];
+exports.ModalsManager = index$t['default'];
+exports.RelativeModal = index$v['default'];
 exports.ScrollSync = index$R.ScrollSync;
 exports.ScrollSyncContainer = scroll_sync_container.ScrollSyncContainer;
 exports.SearchList = search_list.SearchList;

package/build/cjs/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/external/uuid/dist/esm-browser/regex.js

@@ -0,0 +1,4 @@
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+
+export default REGEX;
+//# sourceMappingURL=regex.js.map

package/build/esm/external/uuid/dist/esm-browser/regex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}

package/build/esm/external/uuid/dist/esm-browser/rng.js

@@ -0,0 +1,22 @@
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
+    // find the complete implementation of crypto (msCrypto) on IE11.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+export default rng;
+//# sourceMappingURL=rng.js.map

package/build/esm/external/uuid/dist/esm-browser/rng.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/external/uuid/dist/esm-browser/stringify.js

@@ -0,0 +1,32 @@
+import validate from './validate.js';
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+var byteToHex = [];
+
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).substr(1));
+}
+
+function stringify(arr) {
+  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0; // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+
+  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+export default stringify;
+//# sourceMappingURL=stringify.js.map

package/build/esm/external/uuid/dist/esm-browser/stringify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/external/uuid/dist/esm-browser/v4.js

@@ -0,0 +1,25 @@
+import rng from './rng.js';
+import stringify from './stringify.js';
+
+function v4(options, buf, offset) {
+  options = options || {};
+  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (var i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return stringify(rnds);
+}
+
+export default v4;
+//# sourceMappingURL=v4.js.map

package/build/esm/external/uuid/dist/esm-browser/v4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/external/uuid/dist/esm-browser/validate.js

@@ -0,0 +1,8 @@
+import REGEX from './regex.js';
+
+function validate(uuid) {
+  return typeof uuid === 'string' && REGEX.test(uuid);
+}
+
+export default validate;
+//# sourceMappingURL=validate.js.map

package/build/esm/external/uuid/dist/esm-browser/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js

@@ -34,13 +34,15 @@ var ColorPickerFooter = function ColorPickerFooter() {
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(styles[cssColorPickerFooter])
   }, /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    variant: "outline",
+    variant: "link",
+    color: "secondary",
+    type: "button",
     onClick: handleCancelButton
   }, t('cancel')), /*#__PURE__*/React.createElement(Button, {
-    size: "small",
+    variant: "link",
+    type: "button",
     onClick: handleSaveButton
-  }, t('save')));
+  }, t('choose')));
 };
 
 export { ColorPickerFooter };

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js

@@ -10,7 +10,7 @@ import { ColorPickerHeader } from './color-picker-header.js';
 import { ColorPickerInputs } from './color-picker-inputs/color-picker-inputs.js';
 import { ColorPickerSwatch } from './color-picker-swatch.js';
 import { ColorPickerSwatches } from './color-picker-swatches.js';
-import Dropdown from '../../dropdown/index.js';
+import Dropdown from '../../dropdown/components/dropdown.js';
 
 var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
   var id = _ref.id,
@@ -18,8 +18,7 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
 
   var _useContext = useContext(ColorPickerNewContext),
       color = _useContext.color,
-      setColor = _useContext.setColor,
-      handleCancel = _useContext.handleCancel;
+      setColor = _useContext.setColor;
 
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(styles[cssColorPicker])
@@ -33,7 +32,9 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
     id: id,
     name: name
   }))), /*#__PURE__*/React.createElement(Dropdown.Content, {
-    onClickOutside: handleCancel
+    shouldCloseOnClickOutside: false,
+    shouldCloseOnScroll: false,
+    shouldCloseOthersOnOpen: true
   }, /*#__PURE__*/React.createElement(ColorPickerHeader, null), /*#__PURE__*/React.createElement("div", {
     className: "".concat(styles[cssColorPickerContainer])
   }, /*#__PURE__*/React.createElement(ColorPicker, {

package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,4BAA4B,0FAA8F;AAC1H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,4BAA4B,0FAA8F;AAC1H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js

@@ -5,7 +5,7 @@ import withTranslation from '../../../../utilities/translation/with_translation.
 import { PureColorPicker } from '../../../color_picker/index.js';
 import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
-import Dropdown from '../../../dropdown/index.js';
+import Dropdown from '../../../dropdown/components/dropdown.js';
 import ColorPickerLabel from '../../../color_picker/components/label.js';
 
 /**

package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js

@@ -3,7 +3,7 @@ import { objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_
 import withTranslation from '../../../../utilities/translation/with_translation.js';
 import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
-import Dropdown from '../../../dropdown/index.js';
+import Dropdown from '../../../dropdown/components/dropdown.js';
 import useValueController from '../../../date_picker/hooks/use_value_controller.js';
 import DatepickerContext from '../../../date_picker/context/value_controller_context.js';
 import { RangePicker } from '../../../date_picker/hoc/range_picker.js';

package/build/esm/packages/aurora/src/components/date_picker/components/month_controller.js

@@ -1,5 +1,5 @@
 import React, { useContext, useRef } from 'react';
-import Dropdown from '../../dropdown/index.js';
+import Dropdown from '../../dropdown/components/dropdown.js';
 import { DATE_PICKER_TEST_ID } from '../constants.js';
 import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
 import { cssDatePickerController, cssDatePickerControllerArrow, cssDatePickerControllerArrowLeft, cssDatePickerControllerTitle, cssDatePickerControllerArrowRight } from '../css_classes.js';

package/build/esm/packages/aurora/src/components/dropdown/components/content.js

@@ -18,6 +18,8 @@ import { useClickOutside } from '../../../hooks/use_click_outside.js';
 import IconArrow from '../../../assets/icon_arrow.js';
 import cssClasses$1 from '../../../css/hint/main.module.less.js';
 import cssClasses$2 from '../../../css/tooltip/main.module.less.js';
+import { useDropdownsManagerContext } from '../hooks/use_dropdowns_manager_context.js';
+import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
 
 /**
  * Dropdown.Content component. This togglable part of dropdown.
@@ -39,7 +41,13 @@ var Content = function Content(_ref) {
       verticalPosition = _ref$verticalPosition === void 0 ? 'bottom' : _ref$verticalPosition,
       cssClass = _ref.cssClass,
       portalContainer = _ref.portalContainer,
-      onClickOutside = _ref.onClickOutside;
+      _ref$shouldCloseOnCli = _ref.shouldCloseOnClickOutside,
+      shouldCloseOnClickOutside = _ref$shouldCloseOnCli === void 0 ? true : _ref$shouldCloseOnCli,
+      onClickOutside = _ref.onClickOutside,
+      _ref$shouldCloseOnScr = _ref.shouldCloseOnScroll,
+      shouldCloseOnScroll = _ref$shouldCloseOnScr === void 0 ? true : _ref$shouldCloseOnScr,
+      _ref$shouldCloseOther = _ref.shouldCloseOthersOnOpen,
+      shouldCloseOthersOnOpen = _ref$shouldCloseOther === void 0 ? false : _ref$shouldCloseOther;
 
   var _useTranslation = useTranslation(),
       _useTranslation2 = _slicedToArray(_useTranslation, 1),
@@ -50,6 +58,8 @@ var Content = function Content(_ref) {
   var _useDropdownContext = useDropdownContext(),
       wrapperRef = _useDropdownContext.wrapperRef,
       toggleDropdown = _useDropdownContext.toggleDropdown,
+      openDropdown = _useDropdownContext.openDropdown,
+      closeDropdown = _useDropdownContext.closeDropdown,
       isOpen = _useDropdownContext.isOpen;
 
   var _useState = useState(),
@@ -57,18 +67,49 @@ var Content = function Content(_ref) {
       bounding = _useState2[0],
       setBounding = _useState2[1];
 
-  var _useState3 = useState({
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      parentScrollTop = _useState4[0],
+      setParentScrollTop = _useState4[1];
+
+  var dropdownIdRef = useRef("dropdown-".concat(v4()));
+
+  var _useDropdownsManagerC = useDropdownsManagerContext(),
+      addDropdown = _useDropdownsManagerC.addDropdown,
+      updateDropdown = _useDropdownsManagerC.updateDropdown,
+      getDropdown = _useDropdownsManagerC.getDropdown;
+
+  var dropdown = getDropdown(dropdownIdRef.current);
+
+  var _useState5 = useState({
     top: '0px',
     bottom: '0px',
     left: '0px',
     zIndex: DROPDOWN_Z_INDEX
   }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      styles = _useState4[0],
-      setStyles = _useState4[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      styles = _useState6[0],
+      setStyles = _useState6[1];
 
   var windowYScroll = window.scrollY;
   var windowHeightMinusYOffset = window.innerHeight - windowYScroll;
+  useEffect(function () {
+    addDropdown({
+      id: dropdownIdRef.current,
+      isOpen: false
+    });
+  }, []);
+  useEffect(function () {
+    updateDropdown({
+      id: dropdownIdRef.current,
+      isOpen: !!isOpen
+    });
+  }, [isOpen]);
+  useEffect(function () {
+    if (shouldCloseOthersOnOpen) {
+      dropdown !== null && dropdown !== void 0 && dropdown.isOpen ? openDropdown === null || openDropdown === void 0 ? void 0 : openDropdown() : closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
+    }
+  }, [dropdown === null || dropdown === void 0 ? void 0 : dropdown.isOpen]);
   useEffect(function () {
     contentRef.current && setBounding(getBounding(contentRef.current));
     return function () {
@@ -101,7 +142,7 @@ var Content = function Content(_ref) {
   useClickOutside({
     refs: refs,
     callback: function callback() {
-      if (typeof toggleDropdown === 'function') {
+      if (typeof toggleDropdown === 'function' && shouldCloseOnClickOutside) {
         toggleDropdown();
         onClickOutside === null || onClickOutside === void 0 || onClickOutside();
       }
@@ -167,7 +208,7 @@ var Content = function Content(_ref) {
         zIndex: zIndex
       });
     }
-  }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset]);
+  }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, windowYScroll, windowHeightMinusYOffset, parentScrollTop]);
   useEffect(function () {
     var _UiDomUtils$getFirstS;
 
@@ -175,16 +216,22 @@ var Content = function Content(_ref) {
     var scrollableParent = (_UiDomUtils$getFirstS = UiDomUtils.getFirstScrollableParent(wrapperRef.current)) !== null && _UiDomUtils$getFirstS !== void 0 ? _UiDomUtils$getFirstS : document.body;
 
     var handleWindowScroll = function handleWindowScroll() {
-      if (typeof toggleDropdown === 'function') {
+      if (typeof toggleDropdown === 'function' && shouldCloseOnScroll) {
         toggleDropdown();
       }
     };
 
+    var setParentScrollTopValue = function setParentScrollTopValue() {
+      setParentScrollTop(scrollableParent.scrollTop);
+    };
+
     scrollableParent.addEventListener('scroll', handleWindowScroll, {
       once: true
     });
+    scrollableParent.addEventListener('scroll', setParentScrollTopValue);
     return function () {
       scrollableParent.removeEventListener('scroll', handleWindowScroll);
+      scrollableParent.removeEventListener('scroll', setParentScrollTopValue);
     };
   }, [isOpen]);
   return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(TransitionGroup, {

package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}