@oliasoft-open-source/react-ui-library 4.0.0-beta-66 → 4.0.0-beta-68

package/dist/assets/{index-c3bc1333.css → index-226f11bb.css}

@@ -2414,123 +2414,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_1jiqc_1 {
+._inputInTable_327v8_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1jiqc_1:not(:hover) {
+._inputInTable_327v8_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1jiqc_1:not(:focus) {
+._inputInTable_327v8_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1jiqc_13 {
+._inputHover_327v8_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1jiqc_18 {
+._inputFocus_327v8_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1jiqc_25,
-._inputWarning_1jiqc_26 {
+._inputError_327v8_25,
+._inputWarning_327v8_26 {
   position: relative;
 }
-._inputError_1jiqc_25 {
+._inputError_327v8_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1jiqc_25:hover {
+._inputError_327v8_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1jiqc_25:focus {
+._inputError_327v8_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1jiqc_26 {
+._inputWarning_327v8_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1jiqc_26:hover {
+._inputWarning_327v8_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1jiqc_26:focus {
+._inputWarning_327v8_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1jiqc_61 {
+._inputDisabled_327v8_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1jiqc_67 {
+._hideScrollbars_327v8_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1jiqc_67::-webkit-scrollbar {
+._hideScrollbars_327v8_67::-webkit-scrollbar {
   display: none;
 }
-._header_1jiqc_77 ._headerTitle_1jiqc_77,
-._heading_1jiqc_78 ._itemHeader_1jiqc_78 {
+._header_327v8_77 ._headerTitle_327v8_77,
+._heading_327v8_78 ._itemHeader_327v8_78 {
   transition: opacity 0.3s;
 }
-._narrow_1jiqc_81 ._header_1jiqc_77 ._headerTitle_1jiqc_77,
-._narrow_1jiqc_81 ._heading_1jiqc_78 ._itemHeader_1jiqc_78 {
+._narrow_327v8_81 ._header_327v8_77 ._headerTitle_327v8_77,
+._narrow_327v8_81 ._heading_327v8_78 ._itemHeader_327v8_78 {
   opacity: 0;
 }
-._stickyHeader_1jiqc_85 {
+._stickyHeader_327v8_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_1jiqc_78 {
+._itemHeader_327v8_78 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_1jiqc_78 ._title_1jiqc_96 {
+._itemHeader_327v8_78 ._title_327v8_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_1jiqc_78 ._name_1jiqc_102 {
+._itemHeader_327v8_78 ._name_327v8_102 {
   font-weight: 400;
 }
-._itemHeader_1jiqc_78 ._iconTooltipMargin_1jiqc_105 {
+._itemHeader_327v8_78 ._iconTooltipMargin_327v8_105 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_1jiqc_78 ._bold_1jiqc_108 {
+._itemHeader_327v8_78 ._bold_327v8_108 {
   font-weight: bold;
 }
-._header_1jiqc_77 {
+._header_327v8_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_1jiqc_117 {
+._toggleNarrow_327v8_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2539,16 +2539,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_1jiqc_117:hover {
+._toggleNarrow_327v8_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_1jiqc_117:active {
+._toggleNarrow_327v8_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_1jiqc_81 ._toggleNarrow_1jiqc_117 {
+._narrow_327v8_81 ._toggleNarrow_327v8_117 {
   transform: scaleX(-1);
 }
-._drag_1jiqc_135 {
+._drag_327v8_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2559,28 +2559,28 @@ html[data-theme='dark'] {
   height: 19px;
   width: 19px;
 }
-._drag_1jiqc_135:hover {
+._drag_327v8_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_1jiqc_135:active {
+._drag_327v8_135:active {
   color: var(--color-text-primary-active);
 }
-._list_1jiqc_152 {
+._list_327v8_152 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_1jiqc_152._bordered_1jiqc_156:first-child,
-._list_1jiqc_152._bordered_1jiqc_156:first-child > :first-child {
+._list_327v8_152._bordered_327v8_156:first-child,
+._list_327v8_152._bordered_327v8_156:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_1jiqc_152._bordered_1jiqc_156:last-child,
-._list_1jiqc_152._bordered_1jiqc_156:last-child > :last-child {
+._list_327v8_152._bordered_327v8_156:last-child,
+._list_327v8_152._bordered_327v8_156:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_1jiqc_78 {
+._item_327v8_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2591,7 +2591,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_1jiqc_78:not(._heading_1jiqc_78):after {
+._item_327v8_78:not(._heading_327v8_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2602,78 +2602,83 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s, width 0.3s;
 }
-._item_1jiqc_78._action_1jiqc_189 {
+._item_327v8_78._action_327v8_189 {
   cursor: pointer;
 }
-._item_1jiqc_78._action_1jiqc_189:not(._active_1jiqc_192):hover {
+._item_327v8_78._action_327v8_189:not(._active_327v8_192):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_1jiqc_78._action_1jiqc_189:not(._active_1jiqc_192):hover:after {
+._item_327v8_78._action_327v8_189:not(._active_327v8_192):hover:after {
   width: 5px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1jiqc_78._indented_1jiqc_199:after {
+._item_327v8_78._indented_327v8_199:after {
   width: 3px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1jiqc_78._active_1jiqc_192 {
+._item_327v8_78._active_327v8_192 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_1jiqc_78._active_1jiqc_192:after {
+._item_327v8_78._active_327v8_192:after {
   background: var(--color-background-primary) !important;
 }
-._item_1jiqc_78._disabled_1jiqc_212 {
+._item_327v8_78._disabled_327v8_212 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_1jiqc_78._heading_1jiqc_78 {
+._item_327v8_78._heading_327v8_78 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_1jiqc_78._heading_1jiqc_78._action_1jiqc_189:hover {
+._item_327v8_78._heading_327v8_78._action_327v8_189:hover {
   color: var(--color-text-primary-hover);
 }
-._item_1jiqc_78 ._label_1jiqc_223 {
-  display: flex;
-  align-items: center;
+._item_327v8_78 ._label_327v8_223 {
   margin-right: var(--padding-xs);
   flex-shrink: 0;
+  width: var(--size-sm);
+  height: var(--size-sm);
+  margin-top: calc(var(--line-height) / 2 - var(--size-sm) / 2);
+  margin-bottom: calc(var(--line-height) / 2 - var(--size-sm) / 2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-._item_1jiqc_78 ._details_1jiqc_229,
-._item_1jiqc_78 ._metadata_1jiqc_230 {
+._item_327v8_78 ._details_327v8_234,
+._item_327v8_78 ._metadata_327v8_235 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_1jiqc_78 ._metadata_1jiqc_230 {
+._item_327v8_78 ._metadata_327v8_235 {
   color: var(--color-text-muted);
 }
-._item_1jiqc_78 ._itemContent_1jiqc_238 {
+._item_327v8_78 ._itemContent_327v8_243 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_1jiqc_78 ._itemContent_1jiqc_238:empty {
+._item_327v8_78 ._itemContent_327v8_243:empty {
   padding: inherit;
 }
-._indentIcon_1jiqc_245 {
+._indentIcon_327v8_250 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_1jiqc_250 {
+._expandIcon_327v8_255 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_1jiqc_250._expanded_1jiqc_257 svg {
+._expandIcon_327v8_255._expanded_327v8_262 svg {
   transform: rotate(90deg);
 }
-._right_1jiqc_260 {
+._right_327v8_265 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -2681,24 +2686,24 @@ html[data-theme='dark'] {
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
   min-height: var(--size-sm);
 }
-._actions_1jiqc_268 {
+._actions_327v8_273 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_1jiqc_273 {
+._scrollableList_327v8_278 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_1jiqc_67 {
+._hideScrollbar_327v8_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_1jiqc_67::-webkit-scrollbar {
+._hideScrollbar_327v8_67::-webkit-scrollbar {
   display: none;
 }
 ._loader_477i5_1 {
@@ -9348,125 +9353,125 @@ tbody tr {
 ._dragIcon_11d5t_28:active {
   color: var(--color-text-primary-active);
 }
-._inputInTable_17dgc_1 {
+._inputInTable_u3xdj_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_17dgc_1:not(:hover) {
+._inputInTable_u3xdj_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_17dgc_1:not(:focus) {
+._inputInTable_u3xdj_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_17dgc_13 {
+._inputHover_u3xdj_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_17dgc_18 {
+._inputFocus_u3xdj_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_17dgc_25,
-._inputWarning_17dgc_26 {
+._inputError_u3xdj_25,
+._inputWarning_u3xdj_26 {
   position: relative;
 }
-._inputError_17dgc_25 {
+._inputError_u3xdj_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_17dgc_25:hover {
+._inputError_u3xdj_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_17dgc_25:focus {
+._inputError_u3xdj_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_17dgc_26 {
+._inputWarning_u3xdj_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_17dgc_26:hover {
+._inputWarning_u3xdj_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_17dgc_26:focus {
+._inputWarning_u3xdj_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_17dgc_61 {
+._inputDisabled_u3xdj_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_17dgc_67 {
+._hideScrollbars_u3xdj_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_17dgc_67::-webkit-scrollbar {
+._hideScrollbars_u3xdj_67::-webkit-scrollbar {
   display: none;
 }
-._cell_17dgc_77 a {
+._cell_u3xdj_77 a {
   cursor: pointer;
   color: var(--color-text-primary);
 }
-._cell_17dgc_77 a:hover {
+._cell_u3xdj_77 a:hover {
   color: var(--color-text-primary-hover);
 }
-._cell_17dgc_77 a:active {
+._cell_u3xdj_77 a:active {
   color: var(--color-text-primary-active);
 }
-._cell_17dgc_77 a._disabledLink_17dgc_87 {
+._cell_u3xdj_77 a._disabledLink_u3xdj_87 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_17dgc_91 {
+._inputWrapper_u3xdj_91 {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_17dgc_91 > span,
-._inputWrapper_17dgc_91 > span > span,
-._inputWrapper_17dgc_91 > span > span > div {
+._inputWrapper_u3xdj_91 > span,
+._inputWrapper_u3xdj_91 > span > span,
+._inputWrapper_u3xdj_91 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_17dgc_91 > div,
-._inputWrapper_17dgc_91 > div > span {
+._inputWrapper_u3xdj_91 > div,
+._inputWrapper_u3xdj_91 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_17dgc_106 {
+._breakWord_u3xdj_106 {
   word-break: break-word;
 }
-._inputCell_17dgc_109 {
+._inputCell_u3xdj_109 {
   padding: 0 !important;
 }
-._sliderCell_17dgc_112 {
+._sliderCell_u3xdj_112 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_17dgc_116 {
+._staticCell_u3xdj_116 {
   padding: 0 !important;
 }
-._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
+._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   line-height: 1.25;
   min-height: 100%;
   padding: var(--padding-input);
@@ -9475,34 +9480,34 @@ tbody tr {
   display: flex;
   align-items: center;
 }
-tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
+tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   color: var(--color-text-muted);
 }
-._staticCell_17dgc_116 ._staticCellContent_17dgc_119._error_17dgc_131,
-._staticCell_17dgc_116 ._staticCellContent_17dgc_119._warning_17dgc_132 {
+._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._error_u3xdj_131,
+._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._warning_u3xdj_132 {
   border: 1px solid transparent;
 }
-._staticCell_17dgc_116 ._staticCellContent_17dgc_119._error_17dgc_131 {
-  background-color: var(--color-background-error);
+._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._error_u3xdj_131 {
+  background-color: var(--color-background-error-muted);
 }
-._staticCell_17dgc_116 ._staticCellContent_17dgc_119._warning_17dgc_132 {
-  background-color: var(--color-background-warning);
+._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._warning_u3xdj_132 {
+  background-color: var(--color-background-warning-muted);
 }
-._staticCell_17dgc_116 ._staticCellContent_17dgc_119._unit_17dgc_141 {
+._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._unit_u3xdj_141 {
   font-weight: normal;
 }
-._sortingCell_17dgc_144 ._staticCellContent_17dgc_119 {
+._sortingCell_u3xdj_144 ._staticCellContent_u3xdj_119 {
   position: relative;
   padding-right: calc(var(--size) + var(--padding-xxs)) !important;
   cursor: pointer !important;
 }
-._sortingCell_17dgc_144 ._staticCellContent_17dgc_119:hover {
+._sortingCell_u3xdj_144 ._staticCellContent_u3xdj_119:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-[data-theme='dark'] ._sortingCell_17dgc_144 ._staticCellContent_17dgc_119:hover {
+[data-theme='dark'] ._sortingCell_u3xdj_144 ._staticCellContent_u3xdj_119:hover {
   background-color: rgba(255, 255, 255, 0.1) !important;
 }
-._sortingCell_17dgc_144 ._sortingCellIcon_17dgc_155 {
+._sortingCell_u3xdj_144 ._sortingCellIcon_u3xdj_155 {
   font-size: var(--size-xs);
   position: absolute;
   right: var(--padding-input-x);
@@ -9510,22 +9515,22 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   transform: translateY(-50%);
   display: flex;
 }
-._sortingCell_17dgc_144 ._sortingCellIcon_17dgc_155 > * {
+._sortingCell_u3xdj_144 ._sortingCellIcon_u3xdj_155 > * {
   display: flex;
 }
-._icon_17dgc_166 {
+._icon_u3xdj_166 {
   display: inline-flex;
   margin-left: var(--padding-xxs);
 }
-._checkBoxCell_17dgc_170 {
+._checkBoxCell_u3xdj_170 {
   padding-block: 0 !important;
   width: var(--size);
 }
-._iconCellWrapper_17dgc_174 {
+._iconCellWrapper_u3xdj_174 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_17dgc_178 {
+._actionsCell_u3xdj_178 {
   width: var(--size-sm);
   padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
   position: sticky;
@@ -9533,25 +9538,25 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   background: inherit;
   z-index: 4;
 }
-._rightAligned_17dgc_186 {
+._rightAligned_u3xdj_186 {
   text-align: right !important;
 }
-._rightAligned_17dgc_186 ._staticCellContent_17dgc_119 {
+._rightAligned_u3xdj_186 ._staticCellContent_u3xdj_119 {
   justify-content: flex-end;
 }
-._centerAligned_17dgc_192 {
+._centerAligned_u3xdj_192 {
   text-align: center !important;
 }
-._centerAligned_17dgc_192 ._staticCellContent_17dgc_119 {
+._centerAligned_u3xdj_192 ._staticCellContent_u3xdj_119 {
   justify-content: center;
 }
-._leftAligned_17dgc_198 {
+._leftAligned_u3xdj_198 {
   text-align: left !important;
 }
-._popover_17dgc_201 {
+._popover_u3xdj_201 {
   padding: var(--padding-input);
 }
-._disabledPointerEvents_17dgc_204 {
+._disabledPointerEvents_u3xdj_204 {
   pointer-events: none;
 }
 ._tabs_twdtr_1 {