@oliasoft-open-source/react-ui-library 3.1.20 → 3.1.21

package/dist/global.css

@@ -2869,17 +2869,17 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._wrapper_4p39y_329 {
+._wrapper_chz6g_329 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_4p39y_333 ._wrapper_4p39y_329 {
+._layer_chz6g_333 ._wrapper_chz6g_329 {
   width: 100%;
 }
-._layerContainer_4p39y_336 {
+._layerContainer_chz6g_336 {
   z-index: 2002;
 }
-._layer_4p39y_333 {
+._layer_chz6g_333 {
   border: 1px solid var(--color-border);
   border-radius: 4px;
   overflow: hidden;
@@ -2889,100 +2889,101 @@ html[data-theme='dark'] {
   min-width: 10em;
   max-width: 30em;
   position: relative;
+  overflow-y: auto;
 }
-._layer_4p39y_333._nested_4p39y_350 {
+._layer_chz6g_333._nested_chz6g_351 {
   margin: -1px 2px;
 }
-._layer_4p39y_333 ul {
+._layer_chz6g_333 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_4p39y_333 ul li {
+._layer_chz6g_333 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_4p39y_362 {
+._fileInput_chz6g_363 {
   width: 100%;
   height: 100%;
   opacity: 0;
   position: absolute;
 }
-._trigger_4p39y_368 {
+._trigger_chz6g_369 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   overflow: hidden;
   max-width: 100%;
 }
-._layer_4p39y_333 ._trigger_4p39y_368 {
+._layer_chz6g_333 ._trigger_chz6g_369 {
   width: 100%;
 }
-._middleAlignedInline_4p39y_378 {
+._middleAlignedInline_chz6g_379 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_4p39y_384 {
+._heading_chz6g_385 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: 12px;
 }
-._heading_4p39y_384 ._headingIcon_4p39y_390 {
+._heading_chz6g_385 ._headingIcon_chz6g_391 {
   float: right;
 }
-._heading_4p39y_384 ._headingIcon_4p39y_390 svg {
+._heading_chz6g_385 ._headingIcon_chz6g_391 svg {
   color: var(--color-text-faint);
 }
-._heading_4p39y_384 ._headingIcon_4p39y_390:hover {
+._heading_chz6g_385 ._headingIcon_chz6g_391:hover {
   cursor: pointer;
 }
-._heading_4p39y_384 ._headingIcon_4p39y_390:hover svg {
+._heading_chz6g_385 ._headingIcon_chz6g_391:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_4p39y_402 {
+._option_chz6g_403 {
   color: inherit;
   display: block;
 }
-._heading_4p39y_384,
-._option_4p39y_402,
-._layer_4p39y_333 ._trigger_4p39y_368 {
+._heading_chz6g_385,
+._option_chz6g_403,
+._layer_chz6g_333 ._trigger_chz6g_369 {
   padding: 8px 12px;
 }
-._option_4p39y_402,
-._layer_4p39y_333 ._trigger_4p39y_368 {
+._option_chz6g_403,
+._layer_chz6g_333 ._trigger_chz6g_369 {
   line-height: 20px;
   display: flex;
   align-items: flex-start;
 }
-._option_4p39y_402:hover,
-._layer_4p39y_333 ._trigger_4p39y_368:hover,
-._option_4p39y_402._active_4p39y_419,
-._layer_4p39y_333 ._trigger_4p39y_368._active_4p39y_419 {
+._option_chz6g_403:hover,
+._layer_chz6g_333 ._trigger_chz6g_369:hover,
+._option_chz6g_403._active_chz6g_420,
+._layer_chz6g_333 ._trigger_chz6g_369._active_chz6g_420 {
   background-color: var(--color-background-menuitem-hover);
   cursor: pointer;
 }
-._option_4p39y_402._selected_4p39y_424 {
+._option_chz6g_403._selected_chz6g_425 {
   background-color: var(--color-background-menuitem-active);
   font-weight: bold;
 }
-._layer_4p39y_333 ._trigger_4p39y_368 {
+._layer_chz6g_333 ._trigger_chz6g_369 {
   align-items: center;
 }
-._optionContent_4p39y_431 {
+._optionContent_chz6g_432 {
   flex-wrap: wrap;
   margin-right: auto;
   position: relative;
 }
-._inline_4p39y_436 ._optionContent_4p39y_431 {
+._inline_chz6g_437 ._optionContent_chz6g_432 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_4p39y_441,
-._check_4p39y_442 {
+._icon_chz6g_442,
+._check_chz6g_443 {
   display: flex;
   flex-shrink: 1;
   width: 16px;
@@ -2990,83 +2991,83 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_4p39y_441 {
+._icon_chz6g_442 {
   margin-right: 8px;
   color: var(--color-text-primary);
 }
-._icon_4p39y_441:empty {
+._icon_chz6g_442:empty {
   display: none;
 }
-._icon_4p39y_441 img {
+._icon_chz6g_442 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._check_4p39y_442 {
+._check_chz6g_443 {
   font-size: 12px;
   color: #a5a7a9;
   margin-left: 10px;
 }
-._text_4p39y_468 {
+._text_chz6g_469 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_4p39y_473 {
+._label_chz6g_474 {
   margin-right: auto;
 }
-._label_4p39y_473,
-._heading_4p39y_384 {
+._label_chz6g_474,
+._heading_chz6g_385 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_4p39y_484 {
+._description_chz6g_485 {
   color: #999;
   display: block;
 }
-._arrow_4p39y_488 {
+._arrow_chz6g_489 {
   margin-left: 10px;
   opacity: 0.4;
 }
-._divider_4p39y_492 {
+._divider_chz6g_493 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_4p39y_496 {
+._deprecatedSemanticIcon_chz6g_497 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_4p39y_500 {
+._disabled_chz6g_501 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_4p39y_505 {
+._buttonLabel_chz6g_506 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
   line-height: 1.2;
 }
-._buttonCaret_4p39y_512 {
+._buttonCaret_chz6g_513 {
   margin-left: 5px;
 }
-._component_4p39y_515 {
+._component_chz6g_516 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_4p39y_521 {
+._right_chz6g_522 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_4p39y_526 {
+._actions_chz6g_527 {
   margin-left: 8px;
   display: flex;
   align-items: center;

package/dist/index.js

@@ -9683,34 +9683,34 @@ function useHover(_temp) {
     return onMouseLeave(null, true);
   }];
 }
-const wrapper$3 = "_wrapper_4p39y_329";
-const layer$1 = "_layer_4p39y_333";
-const layerContainer$1 = "_layerContainer_4p39y_336";
-const nested = "_nested_4p39y_350";
-const fileInput$1 = "_fileInput_4p39y_362";
-const trigger$1 = "_trigger_4p39y_368";
-const middleAlignedInline = "_middleAlignedInline_4p39y_378";
-const heading$5 = "_heading_4p39y_384";
-const headingIcon = "_headingIcon_4p39y_390";
-const option$1 = "_option_4p39y_402";
-const active$9 = "_active_4p39y_419";
-const selected$1 = "_selected_4p39y_424";
-const optionContent$1 = "_optionContent_4p39y_431";
-const inline$3 = "_inline_4p39y_436";
-const icon$7 = "_icon_4p39y_441";
-const check$1 = "_check_4p39y_442";
-const text$2 = "_text_4p39y_468";
-const label$a = "_label_4p39y_473";
-const description = "_description_4p39y_484";
-const arrow = "_arrow_4p39y_488";
-const divider$1 = "_divider_4p39y_492";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_4p39y_496";
-const disabled$8 = "_disabled_4p39y_500";
-const buttonLabel = "_buttonLabel_4p39y_505";
-const buttonCaret = "_buttonCaret_4p39y_512";
-const component = "_component_4p39y_515";
-const right$7 = "_right_4p39y_521";
-const actions$2 = "_actions_4p39y_526";
+const wrapper$3 = "_wrapper_chz6g_329";
+const layer$1 = "_layer_chz6g_333";
+const layerContainer$1 = "_layerContainer_chz6g_336";
+const nested = "_nested_chz6g_351";
+const fileInput$1 = "_fileInput_chz6g_363";
+const trigger$1 = "_trigger_chz6g_369";
+const middleAlignedInline = "_middleAlignedInline_chz6g_379";
+const heading$5 = "_heading_chz6g_385";
+const headingIcon = "_headingIcon_chz6g_391";
+const option$1 = "_option_chz6g_403";
+const active$9 = "_active_chz6g_420";
+const selected$1 = "_selected_chz6g_425";
+const optionContent$1 = "_optionContent_chz6g_432";
+const inline$3 = "_inline_chz6g_437";
+const icon$7 = "_icon_chz6g_442";
+const check$1 = "_check_chz6g_443";
+const text$2 = "_text_chz6g_469";
+const label$a = "_label_chz6g_474";
+const description = "_description_chz6g_485";
+const arrow = "_arrow_chz6g_489";
+const divider$1 = "_divider_chz6g_493";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_chz6g_497";
+const disabled$8 = "_disabled_chz6g_501";
+const buttonLabel = "_buttonLabel_chz6g_506";
+const buttonCaret = "_buttonCaret_chz6g_513";
+const component = "_component_chz6g_516";
+const right$7 = "_right_chz6g_522";
+const actions$2 = "_actions_chz6g_527";
 const styles$L = {
   wrapper: wrapper$3,
   layer: layer$1,
@@ -9930,8 +9930,7 @@ const Layer$2 = ({
     className: cx(styles$L.layer, isNested ? styles$L.nested : null),
     style: {
       maxWidth: width,
-      maxHeight: maxHeight2 || "auto",
-      overflowY: maxHeight2 ? "auto" : "default"
+      maxHeight: maxHeight2
     },
     "data-testid": testId,
     children: /* @__PURE__ */ jsx("ul", {
@@ -10632,7 +10631,7 @@ Menu.defaultProps = {
   closeOnOptionClick: true,
   groupOrder: null,
   overflowContainer: true,
-  maxHeight: null,
+  maxHeight: "40vh",
   testId: void 0,
   open: void 0,
   setOpen: void 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.1.20",
+  "version": "3.1.21",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",