@oliasoft-open-source/react-ui-library 3.11.0-beta-5 → 3.11.0-beta-7

package/dist/global.css

@@ -23390,187 +23390,170 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_15p4y_337 {
+._inputInTable_1auke_337 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_15p4y_337:not(:hover) {
+._inputInTable_1auke_337:not(:hover) {
   border-color: transparent;
 }
-._inputHover_15p4y_346 {
+._inputHover_1auke_346 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_15p4y_351 {
+._inputFocus_1auke_351 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_15p4y_358,
-._inputWarning_15p4y_359 {
+._inputError_1auke_358,
+._inputWarning_1auke_359 {
   position: relative;
 }
-._inputError_15p4y_358 {
+._inputError_1auke_358 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_15p4y_358:hover {
+._inputError_1auke_358:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_15p4y_358:focus {
+._inputError_1auke_358:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_15p4y_359 {
+._inputWarning_1auke_359 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_15p4y_359:hover {
+._inputWarning_1auke_359:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_15p4y_359:focus {
+._inputWarning_1auke_359:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_15p4y_394 {
+._inputDisabled_1auke_394 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_15p4y_399 {
+._hideScrollbars_1auke_399 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_15p4y_399::-webkit-scrollbar {
+._hideScrollbars_1auke_399::-webkit-scrollbar {
   display: none;
 }
-._scrollbars_15p4y_409 {
+._scrollbars_1auke_409 {
   overflow: overlay;
   --scrollbar-color: #00000040;
 }
-._scrollbars_15p4y_409::-webkit-scrollbar {
+._scrollbars_1auke_409::-webkit-scrollbar {
   display: block;
   width: 16px;
   z-index: 2;
 }
-._scrollbars_15p4y_409::-webkit-scrollbar-button {
+._scrollbars_1auke_409::-webkit-scrollbar-button {
   display: none;
 }
-._scrollbars_15p4y_409::-webkit-scrollbar-track {
+._scrollbars_1auke_409::-webkit-scrollbar-track {
   background-color: #00000000;
 }
-._scrollbars_15p4y_409::-webkit-scrollbar-track-piece {
+._scrollbars_1auke_409::-webkit-scrollbar-track-piece {
   background-color: #00000000;
 }
-._scrollbars_15p4y_409::-webkit-scrollbar-thumb {
+._scrollbars_1auke_409::-webkit-scrollbar-thumb {
   background-color: #00000000;
   border: 5px solid transparent;
   border-radius: 24px;
   box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;
 }
-._scrollbars_15p4y_409::-webkit-scrollbar-corner {
+._scrollbars_1auke_409::-webkit-scrollbar-corner {
   background: rgba(0, 0, 0, 0);
 }
 :root {
   --color-background-table-header: var(--color-neutral-150);
   --color-background-table-row-tinted: var(--color-neutral-50);
-  --color-border-table: rgba(0, 0, 0, 0.1);
+  --color-border-table: var(--color-neutral-200);
 }
 html[data-theme='dark'] {
   --color-background-table-header: var(--color-neutral-750);
   --color-background-table-row-tinted: var(--color-neutral-850);
   --color-border-table: black;
 }
-._scrollWrapper_15p4y_446 {
-  overflow: overlay;
-  --scrollbar-color: #00000040;
-  padding-left: 1px;
-}
-._scrollWrapper_15p4y_446::-webkit-scrollbar {
-  display: block;
-  width: 16px;
-  z-index: 2;
-}
-._scrollWrapper_15p4y_446::-webkit-scrollbar-button {
-  display: none;
-}
-._scrollWrapper_15p4y_446::-webkit-scrollbar-track {
-  background-color: #00000000;
-}
-._scrollWrapper_15p4y_446::-webkit-scrollbar-track-piece {
-  background-color: #00000000;
-}
-._scrollWrapper_15p4y_446::-webkit-scrollbar-thumb {
-  background-color: #00000000;
-  border: 5px solid transparent;
-  border-radius: 24px;
-  box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;
-}
-._scrollWrapper_15p4y_446::-webkit-scrollbar-corner {
-  background: rgba(0, 0, 0, 0);
+._wrapper_1auke_446 {
+  border-radius: inherit;
+  max-height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }
-._scrollWrapper_15p4y_446._bordered_15p4y_474 {
+._wrapper_1auke_446._bordered_1auke_453 {
   border-radius: 4px;
+  border: 1px solid var(--color-border-table);
 }
-._scrollWrapper_15p4y_446 > * {
-  margin-left: -1px;
+._scroll_1auke_409 {
+  overflow-y: auto;
+  border-radius: inherit;
+  flex: 1;
+  min-height: 0;
 }
-._table_15p4y_480 {
+._scroll_1auke_409:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+._table_1auke_467 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
   border-spacing: 0;
-  border-radius: 4px;
+  border-radius: inherit;
   width: 100%;
 }
-._table_15p4y_480:not(:first-child) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-._table_15p4y_480 > :first-child {
+._table_1auke_467 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_15p4y_480 > :first-child > :first-child {
+._table_1auke_467 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_15p4y_480 > :first-child > :first-child > :first-child {
+._table_1auke_467 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_15p4y_480 > :first-child > :first-child > :last-child {
+._table_1auke_467 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_15p4y_480 > :last-child {
+._table_1auke_467 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_15p4y_480 > :last-child > :last-child {
+._table_1auke_467 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_15p4y_480 > :last-child > :last-child > :first-child {
+._table_1auke_467 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_15p4y_480 > :last-child > :last-child > :last-child {
+._table_1auke_467 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -23581,20 +23564,17 @@ td {
   background: inherit;
   border-color: var(--color-border-table);
   border-style: solid;
-  border-top-width: 0;
-  border-left-width: 1px;
-  border-right-width: 0;
-  border-bottom-width: 1px;
+  border-width: 0;
 }
-._bordered_15p4y_474 th:last-child,
-._bordered_15p4y_474 td:last-child {
-  border-right-width: 1px;
+th:not(:first-child),
+td:not(:first-child) {
+  border-left-width: 1px;
 }
-thead:first-child > tr:first-child th,
-thead:first-child > tr:first-child td,
-tbody:first-child > tr:first-child th,
-tbody:first-child > tr:first-child td {
-  border-top-width: 1px;
+._table_1auke_467 > *:not(:last-child) > tr th,
+._table_1auke_467 > *:not(:last-child) > tr td,
+._table_1auke_467 > *:last-child > tr:not(:last-child) th,
+._table_1auke_467 > *:last-child > tr:not(:last-child) td {
+  border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
   tr {
@@ -23608,8 +23588,8 @@ tbody:first-child > tr:first-child td {
 thead {
   position: sticky;
   top: 0;
-  z-index: 4;
   overflow: hidden;
+  z-index: 5;
 }
 thead tr {
   background-color: var(--color-background-table-header);
@@ -23620,7 +23600,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_15p4y_567 tbody tr:nth-child(even) {
+._striped_1auke_547 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
 /*
@@ -23959,9 +23939,9 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._title_83v84_337 {
+._title_jdmij_337 {
   background-color: var(--color-background);
-  border: 1px solid var(--color-border);
+  border-bottom: 1px solid var(--color-border-table);
   padding: 6.5px 12px;
   display: flex;
   align-items: center;
@@ -23970,7 +23950,6 @@ html[data-theme='dark'] {
   width: 100%;
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
-  margin-bottom: -1px;
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules
@@ -24661,149 +24640,148 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_ibs3l_337 {
+._inputInTable_14le1_337 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_ibs3l_337:not(:hover) {
+._inputInTable_14le1_337:not(:hover) {
   border-color: transparent;
 }
-._inputHover_ibs3l_346 {
+._inputHover_14le1_346 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_ibs3l_351 {
+._inputFocus_14le1_351 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_ibs3l_358,
-._inputWarning_ibs3l_359 {
+._inputError_14le1_358,
+._inputWarning_14le1_359 {
   position: relative;
 }
-._inputError_ibs3l_358 {
+._inputError_14le1_358 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_ibs3l_358:hover {
+._inputError_14le1_358:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_ibs3l_358:focus {
+._inputError_14le1_358:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_ibs3l_359 {
+._inputWarning_14le1_359 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_ibs3l_359:hover {
+._inputWarning_14le1_359:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_ibs3l_359:focus {
+._inputWarning_14le1_359:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_ibs3l_394 {
+._inputDisabled_14le1_394 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_ibs3l_399 {
+._hideScrollbars_14le1_399 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_ibs3l_399::-webkit-scrollbar {
+._hideScrollbars_14le1_399::-webkit-scrollbar {
   display: none;
 }
-._scrollbars_ibs3l_409 {
+._scrollbars_14le1_409 {
   overflow: overlay;
   --scrollbar-color: #00000040;
 }
-._scrollbars_ibs3l_409::-webkit-scrollbar {
+._scrollbars_14le1_409::-webkit-scrollbar {
   display: block;
   width: 16px;
   z-index: 2;
 }
-._scrollbars_ibs3l_409::-webkit-scrollbar-button {
+._scrollbars_14le1_409::-webkit-scrollbar-button {
   display: none;
 }
-._scrollbars_ibs3l_409::-webkit-scrollbar-track {
+._scrollbars_14le1_409::-webkit-scrollbar-track {
   background-color: #00000000;
 }
-._scrollbars_ibs3l_409::-webkit-scrollbar-track-piece {
+._scrollbars_14le1_409::-webkit-scrollbar-track-piece {
   background-color: #00000000;
 }
-._scrollbars_ibs3l_409::-webkit-scrollbar-thumb {
+._scrollbars_14le1_409::-webkit-scrollbar-thumb {
   background-color: #00000000;
   border: 5px solid transparent;
   border-radius: 24px;
   box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;
 }
-._scrollbars_ibs3l_409::-webkit-scrollbar-corner {
+._scrollbars_14le1_409::-webkit-scrollbar-corner {
   background: rgba(0, 0, 0, 0);
 }
-._cell_ibs3l_436 a {
+._cell_14le1_436 a {
   cursor: pointer;
   color: var(--color-text-primary) !important;
 }
-._cell_ibs3l_436 a:hover {
+._cell_14le1_436 a:hover {
   color: var(--color-text-primary-hover) !important;
 }
-._cell_ibs3l_436 a:active {
+._cell_14le1_436 a:active {
   color: var(--color-text-primary-active) !important;
 }
-._cell_ibs3l_436 a._disabledLink_ibs3l_446 {
+._cell_14le1_436 a._disabledLink_14le1_446 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_ibs3l_450 {
-  margin: -1px;
-  height: calc(100% + 2px);
+._inputWrapper_14le1_450 {
+  height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_ibs3l_450 > span,
-._inputWrapper_ibs3l_450 > span > span,
-._inputWrapper_ibs3l_450 > span > span > div {
+._inputWrapper_14le1_450 > span,
+._inputWrapper_14le1_450 > span > span,
+._inputWrapper_14le1_450 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_ibs3l_450 > div,
-._inputWrapper_ibs3l_450 > div > span {
+._inputWrapper_14le1_450 > div,
+._inputWrapper_14le1_450 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_ibs3l_466 {
+._breakWord_14le1_465 {
   word-break: break-word;
 }
-._inputCell_ibs3l_469 {
+._inputCell_14le1_468 {
   padding: 0 !important;
 }
-._sliderCell_ibs3l_472 {
+._sliderCell_14le1_471 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_ibs3l_476 {
+._staticCell_14le1_475 {
   padding: 0 !important;
 }
-._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479 {
+._staticCell_14le1_475 ._staticCellContent_14le1_478 {
   min-height: 100%;
   padding: 6.5px 12px;
   line-height: 17px;
@@ -24812,84 +24790,84 @@ html[data-theme='dark'] {
   display: flex;
   align-items: center;
 }
-tbody ._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479 {
+tbody ._staticCell_14le1_475 ._staticCellContent_14le1_478 {
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._error_ibs3l_492,
-._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._warning_ibs3l_493 {
+._staticCell_14le1_475 ._staticCellContent_14le1_478._error_14le1_491,
+._staticCell_14le1_475 ._staticCellContent_14le1_478._warning_14le1_492 {
   border: 1px solid transparent;
 }
-._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._error_ibs3l_492 {
+._staticCell_14le1_475 ._staticCellContent_14le1_478._error_14le1_491 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._error_ibs3l_492:hover {
+._staticCell_14le1_475 ._staticCellContent_14le1_478._error_14le1_491:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._error_ibs3l_492:focus {
+._staticCell_14le1_475 ._staticCellContent_14le1_478._error_14le1_491:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._warning_ibs3l_493 {
+._staticCell_14le1_475 ._staticCellContent_14le1_478._warning_14le1_492 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._warning_ibs3l_493:hover {
+._staticCell_14le1_475 ._staticCellContent_14le1_478._warning_14le1_492:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._warning_ibs3l_493:focus {
+._staticCell_14le1_475 ._staticCellContent_14le1_478._warning_14le1_492:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479._unit_ibs3l_530 {
+._staticCell_14le1_475 ._staticCellContent_14le1_478._unit_14le1_529 {
   font-weight: normal;
 }
-._sortingCell_ibs3l_533 ._staticCellContent_ibs3l_479 {
+._sortingCell_14le1_532 ._staticCellContent_14le1_478 {
   position: relative;
   padding-right: 45px !important;
   cursor: pointer !important;
 }
-._sortingCell_ibs3l_533 ._staticCellContent_ibs3l_479:hover {
+._sortingCell_14le1_532 ._staticCellContent_14le1_478:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-._sortingCell_ibs3l_533 ._sortingCellIcon_ibs3l_541 {
+._sortingCell_14le1_532 ._sortingCellIcon_14le1_540 {
   font-size: 20px;
   position: absolute;
   right: 8px;
   top: 50%;
   transform: translateY(-50%);
 }
-._icon_ibs3l_548 {
+._icon_14le1_547 {
   display: inline-flex;
   margin-left: 8px;
 }
-._checkBoxCell_ibs3l_552 {
+._checkBoxCell_14le1_551 {
   padding-block: 0 !important;
   width: var(--size);
 }
-._iconCell_ibs3l_556 {
+._iconCell_14le1_555 {
   width: var(--size);
   text-align: center;
   padding: 0 !important;
 }
-._iconCell_ibs3l_556 ._iconWrapper_ibs3l_561 {
+._iconCell_14le1_555 ._iconWrapper_14le1_560 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_ibs3l_565 {
+._actionsCell_14le1_564 {
   width: var(--size-sm);
   padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
   position: sticky;
@@ -24897,22 +24875,22 @@ tbody ._staticCell_ibs3l_476 ._staticCellContent_ibs3l_479 {
   background: inherit;
   z-index: 4;
 }
-._rightAligned_ibs3l_573 {
+._rightAligned_14le1_572 {
   text-align: right !important;
 }
-._rightAligned_ibs3l_573 ._staticCellContent_ibs3l_479 {
+._rightAligned_14le1_572 ._staticCellContent_14le1_478 {
   justify-content: flex-end;
 }
-._centerAligned_ibs3l_579 {
+._centerAligned_14le1_578 {
   text-align: center !important;
 }
-._leftAligned_ibs3l_582 {
+._leftAligned_14le1_581 {
   text-align: left !important;
 }
-._popover_ibs3l_585 {
+._popover_14le1_584 {
   padding: 6.5px 12px;
 }
-._disabledPointerEvents_ibs3l_588 {
+._disabledPointerEvents_14le1_587 {
   pointer-events: none;
 }
 /*