@oliasoft-open-source/react-ui-library 3.11.0-beta-1 → 3.11.0-beta-2

package/dist/global.css

@@ -4223,103 +4223,103 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_12mgo_337 {
+._inputInTable_e5slq_337 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_12mgo_337:not(:hover) {
+._inputInTable_e5slq_337:not(:hover) {
   border-color: transparent;
 }
-._inputHover_12mgo_346 {
+._inputHover_e5slq_346 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_12mgo_351 {
+._inputFocus_e5slq_351 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_12mgo_358,
-._inputWarning_12mgo_359 {
+._inputError_e5slq_358,
+._inputWarning_e5slq_359 {
   position: relative;
 }
-._inputError_12mgo_358 {
+._inputError_e5slq_358 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_12mgo_358:hover {
+._inputError_e5slq_358:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_12mgo_358:focus {
+._inputError_e5slq_358:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_12mgo_359 {
+._inputWarning_e5slq_359 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_12mgo_359:hover {
+._inputWarning_e5slq_359:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_12mgo_359:focus {
+._inputWarning_e5slq_359:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_12mgo_394 {
+._inputDisabled_e5slq_394 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_12mgo_399 {
+._hideScrollbars_e5slq_399 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_12mgo_399::-webkit-scrollbar {
+._hideScrollbars_e5slq_399::-webkit-scrollbar {
   display: none;
 }
-._scrollbars_12mgo_409 {
+._scrollbars_e5slq_409 {
   overflow: overlay;
   --scrollbar-color: #00000040;
 }
-._scrollbars_12mgo_409::-webkit-scrollbar {
+._scrollbars_e5slq_409::-webkit-scrollbar {
   display: block;
   width: 16px;
   z-index: 2;
 }
-._scrollbars_12mgo_409::-webkit-scrollbar-button {
+._scrollbars_e5slq_409::-webkit-scrollbar-button {
   display: none;
 }
-._scrollbars_12mgo_409::-webkit-scrollbar-track {
+._scrollbars_e5slq_409::-webkit-scrollbar-track {
   background-color: #00000000;
 }
-._scrollbars_12mgo_409::-webkit-scrollbar-track-piece {
+._scrollbars_e5slq_409::-webkit-scrollbar-track-piece {
   background-color: #00000000;
 }
-._scrollbars_12mgo_409::-webkit-scrollbar-thumb {
+._scrollbars_e5slq_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_12mgo_409::-webkit-scrollbar-corner {
+._scrollbars_e5slq_409::-webkit-scrollbar-corner {
   background: rgba(0, 0, 0, 0);
 }
 :root {
@@ -4356,7 +4356,7 @@ html[data-theme='dark'] {
   --color-border-button-hover: var(--color-border);
   --color-text-button-muted: rgba(255, 255, 255, 0.4);
 }
-._button_12mgo_470 {
+._button_e5slq_470 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -4382,82 +4382,82 @@ html[data-theme='dark'] {
   min-height: var(--size);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
-._button_12mgo_470:hover {
+._button_e5slq_470:hover {
   background: var(--color-background-button-default-hover);
   border-color: var(--color-border-button-hover);
 }
-._button_12mgo_470:focus {
+._button_e5slq_470:focus {
   box-shadow: var(--shadow-focus);
 }
-._button_12mgo_470:active {
+._button_e5slq_470:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_12mgo_470._active_12mgo_507:not(._green_12mgo_507):not(._red_12mgo_507):not(._orange_12mgo_507) {
+._button_e5slq_470._active_e5slq_507:not(._green_e5slq_507):not(._red_e5slq_507):not(._orange_e5slq_507) {
   border-color: var(--color-background-button-primary);
   color: var(--color-text-primary);
   position: relative;
   z-index: 2;
 }
-._button_12mgo_470:hover,
-._button_12mgo_470:focus,
-._button_12mgo_470:active {
+._button_e5slq_470:hover,
+._button_e5slq_470:focus,
+._button_e5slq_470:active {
   position: relative;
   z-index: 1;
 }
-._button_12mgo_470 ._icon_12mgo_519 {
+._button_e5slq_470 ._icon_e5slq_519 {
   margin: 0 8px 0 -4px;
 }
-._button_12mgo_470 ._icon_12mgo_519 svg {
+._button_e5slq_470 ._icon_e5slq_519 svg {
   height: 14px;
   width: 14px;
 }
-._iconOnly_12mgo_526 {
-  padding: 0.78571429em 0.78571429em 0.78571429em;
+._iconOnly_e5slq_526 {
+  width: var(--size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_12mgo_526 ._icon_12mgo_519 {
+._iconOnly_e5slq_526 ._icon_e5slq_519 {
   margin: 0;
   line-height: 0;
 }
-._basic_12mgo_536 {
+._basic_e5slq_536 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_12mgo_536._muted_12mgo_542 {
+._basic_e5slq_536._muted_e5slq_542 {
   color: var(--color-text-button-muted);
 }
-._basic_12mgo_536:hover,
-._basic_12mgo_536:focus {
+._basic_e5slq_536:hover,
+._basic_e5slq_536:focus {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-._basic_12mgo_536:active,
-._basic_12mgo_536._active_12mgo_507 {
+._basic_e5slq_536:active,
+._basic_e5slq_536._active_e5slq_507 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-._disabled_12mgo_555 {
+._disabled_e5slq_555 {
   cursor: default;
   pointer-events: none !important;
   color: var(--color-text-faint) !important;
   box-shadow: none !important;
 }
-._disabled_12mgo_555:not(._active_12mgo_507):not(._basic_12mgo_536) {
+._disabled_e5slq_555:not(._active_e5slq_507):not(._basic_e5slq_536) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_12mgo_565 {
+._small_e5slq_565 {
   font-size: 12px;
   min-height: var(--size-sm);
   padding: 0 0.75rem;
 }
-._pill_12mgo_570,
-._round_12mgo_571 {
+._pill_e5slq_570,
+._round_e5slq_571 {
   text-transform: uppercase;
   letter-spacing: 0.1em;
   font-size: 13px;
@@ -4466,154 +4466,154 @@ html[data-theme='dark'] {
   display: inline-flex;
   align-items: center;
 }
-._round_12mgo_571 {
+._round_e5slq_571 {
   padding: 0;
   width: var(--size);
   line-height: 1;
 }
-._round_12mgo_571._small_12mgo_565 {
+._round_e5slq_571._small_e5slq_565 {
   width: var(--size-sm);
 }
-._orange_12mgo_507:not(._basic_12mgo_536) {
+._orange_e5slq_507:not(._basic_e5slq_536) {
   background-color: var(--color-background-button-primary);
 }
-._orange_12mgo_507:not(._basic_12mgo_536):hover,
-._orange_12mgo_507:not(._basic_12mgo_536):focus {
+._orange_e5slq_507:not(._basic_e5slq_536):hover,
+._orange_e5slq_507:not(._basic_e5slq_536):focus {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_12mgo_507:not(._basic_12mgo_536):active,
-._orange_12mgo_507:not(._basic_12mgo_536)._active_12mgo_507 {
+._orange_e5slq_507:not(._basic_e5slq_536):active,
+._orange_e5slq_507:not(._basic_e5slq_536)._active_e5slq_507 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_12mgo_507:not(._basic_12mgo_536) {
+._red_e5slq_507:not(._basic_e5slq_536) {
   background-color: var(--color-background-button-error);
 }
-._red_12mgo_507:not(._basic_12mgo_536):hover,
-._red_12mgo_507:not(._basic_12mgo_536):focus {
+._red_e5slq_507:not(._basic_e5slq_536):hover,
+._red_e5slq_507:not(._basic_e5slq_536):focus {
   background-color: var(--color-background-button-error-hover);
 }
-._red_12mgo_507:not(._basic_12mgo_536):active,
-._red_12mgo_507:not(._basic_12mgo_536)._active_12mgo_507 {
+._red_e5slq_507:not(._basic_e5slq_536):active,
+._red_e5slq_507:not(._basic_e5slq_536)._active_e5slq_507 {
   background-color: var(--color-background-button-error-active);
 }
-._red_12mgo_507._basic_12mgo_536 {
+._red_e5slq_507._basic_e5slq_536 {
   color: var(--color-text-error);
 }
-._green_12mgo_507:not(._basic_12mgo_536) {
+._green_e5slq_507:not(._basic_e5slq_536) {
   background-color: var(--color-background-button-success);
 }
-._green_12mgo_507:not(._basic_12mgo_536):hover,
-._green_12mgo_507:not(._basic_12mgo_536):focus {
+._green_e5slq_507:not(._basic_e5slq_536):hover,
+._green_e5slq_507:not(._basic_e5slq_536):focus {
   background-color: var(--color-background-button-success-hover);
 }
-._green_12mgo_507:not(._basic_12mgo_536):active,
-._green_12mgo_507:not(._basic_12mgo_536)._active_12mgo_507 {
+._green_e5slq_507:not(._basic_e5slq_536):active,
+._green_e5slq_507:not(._basic_e5slq_536)._active_e5slq_507 {
   background-color: var(--color-background-button-success-active);
 }
-._green_12mgo_507._basic_12mgo_536 {
+._green_e5slq_507._basic_e5slq_536 {
   color: var(--color-text-success);
 }
-._orange_12mgo_507:not(._basic_12mgo_536),
-._red_12mgo_507:not(._basic_12mgo_536),
-._green_12mgo_507:not(._basic_12mgo_536) {
+._orange_e5slq_507:not(._basic_e5slq_536),
+._red_e5slq_507:not(._basic_e5slq_536),
+._green_e5slq_507:not(._basic_e5slq_536) {
   color: #fff;
 }
-._orange_12mgo_507:not(._basic_12mgo_536):hover,
-._red_12mgo_507:not(._basic_12mgo_536):hover,
-._green_12mgo_507:not(._basic_12mgo_536):hover,
-._orange_12mgo_507:not(._basic_12mgo_536):focus,
-._red_12mgo_507:not(._basic_12mgo_536):focus,
-._green_12mgo_507:not(._basic_12mgo_536):focus {
+._orange_e5slq_507:not(._basic_e5slq_536):hover,
+._red_e5slq_507:not(._basic_e5slq_536):hover,
+._green_e5slq_507:not(._basic_e5slq_536):hover,
+._orange_e5slq_507:not(._basic_e5slq_536):focus,
+._red_e5slq_507:not(._basic_e5slq_536):focus,
+._green_e5slq_507:not(._basic_e5slq_536):focus {
   color: #fff;
 }
-._orange_12mgo_507:not(._basic_12mgo_536):active,
-._red_12mgo_507:not(._basic_12mgo_536):active,
-._green_12mgo_507:not(._basic_12mgo_536):active,
-._orange_12mgo_507:not(._basic_12mgo_536)._active_12mgo_507,
-._red_12mgo_507:not(._basic_12mgo_536)._active_12mgo_507,
-._green_12mgo_507:not(._basic_12mgo_536)._active_12mgo_507 {
+._orange_e5slq_507:not(._basic_e5slq_536):active,
+._red_e5slq_507:not(._basic_e5slq_536):active,
+._green_e5slq_507:not(._basic_e5slq_536):active,
+._orange_e5slq_507:not(._basic_e5slq_536)._active_e5slq_507,
+._red_e5slq_507:not(._basic_e5slq_536)._active_e5slq_507,
+._green_e5slq_507:not(._basic_e5slq_536)._active_e5slq_507 {
   color: #fff;
 }
-._error_12mgo_648 {
+._error_e5slq_648 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._error_12mgo_648:hover {
+._error_e5slq_648:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._error_12mgo_648:focus {
+._error_e5slq_648:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._warning_12mgo_665 {
+._warning_e5slq_665 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._warning_12mgo_665:hover {
+._warning_e5slq_665:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._warning_12mgo_665:focus {
+._warning_e5slq_665:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inverted_12mgo_682 {
+._inverted_e5slq_682 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_12mgo_682:hover,
-._inverted_12mgo_682:focus,
-._inverted_12mgo_682:active {
+._inverted_e5slq_682:hover,
+._inverted_e5slq_682:focus,
+._inverted_e5slq_682:active {
   box-shadow: none;
 }
-._inverted_12mgo_682._orange_12mgo_507 {
+._inverted_e5slq_682._orange_e5slq_507 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_12mgo_682._red_12mgo_507 {
+._inverted_e5slq_682._red_e5slq_507 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_12mgo_682._green_12mgo_507 {
+._inverted_e5slq_682._green_e5slq_507 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_12mgo_682._orange_12mgo_507:hover,
-._inverted_12mgo_682._red_12mgo_507:hover,
-._inverted_12mgo_682._green_12mgo_507:hover,
-._inverted_12mgo_682._orange_12mgo_507:focus,
-._inverted_12mgo_682._red_12mgo_507:focus,
-._inverted_12mgo_682._green_12mgo_507:focus,
-._inverted_12mgo_682._orange_12mgo_507:active,
-._inverted_12mgo_682._red_12mgo_507:active,
-._inverted_12mgo_682._green_12mgo_507:active {
+._inverted_e5slq_682._orange_e5slq_507:hover,
+._inverted_e5slq_682._red_e5slq_507:hover,
+._inverted_e5slq_682._green_e5slq_507:hover,
+._inverted_e5slq_682._orange_e5slq_507:focus,
+._inverted_e5slq_682._red_e5slq_507:focus,
+._inverted_e5slq_682._green_e5slq_507:focus,
+._inverted_e5slq_682._orange_e5slq_507:active,
+._inverted_e5slq_682._red_e5slq_507:active,
+._inverted_e5slq_682._green_e5slq_507:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_12mgo_716,
-._groupOrderMiddle_12mgo_717,
-._groupOrderLast_12mgo_718 {
+._groupOrderFirst_e5slq_716,
+._groupOrderMiddle_e5slq_717,
+._groupOrderLast_e5slq_718 {
   margin-right: 0;
 }
-._groupOrderFirst_12mgo_716,
-._groupOrderMiddle_12mgo_717 {
+._groupOrderFirst_e5slq_716,
+._groupOrderMiddle_e5slq_717 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_12mgo_718,
-._groupOrderMiddle_12mgo_717 {
+._groupOrderLast_e5slq_718,
+._groupOrderMiddle_e5slq_717 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -24312,149 +24312,149 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_5xcy1_337 {
+._inputInTable_1momm_337 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_5xcy1_337:not(:hover) {
+._inputInTable_1momm_337:not(:hover) {
   border-color: transparent;
 }
-._inputHover_5xcy1_346 {
+._inputHover_1momm_346 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_5xcy1_351 {
+._inputFocus_1momm_351 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_5xcy1_358,
-._inputWarning_5xcy1_359 {
+._inputError_1momm_358,
+._inputWarning_1momm_359 {
   position: relative;
 }
-._inputError_5xcy1_358 {
+._inputError_1momm_358 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_5xcy1_358:hover {
+._inputError_1momm_358:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_5xcy1_358:focus {
+._inputError_1momm_358:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_5xcy1_359 {
+._inputWarning_1momm_359 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_5xcy1_359:hover {
+._inputWarning_1momm_359:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_5xcy1_359:focus {
+._inputWarning_1momm_359:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_5xcy1_394 {
+._inputDisabled_1momm_394 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_5xcy1_399 {
+._hideScrollbars_1momm_399 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_5xcy1_399::-webkit-scrollbar {
+._hideScrollbars_1momm_399::-webkit-scrollbar {
   display: none;
 }
-._scrollbars_5xcy1_409 {
+._scrollbars_1momm_409 {
   overflow: overlay;
   --scrollbar-color: #00000040;
 }
-._scrollbars_5xcy1_409::-webkit-scrollbar {
+._scrollbars_1momm_409::-webkit-scrollbar {
   display: block;
   width: 16px;
   z-index: 2;
 }
-._scrollbars_5xcy1_409::-webkit-scrollbar-button {
+._scrollbars_1momm_409::-webkit-scrollbar-button {
   display: none;
 }
-._scrollbars_5xcy1_409::-webkit-scrollbar-track {
+._scrollbars_1momm_409::-webkit-scrollbar-track {
   background-color: #00000000;
 }
-._scrollbars_5xcy1_409::-webkit-scrollbar-track-piece {
+._scrollbars_1momm_409::-webkit-scrollbar-track-piece {
   background-color: #00000000;
 }
-._scrollbars_5xcy1_409::-webkit-scrollbar-thumb {
+._scrollbars_1momm_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_5xcy1_409::-webkit-scrollbar-corner {
+._scrollbars_1momm_409::-webkit-scrollbar-corner {
   background: rgba(0, 0, 0, 0);
 }
-._cell_5xcy1_436 a {
+._cell_1momm_436 a {
   cursor: pointer;
   color: var(--color-text-primary) !important;
 }
-._cell_5xcy1_436 a:hover {
+._cell_1momm_436 a:hover {
   color: var(--color-text-primary-hover) !important;
 }
-._cell_5xcy1_436 a:active {
+._cell_1momm_436 a:active {
   color: var(--color-text-primary-active) !important;
 }
-._cell_5xcy1_436 a._disabledLink_5xcy1_446 {
+._cell_1momm_436 a._disabledLink_1momm_446 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_5xcy1_450 {
+._inputWrapper_1momm_450 {
   margin: -1px;
   height: calc(100% + 2px);
   border-radius: inherit;
 }
-._inputWrapper_5xcy1_450 > span,
-._inputWrapper_5xcy1_450 > span > span,
-._inputWrapper_5xcy1_450 > span > span > div {
+._inputWrapper_1momm_450 > span,
+._inputWrapper_1momm_450 > span > span,
+._inputWrapper_1momm_450 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_5xcy1_450 > div,
-._inputWrapper_5xcy1_450 > div > span {
+._inputWrapper_1momm_450 > div,
+._inputWrapper_1momm_450 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_5xcy1_466 {
+._breakWord_1momm_466 {
   word-break: break-word;
 }
-._inputCell_5xcy1_469 {
+._inputCell_1momm_469 {
   padding: 0 !important;
 }
-._sliderCell_5xcy1_472 {
+._sliderCell_1momm_472 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_5xcy1_476 {
+._staticCell_1momm_476 {
   padding: 0 !important;
 }
-._staticCell_5xcy1_476 ._staticCellContent_5xcy1_479 {
+._staticCell_1momm_476 ._staticCellContent_1momm_479 {
   min-height: 100%;
   padding: 6.5px 12px;
   line-height: 17px;
@@ -24463,107 +24463,106 @@ html[data-theme='dark'] {
   display: flex;
   align-items: center;
 }
-tbody ._staticCell_5xcy1_476 ._staticCellContent_5xcy1_479 {
-  pointer-events: none;
+tbody ._staticCell_1momm_476 ._staticCellContent_1momm_479 {
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._staticCell_5xcy1_476 ._staticCellContent_5xcy1_479._error_5xcy1_493,
-._staticCell_5xcy1_476 ._staticCellContent_5xcy1_479._warning_5xcy1_494 {
+._staticCell_1momm_476 ._staticCellContent_1momm_479._error_1momm_492,
+._staticCell_1momm_476 ._staticCellContent_1momm_479._warning_1momm_493 {
   border: 1px solid transparent;
 }
-._staticCell_5xcy1_476 ._staticCellContent_5xcy1_479._error_5xcy1_493 {
+._staticCell_1momm_476 ._staticCellContent_1momm_479._error_1momm_492 {
   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_5xcy1_476 ._staticCellContent_5xcy1_479._error_5xcy1_493:hover {
+._staticCell_1momm_476 ._staticCellContent_1momm_479._error_1momm_492:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._staticCell_5xcy1_476 ._staticCellContent_5xcy1_479._error_5xcy1_493:focus {
+._staticCell_1momm_476 ._staticCellContent_1momm_479._error_1momm_492:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._staticCell_5xcy1_476 ._staticCellContent_5xcy1_479._warning_5xcy1_494 {
+._staticCell_1momm_476 ._staticCellContent_1momm_479._warning_1momm_493 {
   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_5xcy1_476 ._staticCellContent_5xcy1_479._warning_5xcy1_494:hover {
+._staticCell_1momm_476 ._staticCellContent_1momm_479._warning_1momm_493:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._staticCell_5xcy1_476 ._staticCellContent_5xcy1_479._warning_5xcy1_494:focus {
+._staticCell_1momm_476 ._staticCellContent_1momm_479._warning_1momm_493:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._staticCell_5xcy1_476 ._staticCellContent_5xcy1_479._unit_5xcy1_531 {
+._staticCell_1momm_476 ._staticCellContent_1momm_479._unit_1momm_530 {
   font-weight: normal;
 }
-._sortingCell_5xcy1_534 ._staticCellContent_5xcy1_479 {
+._sortingCell_1momm_533 ._staticCellContent_1momm_479 {
   position: relative;
   padding-right: 45px !important;
   cursor: pointer !important;
 }
-._sortingCell_5xcy1_534 ._staticCellContent_5xcy1_479:hover {
+._sortingCell_1momm_533 ._staticCellContent_1momm_479:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-._sortingCell_5xcy1_534 ._sortingCellIcon_5xcy1_542 {
+._sortingCell_1momm_533 ._sortingCellIcon_1momm_541 {
   font-size: 20px;
   position: absolute;
   right: 8px;
   top: 50%;
   transform: translateY(-50%);
 }
-._icon_5xcy1_549 {
+._icon_1momm_548 {
   display: inline-flex;
   margin-left: 8px;
 }
-._checkBoxCell_5xcy1_553 {
+._checkBoxCell_1momm_552 {
   padding-block: 0 !important;
   width: var(--size);
 }
-._iconCell_5xcy1_557 {
+._iconCell_1momm_556 {
   width: var(--size);
   text-align: center;
   padding: 0 !important;
 }
-._iconCell_5xcy1_557 ._iconWrapper_5xcy1_562 {
+._iconCell_1momm_556 ._iconWrapper_1momm_561 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_5xcy1_566 {
+._actionsCell_1momm_565 {
   width: var(--size-sm);
   padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
   position: sticky;
   right: 0;
   background: inherit;
 }
-._rightAligned_5xcy1_573 {
+._rightAligned_1momm_572 {
   text-align: right !important;
 }
-._rightAligned_5xcy1_573 ._staticCellContent_5xcy1_479 {
+._rightAligned_1momm_572 ._staticCellContent_1momm_479 {
   justify-content: flex-end;
 }
-._centerAligned_5xcy1_579 {
+._centerAligned_1momm_578 {
   text-align: center !important;
 }
-._leftAligned_5xcy1_582 {
+._leftAligned_1momm_581 {
   text-align: left !important;
 }
-._popover_5xcy1_585 {
+._popover_1momm_584 {
   padding: 6.5px 12px;
 }
-._disabledPointerEvents_5xcy1_588 {
+._disabledPointerEvents_1momm_587 {
   pointer-events: none;
 }
 /*

package/dist/index.js

@@ -11235,33 +11235,33 @@ Badge.propTypes = {
   margin: propTypes$1.exports.string,
   small: propTypes$1.exports.bool
 };
-const inputInTable$b = "_inputInTable_12mgo_337";
-const inputHover$b = "_inputHover_12mgo_346";
-const inputFocus$b = "_inputFocus_12mgo_351";
-const inputError$b = "_inputError_12mgo_358";
-const inputWarning$b = "_inputWarning_12mgo_359";
-const inputDisabled$b = "_inputDisabled_12mgo_394";
-const hideScrollbars$b = "_hideScrollbars_12mgo_399";
-const scrollbars$b = "_scrollbars_12mgo_409";
-const button$3 = "_button_12mgo_470";
-const active$7 = "_active_12mgo_507";
-const green$1 = "_green_12mgo_507";
-const red$1 = "_red_12mgo_507";
-const orange$1 = "_orange_12mgo_507";
-const icon$4 = "_icon_12mgo_519";
-const iconOnly = "_iconOnly_12mgo_526";
-const basic = "_basic_12mgo_536";
-const muted$2 = "_muted_12mgo_542";
-const disabled$7 = "_disabled_12mgo_555";
-const small$c = "_small_12mgo_565";
-const pill = "_pill_12mgo_570";
-const round = "_round_12mgo_571";
-const error$8 = "_error_12mgo_648";
-const warning$c = "_warning_12mgo_665";
-const inverted$1 = "_inverted_12mgo_682";
-const groupOrderFirst$4 = "_groupOrderFirst_12mgo_716";
-const groupOrderMiddle$4 = "_groupOrderMiddle_12mgo_717";
-const groupOrderLast$4 = "_groupOrderLast_12mgo_718";
+const inputInTable$b = "_inputInTable_e5slq_337";
+const inputHover$b = "_inputHover_e5slq_346";
+const inputFocus$b = "_inputFocus_e5slq_351";
+const inputError$b = "_inputError_e5slq_358";
+const inputWarning$b = "_inputWarning_e5slq_359";
+const inputDisabled$b = "_inputDisabled_e5slq_394";
+const hideScrollbars$b = "_hideScrollbars_e5slq_399";
+const scrollbars$b = "_scrollbars_e5slq_409";
+const button$3 = "_button_e5slq_470";
+const active$7 = "_active_e5slq_507";
+const green$1 = "_green_e5slq_507";
+const red$1 = "_red_e5slq_507";
+const orange$1 = "_orange_e5slq_507";
+const icon$4 = "_icon_e5slq_519";
+const iconOnly = "_iconOnly_e5slq_526";
+const basic = "_basic_e5slq_536";
+const muted$2 = "_muted_e5slq_542";
+const disabled$7 = "_disabled_e5slq_555";
+const small$c = "_small_e5slq_565";
+const pill = "_pill_e5slq_570";
+const round = "_round_e5slq_571";
+const error$8 = "_error_e5slq_648";
+const warning$c = "_warning_e5slq_665";
+const inverted$1 = "_inverted_e5slq_682";
+const groupOrderFirst$4 = "_groupOrderFirst_e5slq_716";
+const groupOrderMiddle$4 = "_groupOrderMiddle_e5slq_717";
+const groupOrderLast$4 = "_groupOrderLast_e5slq_718";
 const buttonStyles = {
   inputInTable: inputInTable$b,
   inputHover: inputHover$b,
@@ -59263,37 +59263,37 @@ function CgSortAz(props) {
 function CgSortZa(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none" }, "child": [{ "tag": "path", "attr": { "d": "M6 16C6 16.5523 6.44772 17 7 17H17C17.5523 17 18 16.5523 18 16C18 15.4477 17.5523 15 17 15H7C6.44772 15 6 15.4477 6 16Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M8 12C8 12.5523 8.44772 13 9 13H15C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11H9C8.44772 11 8 11.4477 8 12Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M11 9C10.4477 9 10 8.55229 10 8C10 7.44771 10.4477 7 11 7H13C13.5523 7 14 7.44771 14 8C14 8.55229 13.5523 9 13 9H11Z", "fill": "currentColor" } }] })(props);
 }
-const inputInTable$1 = "_inputInTable_5xcy1_337";
-const inputHover$1 = "_inputHover_5xcy1_346";
-const inputFocus$1 = "_inputFocus_5xcy1_351";
-const inputError$1 = "_inputError_5xcy1_358";
-const inputWarning$1 = "_inputWarning_5xcy1_359";
-const inputDisabled$1 = "_inputDisabled_5xcy1_394";
-const hideScrollbars$1 = "_hideScrollbars_5xcy1_399";
-const scrollbars$1 = "_scrollbars_5xcy1_409";
-const cell = "_cell_5xcy1_436";
-const disabledLink = "_disabledLink_5xcy1_446";
-const inputWrapper = "_inputWrapper_5xcy1_450";
-const breakWord = "_breakWord_5xcy1_466";
-const inputCell = "_inputCell_5xcy1_469";
-const sliderCell = "_sliderCell_5xcy1_472";
-const staticCell = "_staticCell_5xcy1_476";
-const staticCellContent = "_staticCellContent_5xcy1_479";
-const error$1 = "_error_5xcy1_493";
-const warning$2 = "_warning_5xcy1_494";
-const unit = "_unit_5xcy1_531";
-const sortingCell = "_sortingCell_5xcy1_534";
-const sortingCellIcon = "_sortingCellIcon_5xcy1_542";
-const icon = "_icon_5xcy1_549";
-const checkBoxCell = "_checkBoxCell_5xcy1_553";
-const iconCell = "_iconCell_5xcy1_557";
-const iconWrapper = "_iconWrapper_5xcy1_562";
-const actionsCell = "_actionsCell_5xcy1_566";
-const rightAligned = "_rightAligned_5xcy1_573";
-const centerAligned = "_centerAligned_5xcy1_579";
-const leftAligned = "_leftAligned_5xcy1_582";
-const popover = "_popover_5xcy1_585";
-const disabledPointerEvents = "_disabledPointerEvents_5xcy1_588";
+const inputInTable$1 = "_inputInTable_1momm_337";
+const inputHover$1 = "_inputHover_1momm_346";
+const inputFocus$1 = "_inputFocus_1momm_351";
+const inputError$1 = "_inputError_1momm_358";
+const inputWarning$1 = "_inputWarning_1momm_359";
+const inputDisabled$1 = "_inputDisabled_1momm_394";
+const hideScrollbars$1 = "_hideScrollbars_1momm_399";
+const scrollbars$1 = "_scrollbars_1momm_409";
+const cell = "_cell_1momm_436";
+const disabledLink = "_disabledLink_1momm_446";
+const inputWrapper = "_inputWrapper_1momm_450";
+const breakWord = "_breakWord_1momm_466";
+const inputCell = "_inputCell_1momm_469";
+const sliderCell = "_sliderCell_1momm_472";
+const staticCell = "_staticCell_1momm_476";
+const staticCellContent = "_staticCellContent_1momm_479";
+const error$1 = "_error_1momm_492";
+const warning$2 = "_warning_1momm_493";
+const unit = "_unit_1momm_530";
+const sortingCell = "_sortingCell_1momm_533";
+const sortingCellIcon = "_sortingCellIcon_1momm_541";
+const icon = "_icon_1momm_548";
+const checkBoxCell = "_checkBoxCell_1momm_552";
+const iconCell = "_iconCell_1momm_556";
+const iconWrapper = "_iconWrapper_1momm_561";
+const actionsCell = "_actionsCell_1momm_565";
+const rightAligned = "_rightAligned_1momm_572";
+const centerAligned = "_centerAligned_1momm_578";
+const leftAligned = "_leftAligned_1momm_581";
+const popover = "_popover_1momm_584";
+const disabledPointerEvents = "_disabledPointerEvents_1momm_587";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,

package/package.json

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