@oliasoft-open-source/react-ui-library 3.3.12 → 3.3.14

package/dist/global.css

@@ -8990,76 +8990,76 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_1vuev_331 {
+._inputInTable_19kit_331 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._inputHover_1vuev_337 {
+._inputHover_19kit_337 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1vuev_342 {
+._inputFocus_19kit_342 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1vuev_349,
-._inputWarning_1vuev_350 {
+._inputError_19kit_349,
+._inputWarning_19kit_350 {
   position: relative;
 }
-._inputError_1vuev_349 {
+._inputError_19kit_349 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1vuev_349:hover {
+._inputError_19kit_349:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1vuev_349:focus {
+._inputError_19kit_349:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1vuev_350 {
+._inputWarning_19kit_350 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1vuev_350:hover {
+._inputWarning_19kit_350:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1vuev_350:focus {
+._inputWarning_19kit_350:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1vuev_385 {
+._inputDisabled_19kit_385 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_1vuev_390 {
+._hideScrollbars_19kit_390 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1vuev_390::-webkit-scrollbar {
+._hideScrollbars_19kit_390::-webkit-scrollbar {
   display: none;
 }
-._input_1vuev_331 {
+._input_19kit_331 {
   margin: 0;
   outline: 0;
   text-align: left;
@@ -9077,91 +9077,87 @@ html[data-theme='dark'] {
   font-style: normal;
   position: relative;
 }
-._input_1vuev_331::placeholder {
+._input_19kit_331::placeholder {
   color: var(--color-text-faint);
 }
-._input_1vuev_331._isInTable_1vuev_421 {
+._input_19kit_331._isInTable_19kit_421 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._input_1vuev_331:hover {
+._input_19kit_331:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._input_1vuev_331:focus {
+._input_19kit_331:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._input_1vuev_331._small_1vuev_439 {
+._input_19kit_331._small_19kit_439 {
   font-size: 12px;
   height: 24px;
   padding: 0 7px;
   line-height: 24px;
 }
-._input_1vuev_331._error_1vuev_445 {
+._input_19kit_331._error_19kit_445 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._input_1vuev_331._error_1vuev_445:hover {
+._input_19kit_331._error_19kit_445:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._input_1vuev_331._error_1vuev_445:focus {
+._input_19kit_331._error_19kit_445:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._input_1vuev_331._warning_1vuev_462 {
+._input_19kit_331._warning_19kit_462 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._input_1vuev_331._warning_1vuev_462:hover {
+._input_19kit_331._warning_19kit_462:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._input_1vuev_331._warning_1vuev_462:focus {
+._input_19kit_331._warning_19kit_462:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._input_1vuev_331[disabled] {
+._input_19kit_331[disabled] {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._input_1vuev_331._right_1vuev_484 {
+._input_19kit_331._right_19kit_484 {
   text-align: right;
 }
-._groupOrderFirst_1vuev_487,
-._groupOrderMiddle_1vuev_488,
-._groupOrderLast_1vuev_489 {
+._groupOrderFirst_19kit_487,
+._groupOrderMiddle_19kit_488,
+._groupOrderLast_19kit_489 {
   flex: 1;
 }
-._groupOrderFirst_1vuev_487,
-._groupOrderMiddle_1vuev_488 {
-  margin-right: -1px;
-}
-._groupOrderFirst_1vuev_487 ._input_1vuev_331,
-._groupOrderMiddle_1vuev_488 ._input_1vuev_331 {
+._groupOrderFirst_19kit_487 ._input_19kit_331,
+._groupOrderMiddle_19kit_488 ._input_19kit_331 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1vuev_489 ._input_1vuev_331,
-._groupOrderMiddle_1vuev_488 ._input_1vuev_331 {
+._groupOrderLast_19kit_489 ._input_19kit_331,
+._groupOrderMiddle_19kit_488 ._input_19kit_331 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -10555,7 +10551,7 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._addon_rc5ng_331 {
+._addon_1wm06_331 {
   flex-shrink: 0;
   border-radius: 4px;
   border: 1px solid var(--color-border);
@@ -10566,18 +10562,17 @@ html[data-theme='dark'] {
   color: var(--color-text-muted);
   line-height: 1;
 }
-._small_rc5ng_342 {
+._small_1wm06_342 {
   font-size: 12px;
   padding: 0 7px;
 }
-._groupOrderFirst_rc5ng_346,
-._groupOrderMiddle_rc5ng_347 {
+._groupOrderFirst_1wm06_346,
+._groupOrderMiddle_1wm06_347 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
-  margin-right: -1px;
 }
-._groupOrderLast_rc5ng_352,
-._groupOrderMiddle_rc5ng_347 {
+._groupOrderLast_1wm06_351,
+._groupOrderMiddle_1wm06_347 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -13491,76 +13486,76 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_1dg3m_331 {
+._inputInTable_si2ov_331 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._inputHover_1dg3m_337 {
+._inputHover_si2ov_337 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1dg3m_342 {
+._inputFocus_si2ov_342 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1dg3m_349,
-._inputWarning_1dg3m_350 {
+._inputError_si2ov_349,
+._inputWarning_si2ov_350 {
   position: relative;
 }
-._inputError_1dg3m_349 {
+._inputError_si2ov_349 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1dg3m_349:hover {
+._inputError_si2ov_349:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1dg3m_349:focus {
+._inputError_si2ov_349:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1dg3m_350 {
+._inputWarning_si2ov_350 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1dg3m_350:hover {
+._inputWarning_si2ov_350:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1dg3m_350:focus {
+._inputWarning_si2ov_350:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1dg3m_385 {
+._inputDisabled_si2ov_385 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_1dg3m_390 {
+._hideScrollbars_si2ov_390 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1dg3m_390::-webkit-scrollbar {
+._hideScrollbars_si2ov_390::-webkit-scrollbar {
   display: none;
 }
-._select_1dg3m_400 {
+._select_si2ov_400 {
   appearance: none !important;
   -webkit-appearance: none !important;
   -moz-appearance: none !important;
@@ -13577,103 +13572,102 @@ html[data-theme='dark'] {
   border-radius: 0.28571429rem;
   height: 38px;
 }
-._select_1dg3m_400 option {
+._select_si2ov_400 option {
   background: var(--color-background-input);
   color: var(--color-text);
 }
-._select_1dg3m_400 option:focus {
+._select_si2ov_400 option:focus {
   background-color: var(--color-background-menuitem-active);
 }
-._select_1dg3m_400:-moz-focusring {
+._select_si2ov_400:-moz-focusring {
   color: transparent !important;
   text-shadow: 0 0 0 #000 !important;
 }
-._select_1dg3m_400:hover {
+._select_si2ov_400:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
   cursor: pointer;
 }
-._select_1dg3m_400:focus {
+._select_si2ov_400:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_1dg3m_400._isInTable_1dg3m_441 {
+._select_si2ov_400._isInTable_si2ov_441 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._select_1dg3m_400._unSelected_1dg3m_447 {
+._select_si2ov_400._unSelected_si2ov_447 {
   color: var(--color-text-faint) !important;
 }
-._select_1dg3m_400._unSelected_1dg3m_447:-moz-focusring {
+._select_si2ov_400._unSelected_si2ov_447:-moz-focusring {
   color: transparent !important;
   text-shadow: 0 0 0 #000 !important;
 }
-._select_1dg3m_400._error_1dg3m_454 {
+._select_si2ov_400._error_si2ov_454 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._select_1dg3m_400._error_1dg3m_454:hover {
+._select_si2ov_400._error_si2ov_454:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._select_1dg3m_400._error_1dg3m_454:focus {
+._select_si2ov_400._error_si2ov_454:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_1dg3m_400._warning_1dg3m_471 {
+._select_si2ov_400._warning_si2ov_471 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._select_1dg3m_400._warning_1dg3m_471:hover {
+._select_si2ov_400._warning_si2ov_471:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._select_1dg3m_400._warning_1dg3m_471:focus {
+._select_si2ov_400._warning_si2ov_471:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_1dg3m_400._small_1dg3m_488 {
+._select_si2ov_400._small_si2ov_488 {
   font-size: 12px;
   height: 24px;
   padding: 3.5px 7px;
   background-position: right 8px center !important;
   padding-right: 28px;
 }
-._select_1dg3m_400._right_1dg3m_495 {
+._select_si2ov_400._right_si2ov_495 {
   text-align: right;
   text-align-last: right;
 }
-._select_1dg3m_400[disabled] {
+._select_si2ov_400[disabled] {
   opacity: 1;
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='gray' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
 }
-._groupOrderFirst_1dg3m_506,
-._groupOrderMiddle_1dg3m_507 {
-  margin-right: -1px;
+._groupOrderFirst_si2ov_506,
+._groupOrderMiddle_si2ov_507 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1dg3m_512,
-._groupOrderMiddle_1dg3m_507 {
+._groupOrderLast_si2ov_511,
+._groupOrderMiddle_si2ov_507 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -14448,80 +14442,80 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_5whuw_331 {
+._inputInTable_1d4rt_331 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._inputHover_5whuw_337 {
+._inputHover_1d4rt_337 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_5whuw_342 {
+._inputFocus_1d4rt_342 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_5whuw_349,
-._inputWarning_5whuw_350 {
+._inputError_1d4rt_349,
+._inputWarning_1d4rt_350 {
   position: relative;
 }
-._inputError_5whuw_349 {
+._inputError_1d4rt_349 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_5whuw_349:hover {
+._inputError_1d4rt_349:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_5whuw_349:focus {
+._inputError_1d4rt_349:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_5whuw_350 {
+._inputWarning_1d4rt_350 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_5whuw_350:hover {
+._inputWarning_1d4rt_350:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_5whuw_350:focus {
+._inputWarning_1d4rt_350:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_5whuw_385 {
+._inputDisabled_1d4rt_385 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_5whuw_390 {
+._hideScrollbars_1d4rt_390 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_5whuw_390::-webkit-scrollbar {
+._hideScrollbars_1d4rt_390::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-select-icon: 24px;
   --size-select-icon-sm: 16px;
 }
-._trigger_5whuw_404 {
+._trigger_1d4rt_404 {
   font-weight: normal;
   display: flex;
   align-items: center;
@@ -14532,76 +14526,76 @@ html[data-theme='dark'] {
   position: relative;
   padding-left: 14px;
 }
-._trigger_5whuw_404 input {
+._trigger_1d4rt_404 input {
   border: none !important;
   background: transparent !important;
 }
-._trigger_5whuw_404._isInTable_5whuw_419 {
+._trigger_1d4rt_404._isInTable_1d4rt_419 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._trigger_5whuw_404._isInTable_5whuw_419 ._input_5whuw_331 {
+._trigger_1d4rt_404._isInTable_1d4rt_419 ._input_1d4rt_331 {
   background: transparent !important;
 }
-._trigger_5whuw_404:hover {
+._trigger_1d4rt_404:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
   cursor: pointer;
 }
-._trigger_5whuw_404._isOpen_5whuw_434,
-._trigger_5whuw_404:focus {
+._trigger_1d4rt_404._isOpen_1d4rt_434,
+._trigger_1d4rt_404:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_5whuw_404._error_5whuw_442 {
+._trigger_1d4rt_404._error_1d4rt_442 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._trigger_5whuw_404._error_5whuw_442:hover {
+._trigger_1d4rt_404._error_1d4rt_442:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._trigger_5whuw_404._error_5whuw_442:focus {
+._trigger_1d4rt_404._error_1d4rt_442:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_5whuw_404._warning_5whuw_459 {
+._trigger_1d4rt_404._warning_1d4rt_459 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._trigger_5whuw_404._warning_5whuw_459:hover {
+._trigger_1d4rt_404._warning_1d4rt_459:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._trigger_5whuw_404._warning_5whuw_459:focus {
+._trigger_1d4rt_404._warning_1d4rt_459:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_5whuw_404._disabled_5whuw_476 {
+._trigger_1d4rt_404._disabled_1d4rt_476 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._trigger_5whuw_404._disabled_5whuw_476 ._iconOpen_5whuw_481 {
+._trigger_1d4rt_404._disabled_1d4rt_476 ._iconOpen_1d4rt_481 {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='gray' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
 }
-._icons_5whuw_484 {
+._icons_1d4rt_484 {
   display: flex;
   flex-wrap: nowrap;
   flex-shrink: 0;
@@ -14609,8 +14603,8 @@ html[data-theme='dark'] {
   z-index: 2;
   font-size: 12px;
 }
-._icons_5whuw_484 ._clearAll_5whuw_492,
-._icons_5whuw_484 ._iconOpen_5whuw_481 {
+._icons_1d4rt_484 ._clearAll_1d4rt_492,
+._icons_1d4rt_484 ._iconOpen_1d4rt_481 {
   width: var(--size-select-icon);
   height: var(--size-select-icon);
   margin: -1px 0;
@@ -14618,30 +14612,30 @@ html[data-theme='dark'] {
   justify-content: flex-start;
   align-items: center;
 }
-._small_5whuw_501 ._icons_5whuw_484 ._clearAll_5whuw_492,
-._small_5whuw_501 ._icons_5whuw_484 ._iconOpen_5whuw_481 {
+._small_1d4rt_501 ._icons_1d4rt_484 ._clearAll_1d4rt_492,
+._small_1d4rt_501 ._icons_1d4rt_484 ._iconOpen_1d4rt_481 {
   width: var(--size-select-icon-sm);
   height: var(--size-select-icon-sm);
 }
-._icons_5whuw_484 ._clearAll_5whuw_492 {
+._icons_1d4rt_484 ._clearAll_1d4rt_492 {
   color: var(--color-border);
 }
-._icons_5whuw_484 ._clearAll_5whuw_492:hover,
-._icons_5whuw_484 ._clearAll_5whuw_492._focus_5whuw_510 {
+._icons_1d4rt_484 ._clearAll_1d4rt_492:hover,
+._icons_1d4rt_484 ._clearAll_1d4rt_492._focus_1d4rt_510 {
   color: var(--color-text);
   outline: 0;
 }
-._icons_5whuw_484 ._iconOpen_5whuw_481 {
+._icons_1d4rt_484 ._iconOpen_1d4rt_481 {
   color: inherit;
   display: block;
   flex-shrink: 0;
   background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='gray' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat left;
   background-size: 8px 12px;
 }
-._icons_5whuw_484 svg {
+._icons_1d4rt_484 svg {
   display: block;
 }
-._triggerInputContainer_5whuw_524 {
+._triggerInputContainer_1d4rt_524 {
   display: flex;
   align-items: center;
   position: relative;
@@ -14650,31 +14644,31 @@ html[data-theme='dark'] {
   min-width: 0;
   margin-right: 4px;
 }
-._right_5whuw_533 ._triggerInputContainer_5whuw_524 {
+._right_1d4rt_533 ._triggerInputContainer_1d4rt_524 {
   justify-content: flex-end;
   text-align: right;
 }
-._right_5whuw_533 ._triggerInputContainer_5whuw_524 input {
+._right_1d4rt_533 ._triggerInputContainer_1d4rt_524 input {
   padding-right: 0;
   padding-left: 0;
   text-align: right;
   width: 0;
 }
-._right_5whuw_533 ._triggerInputContainer_5whuw_524 input:focus {
+._right_1d4rt_533 ._triggerInputContainer_1d4rt_524 input:focus {
   width: auto;
 }
-._multiOptions_5whuw_546 {
+._multiOptions_1d4rt_546 {
   display: flex;
   overflow: hidden;
   margin-left: -8px;
 }
-._small_5whuw_501 ._multiOptions_5whuw_546 {
+._small_1d4rt_501 ._multiOptions_1d4rt_546 {
   margin-left: -5px;
 }
-._multiOptions_5whuw_546:empty {
+._multiOptions_1d4rt_546:empty {
   display: none !important;
 }
-._multiOptions_5whuw_546 ._multiOption_5whuw_546 {
+._multiOptions_1d4rt_546 ._multiOption_1d4rt_546 {
   user-select: none;
   pointer-events: none;
   display: inline-flex;
@@ -14691,14 +14685,14 @@ html[data-theme='dark'] {
   flex-shrink: 0;
   margin-right: 2px;
 }
-._small_5whuw_501 ._multiOptions_5whuw_546 ._multiOption_5whuw_546 {
+._small_1d4rt_501 ._multiOptions_1d4rt_546 ._multiOption_1d4rt_546 {
   height: var(--size-xs);
   padding: 0 3px;
 }
-._multiOptions_5whuw_546 ._multiOption_5whuw_546 ._label_5whuw_578 {
+._multiOptions_1d4rt_546 ._multiOption_1d4rt_546 ._label_1d4rt_578 {
   white-space: nowrap;
 }
-._multiOptions_5whuw_546 ._multiOption_5whuw_546 ._closeMultiOption_5whuw_581 {
+._multiOptions_1d4rt_546 ._multiOption_1d4rt_546 ._closeMultiOption_1d4rt_581 {
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -14708,13 +14702,13 @@ html[data-theme='dark'] {
   opacity: 0.25;
   aspect-ratio: 1;
 }
-._multiOptions_5whuw_546 ._multiOption_5whuw_546 ._closeMultiOption_5whuw_581:hover,
-._multiOptions_5whuw_546 ._multiOption_5whuw_546 ._closeMultiOption_5whuw_581._focus_5whuw_510 {
+._multiOptions_1d4rt_546 ._multiOption_1d4rt_546 ._closeMultiOption_1d4rt_581:hover,
+._multiOptions_1d4rt_546 ._multiOption_1d4rt_546 ._closeMultiOption_1d4rt_581._focus_1d4rt_510 {
   opacity: 1;
   outline: 0;
 }
-._selectedSingleValue_5whuw_596,
-._placeHolder_5whuw_597 {
+._selectedSingleValue_1d4rt_596,
+._placeHolder_1d4rt_597 {
   line-height: 36px;
   right: 0;
   left: 0;
@@ -14724,10 +14718,10 @@ html[data-theme='dark'] {
   display: block;
   position: absolute;
 }
-._placeHolder_5whuw_597 {
+._placeHolder_1d4rt_597 {
   color: var(--color-text-faint);
 }
-._input_5whuw_331 {
+._input_1d4rt_331 {
   font-family: 'Lato', sans-serif;
   background-color: transparent;
   border: none;
@@ -14735,45 +14729,44 @@ html[data-theme='dark'] {
   padding: 0;
   width: 0;
 }
-._input_5whuw_331._error_5whuw_442 {
+._input_1d4rt_331._error_1d4rt_442 {
   color: var(--color-text-error) !important;
 }
-._input_5whuw_331:focus {
+._input_1d4rt_331:focus {
   outline: none;
   width: auto;
 }
-._small_5whuw_501 {
+._small_1d4rt_501 {
   height: 24px;
   font-size: 12px;
   padding-left: 7px;
 }
-._small_5whuw_501 ._selectedSingleValue_5whuw_596,
-._small_5whuw_501 ._placeHolder_5whuw_597,
-._small_5whuw_501 ._input_5whuw_331 {
+._small_1d4rt_501 ._selectedSingleValue_1d4rt_596,
+._small_1d4rt_501 ._placeHolder_1d4rt_597,
+._small_1d4rt_501 ._input_1d4rt_331 {
   height: 22px;
   line-height: 22px;
 }
-._groupOrderFirst_5whuw_636,
-._groupOrderMiddle_5whuw_637 {
-  margin-right: -1px;
+._groupOrderFirst_1d4rt_636,
+._groupOrderMiddle_1d4rt_637 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_5whuw_642,
-._groupOrderMiddle_5whuw_637 {
+._groupOrderLast_1d4rt_641,
+._groupOrderMiddle_1d4rt_637 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._detailedLabel_5whuw_647 {
+._detailedLabel_1d4rt_646 {
   width: 100%;
 }
-._detailedLabel_5whuw_647 :first-child {
+._detailedLabel_1d4rt_646 :first-child {
   float: left;
   position: absolute;
   background-color: white;
   padding-right: 5px;
 }
-._detailedLabel_5whuw_647 :last-child {
+._detailedLabel_1d4rt_646 :last-child {
   float: right;
 }
 ._paginationContainer_1g3st_1 {

package/dist/index.js

@@ -10000,7 +10000,7 @@ const Tooltip$2 = ({
   const visible = enabled && (isValidElement(text2) || text2.length > 0);
   const [isOver, hoverProps, forceClose] = useHover({
     delayEnter: 100,
-    delayLeave: 100
+    delayLeave: 0
   });
   const isOpen2 = !visible ? false : forceOpen ? true : isOver;
   const {
@@ -14521,22 +14521,22 @@ InputGroup.propTypes = {
   small: PropTypes__default.bool,
   width: PropTypes__default.oneOfType([PropTypes__default.string, PropTypes__default.number])
 };
-const inputInTable$8 = "_inputInTable_1vuev_331";
-const inputHover$8 = "_inputHover_1vuev_337";
-const inputFocus$8 = "_inputFocus_1vuev_342";
-const inputError$8 = "_inputError_1vuev_349";
-const inputWarning$8 = "_inputWarning_1vuev_350";
-const inputDisabled$8 = "_inputDisabled_1vuev_385";
-const hideScrollbars$8 = "_hideScrollbars_1vuev_390";
-const input$1 = "_input_1vuev_331";
-const isInTable$3 = "_isInTable_1vuev_421";
-const small$8 = "_small_1vuev_439";
-const error$6 = "_error_1vuev_445";
-const warning$9 = "_warning_1vuev_462";
-const right$5 = "_right_1vuev_484";
-const groupOrderFirst$3 = "_groupOrderFirst_1vuev_487";
-const groupOrderMiddle$3 = "_groupOrderMiddle_1vuev_488";
-const groupOrderLast$3 = "_groupOrderLast_1vuev_489";
+const inputInTable$8 = "_inputInTable_19kit_331";
+const inputHover$8 = "_inputHover_19kit_337";
+const inputFocus$8 = "_inputFocus_19kit_342";
+const inputError$8 = "_inputError_19kit_349";
+const inputWarning$8 = "_inputWarning_19kit_350";
+const inputDisabled$8 = "_inputDisabled_19kit_385";
+const hideScrollbars$8 = "_hideScrollbars_19kit_390";
+const input$1 = "_input_19kit_331";
+const isInTable$3 = "_isInTable_19kit_421";
+const small$8 = "_small_19kit_439";
+const error$6 = "_error_19kit_445";
+const warning$9 = "_warning_19kit_462";
+const right$5 = "_right_19kit_484";
+const groupOrderFirst$3 = "_groupOrderFirst_19kit_487";
+const groupOrderMiddle$3 = "_groupOrderMiddle_19kit_488";
+const groupOrderLast$3 = "_groupOrderLast_19kit_489";
 const styles$w = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -15081,11 +15081,11 @@ Grid.propTypes = {
   height: PropTypes__default.oneOfType([PropTypes__default.string, PropTypes__default.number]),
   children: PropTypes__default.node
 };
-const addon = "_addon_rc5ng_331";
-const small$7 = "_small_rc5ng_342";
-const groupOrderFirst$2 = "_groupOrderFirst_rc5ng_346";
-const groupOrderMiddle$2 = "_groupOrderMiddle_rc5ng_347";
-const groupOrderLast$2 = "_groupOrderLast_rc5ng_352";
+const addon = "_addon_1wm06_331";
+const small$7 = "_small_1wm06_342";
+const groupOrderFirst$2 = "_groupOrderFirst_1wm06_346";
+const groupOrderMiddle$2 = "_groupOrderMiddle_1wm06_347";
+const groupOrderLast$2 = "_groupOrderLast_1wm06_351";
 const styles$r = {
   addon,
   small: small$7,
@@ -25151,23 +25151,23 @@ Page.propTypes = {
   scroll: PropTypes__default.bool,
   top: PropTypes__default.oneOfType([PropTypes__default.number, PropTypes__default.string])
 };
-const inputInTable$5 = "_inputInTable_1dg3m_331";
-const inputHover$5 = "_inputHover_1dg3m_337";
-const inputFocus$5 = "_inputFocus_1dg3m_342";
-const inputError$5 = "_inputError_1dg3m_349";
-const inputWarning$5 = "_inputWarning_1dg3m_350";
-const inputDisabled$5 = "_inputDisabled_1dg3m_385";
-const hideScrollbars$5 = "_hideScrollbars_1dg3m_390";
-const select = "_select_1dg3m_400";
-const isInTable$2 = "_isInTable_1dg3m_441";
-const unSelected = "_unSelected_1dg3m_447";
-const error$3 = "_error_1dg3m_454";
-const warning$4 = "_warning_1dg3m_471";
-const small$6 = "_small_1dg3m_488";
-const right$3 = "_right_1dg3m_495";
-const groupOrderFirst$1 = "_groupOrderFirst_1dg3m_506";
-const groupOrderMiddle$1 = "_groupOrderMiddle_1dg3m_507";
-const groupOrderLast$1 = "_groupOrderLast_1dg3m_512";
+const inputInTable$5 = "_inputInTable_si2ov_331";
+const inputHover$5 = "_inputHover_si2ov_337";
+const inputFocus$5 = "_inputFocus_si2ov_342";
+const inputError$5 = "_inputError_si2ov_349";
+const inputWarning$5 = "_inputWarning_si2ov_350";
+const inputDisabled$5 = "_inputDisabled_si2ov_385";
+const hideScrollbars$5 = "_hideScrollbars_si2ov_390";
+const select = "_select_si2ov_400";
+const isInTable$2 = "_isInTable_si2ov_441";
+const unSelected = "_unSelected_si2ov_447";
+const error$3 = "_error_si2ov_454";
+const warning$4 = "_warning_si2ov_471";
+const small$6 = "_small_si2ov_488";
+const right$3 = "_right_si2ov_495";
+const groupOrderFirst$1 = "_groupOrderFirst_si2ov_506";
+const groupOrderMiddle$1 = "_groupOrderMiddle_si2ov_507";
+const groupOrderLast$1 = "_groupOrderLast_si2ov_511";
 const styles$l = {
   inputInTable: inputInTable$5,
   inputHover: inputHover$5,
@@ -26236,37 +26236,37 @@ const Layer = ({
     })
   });
 };
-const inputInTable$4 = "_inputInTable_5whuw_331";
-const inputHover$4 = "_inputHover_5whuw_337";
-const inputFocus$4 = "_inputFocus_5whuw_342";
-const inputError$4 = "_inputError_5whuw_349";
-const inputWarning$4 = "_inputWarning_5whuw_350";
-const inputDisabled$4 = "_inputDisabled_5whuw_385";
-const hideScrollbars$4 = "_hideScrollbars_5whuw_390";
-const trigger = "_trigger_5whuw_404";
-const isInTable$1 = "_isInTable_5whuw_419";
-const input = "_input_5whuw_331";
-const isOpen = "_isOpen_5whuw_434";
-const error$2 = "_error_5whuw_442";
-const warning$3 = "_warning_5whuw_459";
-const disabled$4 = "_disabled_5whuw_476";
-const iconOpen = "_iconOpen_5whuw_481";
-const icons = "_icons_5whuw_484";
-const clearAll = "_clearAll_5whuw_492";
-const small$4 = "_small_5whuw_501";
-const focus = "_focus_5whuw_510";
-const triggerInputContainer = "_triggerInputContainer_5whuw_524";
-const right$2 = "_right_5whuw_533";
-const multiOptions = "_multiOptions_5whuw_546";
-const multiOption = "_multiOption_5whuw_546";
-const label$4 = "_label_5whuw_578";
-const closeMultiOption = "_closeMultiOption_5whuw_581";
-const selectedSingleValue = "_selectedSingleValue_5whuw_596";
-const placeHolder = "_placeHolder_5whuw_597";
-const groupOrderFirst = "_groupOrderFirst_5whuw_636";
-const groupOrderMiddle = "_groupOrderMiddle_5whuw_637";
-const groupOrderLast = "_groupOrderLast_5whuw_642";
-const detailedLabel = "_detailedLabel_5whuw_647";
+const inputInTable$4 = "_inputInTable_1d4rt_331";
+const inputHover$4 = "_inputHover_1d4rt_337";
+const inputFocus$4 = "_inputFocus_1d4rt_342";
+const inputError$4 = "_inputError_1d4rt_349";
+const inputWarning$4 = "_inputWarning_1d4rt_350";
+const inputDisabled$4 = "_inputDisabled_1d4rt_385";
+const hideScrollbars$4 = "_hideScrollbars_1d4rt_390";
+const trigger = "_trigger_1d4rt_404";
+const isInTable$1 = "_isInTable_1d4rt_419";
+const input = "_input_1d4rt_331";
+const isOpen = "_isOpen_1d4rt_434";
+const error$2 = "_error_1d4rt_442";
+const warning$3 = "_warning_1d4rt_459";
+const disabled$4 = "_disabled_1d4rt_476";
+const iconOpen = "_iconOpen_1d4rt_481";
+const icons = "_icons_1d4rt_484";
+const clearAll = "_clearAll_1d4rt_492";
+const small$4 = "_small_1d4rt_501";
+const focus = "_focus_1d4rt_510";
+const triggerInputContainer = "_triggerInputContainer_1d4rt_524";
+const right$2 = "_right_1d4rt_533";
+const multiOptions = "_multiOptions_1d4rt_546";
+const multiOption = "_multiOption_1d4rt_546";
+const label$4 = "_label_1d4rt_578";
+const closeMultiOption = "_closeMultiOption_1d4rt_581";
+const selectedSingleValue = "_selectedSingleValue_1d4rt_596";
+const placeHolder = "_placeHolder_1d4rt_597";
+const groupOrderFirst = "_groupOrderFirst_1d4rt_636";
+const groupOrderMiddle = "_groupOrderMiddle_1d4rt_637";
+const groupOrderLast = "_groupOrderLast_1d4rt_641";
+const detailedLabel = "_detailedLabel_1d4rt_646";
 const styles$j = {
   inputInTable: inputInTable$4,
   inputHover: inputHover$4,
@@ -26448,7 +26448,6 @@ const Trigger$1 = ({
   searchable,
   clearable,
   onClickTrigger,
-  width,
   element,
   error: error2,
   warning: warning2,
@@ -26499,12 +26498,7 @@ const Trigger$1 = ({
       })]
     })
   } : selectedOptions;
-  const triggerInput = /* @__PURE__ */ jsxs("div", {
-    style: {
-      ...width ? {
-        width
-      } : {}
-    },
+  const triggerInput = /* @__PURE__ */ jsxs(Fragment, {
     children: [element, /* @__PURE__ */ jsxs("div", {
       ref: triggerRef,
       tabIndex,
@@ -26794,6 +26788,8 @@ const CustomSelect = ({
     }
   };
   const getTriggerWidth = useCallback$1(() => {
+    if (width === null)
+      return "100%";
     if (width !== "auto")
       return width;
     return getWidestOptionWidth(options, small2, isFontLoaded, placeholder3);
@@ -26931,58 +26927,62 @@ const CustomSelect = ({
       }
     }
   };
-  return /* @__PURE__ */ jsxs(KeyboardEventHandler, {
-    handleKeys: ["tab", "up", "down", "left", "right", "enter", "esc"],
-    onKeyEvent,
-    children: [/* @__PURE__ */ jsx(Trigger$1, {
-      selectedOptions,
-      searchValue: state.searchValue,
-      isOpen: state.isLayerOpen,
-      focusedSelectedOptionIndex: state.triggerFocus.currentOption,
-      clearAllIsFocused,
-      width: getTriggerWidth(),
-      searchable,
-      triggerRef: mergeRefs(triggerRef, triggerProps.ref),
-      error: error2,
-      warning: warning2,
-      tooltip: tooltip2,
-      small: small2,
-      isInTable: isInTable2,
-      disabled: disabled2 || disabledContext,
-      clearable,
-      tabIndex,
-      onClickTrigger,
-      onChangeSearch,
-      onClickDeselect: onClickDeselectOption,
-      onClickClear: onClickClearAll,
-      onFocus,
-      onBlur,
-      groupOrder,
-      maxTooltipWidth,
-      placeholder: placeholder3,
-      right: right2,
-      testId
-    }), state.isLayerOpen && renderLayer(/* @__PURE__ */ jsx("div", {
-      ...layerProps,
-      className: styles$k.layerContainer,
-      children: /* @__PURE__ */ jsx(Layer, {
-        listRef,
-        isMulti: isMulti2,
-        sections: state.visibleOptions,
+  return /* @__PURE__ */ jsx("span", {
+    style: {
+      width: getTriggerWidth()
+    },
+    children: /* @__PURE__ */ jsxs(KeyboardEventHandler, {
+      handleKeys: ["tab", "up", "down", "left", "right", "enter", "esc"],
+      onKeyEvent,
+      children: [/* @__PURE__ */ jsx(Trigger$1, {
         selectedOptions,
-        onClickDeselectOption,
-        onSelectOption: (evt, option2) => {
-          onSelectOption(evt, option2, !isMulti2 && closeLayer);
-        },
-        closeLayer: closeOnOptionActionClick ? closeLayer : null,
-        triggerRect: triggerBounds,
-        width: getLayerWidth(triggerBounds),
+        searchValue: state.searchValue,
+        isOpen: state.isLayerOpen,
+        focusedSelectedOptionIndex: state.triggerFocus.currentOption,
+        clearAllIsFocused,
+        searchable,
+        triggerRef: mergeRefs(triggerRef, triggerProps.ref),
+        error: error2,
+        warning: warning2,
+        tooltip: tooltip2,
         small: small2,
-        focusedOptionIndex: state.layerFocus.current,
-        firstSelectedOptionIndex,
-        testId: testId && `${testId}-layer`
-      })
-    }))]
+        isInTable: isInTable2,
+        disabled: disabled2 || disabledContext,
+        clearable,
+        tabIndex,
+        onClickTrigger,
+        onChangeSearch,
+        onClickDeselect: onClickDeselectOption,
+        onClickClear: onClickClearAll,
+        onFocus,
+        onBlur,
+        groupOrder,
+        maxTooltipWidth,
+        placeholder: placeholder3,
+        right: right2,
+        testId
+      }), state.isLayerOpen && renderLayer(/* @__PURE__ */ jsx("div", {
+        ...layerProps,
+        className: styles$k.layerContainer,
+        children: /* @__PURE__ */ jsx(Layer, {
+          listRef,
+          isMulti: isMulti2,
+          sections: state.visibleOptions,
+          selectedOptions,
+          onClickDeselectOption,
+          onSelectOption: (evt, option2) => {
+            onSelectOption(evt, option2, !isMulti2 && closeLayer);
+          },
+          closeLayer: closeOnOptionActionClick ? closeLayer : null,
+          triggerRect: triggerBounds,
+          width: getLayerWidth(triggerBounds),
+          small: small2,
+          focusedOptionIndex: state.layerFocus.current,
+          firstSelectedOptionIndex,
+          testId: testId && `${testId}-layer`
+        })
+      }))]
+    })
   });
 };
 const selectOptionShape = PropTypes__default.oneOfType([PropTypes__default.shape({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.3.12",
+  "version": "3.3.14",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {