@oliasoft-open-source/react-ui-library 3.11.0-beta-9 → 3.11.0-beta-11

package/dist/global.css

@@ -23390,103 +23390,103 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_j46wi_337 {
+._inputInTable_gwun7_337 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_j46wi_337:not(:hover) {
+._inputInTable_gwun7_337:not(:hover) {
   border-color: transparent;
 }
-._inputHover_j46wi_346 {
+._inputHover_gwun7_346 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_j46wi_351 {
+._inputFocus_gwun7_351 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_j46wi_358,
-._inputWarning_j46wi_359 {
+._inputError_gwun7_358,
+._inputWarning_gwun7_359 {
   position: relative;
 }
-._inputError_j46wi_358 {
+._inputError_gwun7_358 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_j46wi_358:hover {
+._inputError_gwun7_358:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_j46wi_358:focus {
+._inputError_gwun7_358:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_j46wi_359 {
+._inputWarning_gwun7_359 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_j46wi_359:hover {
+._inputWarning_gwun7_359:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_j46wi_359:focus {
+._inputWarning_gwun7_359:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_j46wi_394 {
+._inputDisabled_gwun7_394 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_j46wi_399 {
+._hideScrollbars_gwun7_399 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_j46wi_399::-webkit-scrollbar {
+._hideScrollbars_gwun7_399::-webkit-scrollbar {
   display: none;
 }
-._scrollbars_j46wi_409 {
+._scrollbars_gwun7_409 {
   overflow: overlay;
   --scrollbar-color: #00000040;
 }
-._scrollbars_j46wi_409::-webkit-scrollbar {
+._scrollbars_gwun7_409::-webkit-scrollbar {
   display: block;
   width: 16px;
   z-index: 2;
 }
-._scrollbars_j46wi_409::-webkit-scrollbar-button {
+._scrollbars_gwun7_409::-webkit-scrollbar-button {
   display: none;
 }
-._scrollbars_j46wi_409::-webkit-scrollbar-track {
+._scrollbars_gwun7_409::-webkit-scrollbar-track {
   background-color: #00000000;
 }
-._scrollbars_j46wi_409::-webkit-scrollbar-track-piece {
+._scrollbars_gwun7_409::-webkit-scrollbar-track-piece {
   background-color: #00000000;
 }
-._scrollbars_j46wi_409::-webkit-scrollbar-thumb {
+._scrollbars_gwun7_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_j46wi_409::-webkit-scrollbar-corner {
+._scrollbars_gwun7_409::-webkit-scrollbar-corner {
   background: rgba(0, 0, 0, 0);
 }
 :root {
@@ -23499,28 +23499,29 @@ html[data-theme='dark'] {
   --color-background-table-row-tinted: var(--color-neutral-850);
   --color-border-table: black;
 }
-._wrapper_j46wi_446 {
+._wrapper_gwun7_446 {
   border-radius: inherit;
   max-height: 100%;
+  max-width: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_j46wi_446._bordered_j46wi_453 {
+._wrapper_gwun7_446._bordered_gwun7_454 {
   border-radius: 4px;
   border: 1px solid var(--color-border-table);
 }
-._scroll_j46wi_409 {
+._scroll_gwun7_409 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_j46wi_409:not(:first-child) {
+._scroll_gwun7_409:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_j46wi_467 {
+._table_gwun7_468 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -23528,32 +23529,32 @@ html[data-theme='dark'] {
   border-radius: inherit;
   width: 100%;
 }
-._table_j46wi_467 > :first-child {
+._table_gwun7_468 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_j46wi_467 > :first-child > :first-child {
+._table_gwun7_468 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_j46wi_467 > :first-child > :first-child > :first-child {
+._table_gwun7_468 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_j46wi_467 > :first-child > :first-child > :last-child {
+._table_gwun7_468 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_j46wi_467 > :last-child {
+._table_gwun7_468 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_j46wi_467 > :last-child > :last-child {
+._table_gwun7_468 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_j46wi_467 > :last-child > :last-child > :first-child {
+._table_gwun7_468 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_j46wi_467 > :last-child > :last-child > :last-child {
+._table_gwun7_468 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -23570,10 +23571,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_j46wi_467 > *:not(:last-child) > tr th,
-._table_j46wi_467 > *:not(:last-child) > tr td,
-._table_j46wi_467 > *:last-child > tr:not(:last-child) th,
-._table_j46wi_467 > *:last-child > tr:not(:last-child) td {
+._table_gwun7_468 > *:not(:last-child) > tr th,
+._table_gwun7_468 > *:not(:last-child) > tr td,
+._table_gwun7_468 > *:last-child > tr:not(:last-child) th,
+._table_gwun7_468 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -23600,7 +23601,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_j46wi_547 tbody tr:nth-child(even) {
+._striped_gwun7_548 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
 /*
@@ -24640,148 +24641,148 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_gp6oe_337 {
+._inputInTable_18of2_337 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_gp6oe_337:not(:hover) {
+._inputInTable_18of2_337:not(:hover) {
   border-color: transparent;
 }
-._inputHover_gp6oe_346 {
+._inputHover_18of2_346 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_gp6oe_351 {
+._inputFocus_18of2_351 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_gp6oe_358,
-._inputWarning_gp6oe_359 {
+._inputError_18of2_358,
+._inputWarning_18of2_359 {
   position: relative;
 }
-._inputError_gp6oe_358 {
+._inputError_18of2_358 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_gp6oe_358:hover {
+._inputError_18of2_358:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_gp6oe_358:focus {
+._inputError_18of2_358:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_gp6oe_359 {
+._inputWarning_18of2_359 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_gp6oe_359:hover {
+._inputWarning_18of2_359:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_gp6oe_359:focus {
+._inputWarning_18of2_359:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_gp6oe_394 {
+._inputDisabled_18of2_394 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_gp6oe_399 {
+._hideScrollbars_18of2_399 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_gp6oe_399::-webkit-scrollbar {
+._hideScrollbars_18of2_399::-webkit-scrollbar {
   display: none;
 }
-._scrollbars_gp6oe_409 {
+._scrollbars_18of2_409 {
   overflow: overlay;
   --scrollbar-color: #00000040;
 }
-._scrollbars_gp6oe_409::-webkit-scrollbar {
+._scrollbars_18of2_409::-webkit-scrollbar {
   display: block;
   width: 16px;
   z-index: 2;
 }
-._scrollbars_gp6oe_409::-webkit-scrollbar-button {
+._scrollbars_18of2_409::-webkit-scrollbar-button {
   display: none;
 }
-._scrollbars_gp6oe_409::-webkit-scrollbar-track {
+._scrollbars_18of2_409::-webkit-scrollbar-track {
   background-color: #00000000;
 }
-._scrollbars_gp6oe_409::-webkit-scrollbar-track-piece {
+._scrollbars_18of2_409::-webkit-scrollbar-track-piece {
   background-color: #00000000;
 }
-._scrollbars_gp6oe_409::-webkit-scrollbar-thumb {
+._scrollbars_18of2_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_gp6oe_409::-webkit-scrollbar-corner {
+._scrollbars_18of2_409::-webkit-scrollbar-corner {
   background: rgba(0, 0, 0, 0);
 }
-._cell_gp6oe_436 a {
+._cell_18of2_436 a {
   cursor: pointer;
   color: var(--color-text-primary);
 }
-._cell_gp6oe_436 a:hover {
+._cell_18of2_436 a:hover {
   color: var(--color-text-primary-hover);
 }
-._cell_gp6oe_436 a:active {
+._cell_18of2_436 a:active {
   color: var(--color-text-primary-active);
 }
-._cell_gp6oe_436 a._disabledLink_gp6oe_446 {
+._cell_18of2_436 a._disabledLink_18of2_446 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_gp6oe_450 {
+._inputWrapper_18of2_450 {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_gp6oe_450 > span,
-._inputWrapper_gp6oe_450 > span > span,
-._inputWrapper_gp6oe_450 > span > span > div {
+._inputWrapper_18of2_450 > span,
+._inputWrapper_18of2_450 > span > span,
+._inputWrapper_18of2_450 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_gp6oe_450 > div,
-._inputWrapper_gp6oe_450 > div > span {
+._inputWrapper_18of2_450 > div,
+._inputWrapper_18of2_450 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_gp6oe_465 {
+._breakWord_18of2_465 {
   word-break: break-word;
 }
-._inputCell_gp6oe_468 {
+._inputCell_18of2_468 {
   padding: 0 !important;
 }
-._sliderCell_gp6oe_471 {
+._sliderCell_18of2_471 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_gp6oe_475 {
+._staticCell_18of2_475 {
   padding: 0 !important;
 }
-._staticCell_gp6oe_475 ._staticCellContent_gp6oe_478 {
+._staticCell_18of2_475 ._staticCellContent_18of2_478 {
   min-height: 100%;
   padding: 6.5px 12px;
   line-height: 17px;
@@ -24790,56 +24791,56 @@ html[data-theme='dark'] {
   display: flex;
   align-items: center;
 }
-tbody ._staticCell_gp6oe_475 ._staticCellContent_gp6oe_478 {
+tbody ._staticCell_18of2_475 ._staticCellContent_18of2_478 {
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._staticCell_gp6oe_475 ._staticCellContent_gp6oe_478._error_gp6oe_491,
-._staticCell_gp6oe_475 ._staticCellContent_gp6oe_478._warning_gp6oe_492 {
+._staticCell_18of2_475 ._staticCellContent_18of2_478._error_18of2_491,
+._staticCell_18of2_475 ._staticCellContent_18of2_478._warning_18of2_492 {
   border: 1px solid transparent;
 }
-._staticCell_gp6oe_475 ._staticCellContent_gp6oe_478._error_gp6oe_491 {
+._staticCell_18of2_475 ._staticCellContent_18of2_478._error_18of2_491 {
   background-color: var(--color-background-error);
 }
-._staticCell_gp6oe_475 ._staticCellContent_gp6oe_478._warning_gp6oe_492 {
+._staticCell_18of2_475 ._staticCellContent_18of2_478._warning_18of2_492 {
   background-color: var(--color-background-warning);
 }
-._staticCell_gp6oe_475 ._staticCellContent_gp6oe_478._unit_gp6oe_501 {
+._staticCell_18of2_475 ._staticCellContent_18of2_478._unit_18of2_501 {
   font-weight: normal;
 }
-._sortingCell_gp6oe_504 ._staticCellContent_gp6oe_478 {
+._sortingCell_18of2_504 ._staticCellContent_18of2_478 {
   position: relative;
   padding-right: 45px !important;
   cursor: pointer !important;
 }
-._sortingCell_gp6oe_504 ._staticCellContent_gp6oe_478:hover {
+._sortingCell_18of2_504 ._staticCellContent_18of2_478:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-._sortingCell_gp6oe_504 ._sortingCellIcon_gp6oe_512 {
+._sortingCell_18of2_504 ._sortingCellIcon_18of2_512 {
   font-size: 20px;
   position: absolute;
   right: 8px;
   top: 50%;
   transform: translateY(-50%);
 }
-._icon_gp6oe_519 {
+._icon_18of2_519 {
   display: inline-flex;
   margin-left: 8px;
 }
-._checkBoxCell_gp6oe_523 {
+._checkBoxCell_18of2_523 {
   padding-block: 0 !important;
   width: var(--size);
 }
-._iconCell_gp6oe_527 {
+._iconCell_18of2_527 {
   width: var(--size);
   text-align: center;
   padding: 0 !important;
 }
-._iconCell_gp6oe_527 ._iconWrapper_gp6oe_532 {
+._iconCell_18of2_527 ._iconWrapper_18of2_532 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_gp6oe_536 {
+._actionsCell_18of2_536 {
   width: var(--size-sm);
   padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
   position: sticky;
@@ -24847,22 +24848,25 @@ tbody ._staticCell_gp6oe_475 ._staticCellContent_gp6oe_478 {
   background: inherit;
   z-index: 4;
 }
-._rightAligned_gp6oe_544 {
+._rightAligned_18of2_544 {
   text-align: right !important;
 }
-._rightAligned_gp6oe_544 ._staticCellContent_gp6oe_478 {
+._rightAligned_18of2_544 ._staticCellContent_18of2_478 {
   justify-content: flex-end;
 }
-._centerAligned_gp6oe_550 {
+._centerAligned_18of2_550 {
   text-align: center !important;
 }
-._leftAligned_gp6oe_553 {
+._centerAligned_18of2_550 ._staticCellContent_18of2_478 {
+  justify-content: center;
+}
+._leftAligned_18of2_556 {
   text-align: left !important;
 }
-._popover_gp6oe_556 {
+._popover_18of2_559 {
   padding: 6.5px 12px;
 }
-._disabledPointerEvents_gp6oe_559 {
+._disabledPointerEvents_18of2_562 {
   pointer-events: none;
 }
 /*
@@ -25201,22 +25205,22 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._clickableRow_pj6et_337 {
+._clickableRow_1i409_337 {
   cursor: pointer;
 }
-._hoverableRow_pj6et_340:not(._rowActive_pj6et_340):hover,
-._clickableRow_pj6et_337:not(._rowActive_pj6et_340):hover {
+._hoverableRow_1i409_340:not(._rowActive_1i409_340):hover,
+._clickableRow_1i409_337:not(._rowActive_1i409_340):hover {
   background-color: var(--color-background-listitem-hover) !important;
 }
-._expandableRow_pj6et_344._flush_pj6et_344 {
+._expandableRow_1i409_344._flush_1i409_344 {
   padding: 0 !important;
   height: auto !important;
 }
-._rowActive_pj6et_340 {
+._rowActive_1i409_340 {
   position: relative;
   background-color: var(--color-background-listitem-active) !important;
 }
-._rowActive_pj6et_340:after {
+._rowActive_1i409_340:after {
   content: '';
   position: absolute;
   left: 0;
@@ -25228,24 +25232,25 @@ html[data-theme='dark'] {
   transition: background 0.3s;
   background: var(--color-background-primary);
 }
-._dragIconCell_pj6et_364 {
-  width: calc(var(--size) - 2px);
+._dragIconCell_1i409_364 {
+  width: var(--size);
+  min-width: var(--size);
   position: relative;
 }
-._dragIcon_pj6et_364 {
+._dragIcon_1i409_364 {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   inset: 0;
 }
-._dragIcon_pj6et_364 path {
+._dragIcon_1i409_364 path {
   stroke: var(--color-text-faint);
 }
-._dragIcon_pj6et_364:hover path {
+._dragIcon_1i409_364:hover path {
   stroke: var(--color-text-primary-hover);
 }
-._dragIcon_pj6et_364:active path {
+._dragIcon_1i409_364:active path {
   stroke: var(--color-text-primary-active);
 }
 /*