@oliasoft-open-source/react-ui-library 4.5.2 → 4.5.3-beta-1

package/dist/assets/{index-AkeNwthw.css → index-2LJjuVRB.css}

@@ -2745,123 +2745,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_j55lv_1 {
+._inputInTable_tn20e_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_j55lv_1:not(:hover) {
+._inputInTable_tn20e_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_j55lv_1:not(:focus) {
+._inputInTable_tn20e_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_j55lv_13 {
+._inputHover_tn20e_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_j55lv_18 {
+._inputFocus_tn20e_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_j55lv_25,
-._inputWarning_j55lv_26 {
+._inputError_tn20e_25,
+._inputWarning_tn20e_26 {
   position: relative;
 }
-._inputError_j55lv_25 {
+._inputError_tn20e_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_j55lv_25:hover {
+._inputError_tn20e_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_j55lv_25:focus {
+._inputError_tn20e_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_j55lv_26 {
+._inputWarning_tn20e_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_j55lv_26:hover {
+._inputWarning_tn20e_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_j55lv_26:focus {
+._inputWarning_tn20e_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_j55lv_61 {
+._inputDisabled_tn20e_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_j55lv_67 {
+._hideScrollbars_tn20e_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_j55lv_67::-webkit-scrollbar {
+._hideScrollbars_tn20e_67::-webkit-scrollbar {
   display: none;
 }
-._header_j55lv_77 ._headerTitle_j55lv_77,
-._heading_j55lv_78 ._itemHeader_j55lv_78 {
+._header_tn20e_77 ._headerTitle_tn20e_77,
+._heading_tn20e_78 ._itemHeader_tn20e_78 {
   transition: opacity 0.3s;
 }
-._narrow_j55lv_81 ._header_j55lv_77 ._headerTitle_j55lv_77,
-._narrow_j55lv_81 ._heading_j55lv_78 ._itemHeader_j55lv_78 {
+._narrow_tn20e_81 ._header_tn20e_77 ._headerTitle_tn20e_77,
+._narrow_tn20e_81 ._heading_tn20e_78 ._itemHeader_tn20e_78 {
   opacity: 0;
 }
-._stickyHeader_j55lv_85 {
+._stickyHeader_tn20e_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_j55lv_78 {
+._itemHeader_tn20e_78 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_j55lv_78 ._title_j55lv_96 {
+._itemHeader_tn20e_78 ._title_tn20e_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_j55lv_78 ._name_j55lv_102 {
+._itemHeader_tn20e_78 ._name_tn20e_102 {
   font-weight: 400;
 }
-._itemHeader_j55lv_78 ._iconTooltipMargin_j55lv_105 {
+._itemHeader_tn20e_78 ._iconTooltipMargin_tn20e_105 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_j55lv_78 ._bold_j55lv_108 {
+._itemHeader_tn20e_78 ._bold_tn20e_108 {
   font-weight: bold;
 }
-._header_j55lv_77 {
+._header_tn20e_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_j55lv_117 {
+._toggleNarrow_tn20e_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2870,16 +2870,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_j55lv_117:hover {
+._toggleNarrow_tn20e_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_j55lv_117:active {
+._toggleNarrow_tn20e_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_j55lv_81 ._toggleNarrow_j55lv_117 {
+._narrow_tn20e_81 ._toggleNarrow_tn20e_117 {
   transform: scaleX(-1);
 }
-._drag_j55lv_135 {
+._drag_tn20e_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2893,28 +2893,28 @@ html[data-theme='dark'] {
   width: var(--size-sm);
   flex-shrink: 0;
 }
-._drag_j55lv_135:hover {
+._drag_tn20e_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_j55lv_135:active {
+._drag_tn20e_135:active {
   color: var(--color-text-primary-active);
 }
-._list_j55lv_155 {
+._list_tn20e_155 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_j55lv_155._bordered_j55lv_159:first-child,
-._list_j55lv_155._bordered_j55lv_159:first-child > :first-child {
+._list_tn20e_155._bordered_tn20e_159:first-child,
+._list_tn20e_155._bordered_tn20e_159:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_j55lv_155._bordered_j55lv_159:last-child,
-._list_j55lv_155._bordered_j55lv_159:last-child > :last-child {
+._list_tn20e_155._bordered_tn20e_159:last-child,
+._list_tn20e_155._bordered_tn20e_159:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_j55lv_78 {
+._item_tn20e_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2925,7 +2925,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_j55lv_78:not(._heading_j55lv_78):after {
+._item_tn20e_78:not(._heading_tn20e_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2936,41 +2936,41 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s, width 0.3s;
 }
-._item_j55lv_78._action_j55lv_192 {
+._item_tn20e_78._action_tn20e_192 {
   cursor: pointer;
 }
-._item_j55lv_78._action_j55lv_192:not(._active_j55lv_195):hover {
+._item_tn20e_78._action_tn20e_192:not(._active_tn20e_195):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_j55lv_78._action_j55lv_192:not(._active_j55lv_195):hover:after {
+._item_tn20e_78._action_tn20e_192:not(._active_tn20e_195):hover:after {
   width: 5px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_j55lv_78._indented_j55lv_202:after {
+._item_tn20e_78._indented_tn20e_202:after {
   width: 3px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_j55lv_78._active_j55lv_195 {
+._item_tn20e_78._active_tn20e_195 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_j55lv_78._active_j55lv_195:after {
+._item_tn20e_78._active_tn20e_195:after {
   background: var(--color-background-primary) !important;
 }
-._item_j55lv_78._disabled_j55lv_215 {
+._item_tn20e_78._disabled_tn20e_215 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_j55lv_78._heading_j55lv_78 {
+._item_tn20e_78._heading_tn20e_78 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_j55lv_78._heading_j55lv_78._action_j55lv_192:hover {
+._item_tn20e_78._heading_tn20e_78._action_tn20e_192:hover {
   color: var(--color-text-primary-hover);
 }
-._item_j55lv_78 ._label_j55lv_226 {
+._item_tn20e_78 ._label_tn20e_226 {
   margin-right: var(--padding-xs);
   flex-shrink: 0;
   width: var(--size-sm);
@@ -2981,38 +2981,38 @@ html[data-theme='dark'] {
   align-items: center;
   justify-content: center;
 }
-._item_j55lv_78 ._details_j55lv_237,
-._item_j55lv_78 ._metadata_j55lv_238 {
+._item_tn20e_78 ._details_tn20e_237,
+._item_tn20e_78 ._metadata_tn20e_238 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_j55lv_78 ._metadata_j55lv_238 {
+._item_tn20e_78 ._metadata_tn20e_238 {
   color: var(--color-text-muted);
 }
-._item_j55lv_78 ._itemContent_j55lv_246 {
+._item_tn20e_78 ._itemContent_tn20e_246 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_j55lv_78 ._itemContent_j55lv_246:empty {
+._item_tn20e_78 ._itemContent_tn20e_246:empty {
   padding: inherit;
 }
-._indentIcon_j55lv_253 {
+._indentIcon_tn20e_253 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_j55lv_258 {
+._expandIcon_tn20e_258 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_j55lv_258._expanded_j55lv_265 svg {
+._expandIcon_tn20e_258._expanded_tn20e_265 svg {
   transform: rotate(90deg);
 }
-._right_j55lv_268 {
+._right_tn20e_268 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -3020,29 +3020,36 @@ html[data-theme='dark'] {
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
   min-height: var(--size-sm);
 }
-._actions_j55lv_276 {
+._actions_tn20e_276 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_j55lv_281 {
+._scrollableList_tn20e_281 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._infiniteScrollContainer_j55lv_286 {
+._infiniteScrollContainer_tn20e_286 {
   overflow: hidden !important;
 }
-._hideScrollbar_j55lv_67 {
+._hideScrollbar_tn20e_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_j55lv_67::-webkit-scrollbar {
+._hideScrollbar_tn20e_67::-webkit-scrollbar {
   display: none;
 }
+._bordered_tn20e_159 {
+  box-shadow: inset 0px 0px 0px 2px var(--color-background-primary);
+  background: var(--color-background-listitem-active);
+}
+._noPointerEvents_tn20e_303 {
+  pointer-events: none;
+}
 ._loader_477i5_1 {
   width: 100%;
   height: 100%;
@@ -10943,7 +10950,7 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   --color-link-border-hover: var(--color-neutral-600);
   --border-topbar: 1px solid var(--color-border);
 }
-._topbar_gmfjn_11 {
+._topbar_oyr59_11 {
   top: 0;
   left: 0;
   z-index: var(--zindex-topbar);
@@ -10953,15 +10960,15 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   background: var(--color-background-raised);
   display: flex;
 }
-._topbar_gmfjn_11._fixed_gmfjn_21 {
+._topbar_oyr59_11._fixed_oyr59_21 {
   position: fixed;
 }
 @media print {
-  ._topbar_gmfjn_11 {
+  ._topbar_oyr59_11 {
     display: none !important;
   }
 }
-._appSwitcher_gmfjn_29 {
+._appSwitcher_oyr59_29 {
   color: white;
   display: flex;
   align-items: center;
@@ -10973,26 +10980,26 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   font-size: var(--size);
   position: relative;
 }
-._appSwitcher_gmfjn_29:hover {
+._appSwitcher_oyr59_29:hover {
   background-color: var(--color-neutral-750);
 }
-._appSwitcher_gmfjn_29:active {
+._appSwitcher_oyr59_29:active {
   background-color: var(--color-neutral-800);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29 {
+[data-theme='dark'] ._appSwitcher_oyr59_29 {
   background-color: var(--color-neutral-900);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29:hover {
+[data-theme='dark'] ._appSwitcher_oyr59_29:hover {
   background-color: var(--color-neutral-950);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29:active {
+[data-theme='dark'] ._appSwitcher_oyr59_29:active {
   background-color: var(--color-neutral-1000);
 }
-._appSwitcher_gmfjn_29 > * {
+._appSwitcher_oyr59_29 > * {
   position: relative;
   z-index: 1;
 }
-._appSwitcher_gmfjn_29:after {
+._appSwitcher_oyr59_29:after {
   content: '';
   position: absolute;
   inset: 0;
@@ -11001,13 +11008,13 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   transition: opacity 0.2s;
   opacity: 0.75;
 }
-._appSwitcher_gmfjn_29:hover:after {
+._appSwitcher_oyr59_29:hover:after {
   opacity: 0.75;
 }
-._appSwitcher_gmfjn_29:active:after {
+._appSwitcher_oyr59_29:active:after {
   opacity: 0.5;
 }
-._title_gmfjn_75 {
+._title_oyr59_75 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -11015,74 +11022,74 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   padding: 0;
   position: relative;
 }
-._title_gmfjn_75 img,
-._title_gmfjn_75 svg {
+._title_oyr59_75 img,
+._title_oyr59_75 svg {
   max-height: var(--size-lg);
   max-width: 300px;
   height: auto;
   width: auto;
   color: var(--color-text);
 }
-._title_gmfjn_75 ._logo_gmfjn_91 {
+._title_oyr59_75 ._logo_oyr59_91 {
   display: flex;
 }
-._title_gmfjn_75 ._label_gmfjn_94 {
+._title_oyr59_75 ._label_oyr59_94 {
   color: var(--color-text);
   white-space: nowrap;
   font-weight: bold;
 }
-._brand_gmfjn_99 {
+._brand_oyr59_99 {
   padding: 0;
   position: relative;
   flex-shrink: 0;
 }
-._version_gmfjn_104 {
+._version_oyr59_104 {
   line-height: 1;
   position: absolute;
   right: 0;
   bottom: 100%;
   font-size: var(--font-size-xs);
 }
-._left_gmfjn_111,
-._right_gmfjn_112 {
+._left_oyr59_111,
+._right_oyr59_112 {
   display: flex;
   min-width: 0;
 }
-._left_gmfjn_111 {
+._left_oyr59_111 {
   gap: var(--padding);
   padding-left: var(--padding);
 }
-._right_gmfjn_112 {
+._right_oyr59_112 {
   margin-left: auto;
   flex-shrink: 0;
   padding-right: var(--padding-xs);
   gap: var(--padding-xs);
 }
-._item_gmfjn_126,
-._link_gmfjn_127 {
+._item_oyr59_126,
+._link_oyr59_127 {
   align-items: center;
   display: flex;
 }
-._item_gmfjn_126 {
+._item_oyr59_126 {
   position: relative;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
-  user-select: none;
   vertical-align: middle;
   min-width: 0;
   max-width: 50vw;
 }
-._item_gmfjn_126._button_gmfjn_139,
-._item_gmfjn_126._menu_gmfjn_140 {
+._item_oyr59_126._button_oyr59_138,
+._item_oyr59_126._menu_oyr59_139 {
   flex-shrink: 0;
 }
-._label_gmfjn_94 {
+._label_oyr59_94 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   max-width: 100%;
+  user-select: none;
 }
-._link_gmfjn_127 {
+._link_oyr59_127 {
   text-decoration: none;
   color: var(--color-text-primary);
   cursor: pointer;
@@ -11090,24 +11097,24 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   height: 100%;
   font-size: var(--font-size-lg);
 }
-._link_gmfjn_127 svg {
+._link_oyr59_127 svg {
   margin-right: var(--padding-xxs);
   flex-shrink: 0;
 }
-._link_gmfjn_127:hover {
+._link_oyr59_127:hover {
   color: var(--color-text-primary-hover);
 }
-._link_gmfjn_127:active {
+._link_oyr59_127:active {
   color: var(--color-text-primary-active);
 }
-._link_gmfjn_127._active_gmfjn_168 {
+._link_oyr59_127._active_oyr59_168 {
   color: var(--color-text);
 }
-._link_gmfjn_127:hover,
-._link_gmfjn_127._active_gmfjn_168 {
+._link_oyr59_127:hover,
+._link_oyr59_127._active_oyr59_168 {
   background-color: transparent;
 }
-._link_gmfjn_127:after {
+._link_oyr59_127:after {
   content: '';
   position: absolute;
   left: 0;
@@ -11115,17 +11122,17 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   bottom: 0;
   border-bottom: 1px solid transparent;
 }
-._link_gmfjn_127:hover:after {
+._link_oyr59_127:hover:after {
   border-color: var(--color-link-border-hover);
 }
-._link_gmfjn_127._active_gmfjn_168:after {
+._link_oyr59_127._active_oyr59_168:after {
   border-color: var(--color-background-primary);
 }
-._link_gmfjn_127[disabled] {
+._link_oyr59_127[disabled] {
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._alert_gmfjn_193 {
+._alert_oyr59_193 {
   background-color: var(--color-background-primary);
   color: white;
   text-align: center;
@@ -11153,28 +11160,40 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   gap: var(--padding-xs);
   justify-content: center;
 }
-._tree_1lv9u_1 {
+._tree_15yn1_1 {
   position: relative;
 }
-._toggle_1lv9u_4 {
+._toggle_15yn1_4 {
   display: flex;
   margin-right: var(--padding-xs);
   margin-left: calc(var(--padding-xs) * -1);
   margin-top: calc((var(--line-height) - var(--size-sm)) / 2);
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
 }
-._dropTarget_1lv9u_11 > div:first-child {
+._dropTarget_15yn1_11 {
+  position: relative;
+}
+._dropTarget_15yn1_11:after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border: 3px solid var(--color-background-primary);
+  z-index: 1;
+  pointer-events: none;
+  opacity: 0.5;
+}
+._dropTarget_15yn1_11 > div:first-child {
   background-color: var(--color-background-listitem-active);
 }
-._draggingSource_1lv9u_14 {
+._draggingSource_15yn1_26 {
   opacity: 0.2;
 }
-._placeholderContainer_1lv9u_17 {
+._placeholderContainer_15yn1_29 {
   position: relative;
 }
-._placeholder_1lv9u_17 {
+._placeholder_15yn1_29 {
   background-color: var(--color-background-primary);
-  height: 4px;
+  height: 2px;
   border-radius: var(--border-radius-sm);
   position: absolute;
   right: 0;
@@ -11182,6 +11201,17 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   transform: translateY(-50%);
   z-index: 2;
 }
+._placeholder_15yn1_29:after {
+  position: absolute;
+  content: '';
+  left: 0;
+  top: 50%;
+  border-radius: 50%;
+  height: 8px;
+  width: 8px;
+  background-color: var(--color-background-primary);
+  transform: translate(-50%, -50%);
+}
 ._predefinedMenuActive_1yvt4_1 input {
   background: var(--color-background-disabled) !important;
 }