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

package/dist/global.css

@@ -2442,123 +2442,138 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_1llou_1 {
+._inputInTable_snjei_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1llou_1:not(:hover):not([data-error]):not([data-warning]) {
+._inputInTable_snjei_1:not(:hover):not([data-error]):not([data-warning]) {
   border-color: transparent;
 }
-._inputInTable_1llou_1:not(:focus) {
+._inputInTable_snjei_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1llou_13 {
+._inputHover_snjei_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1llou_18 {
+._inputFocus_snjei_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1llou_25,
-._inputWarning_1llou_26 {
+._inputError_snjei_25,
+._inputWarning_snjei_26 {
   position: relative;
 }
-._inputError_1llou_25 {
+._inputError_snjei_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1llou_25:hover {
+._inputError_snjei_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1llou_25:focus {
+._inputError_snjei_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1llou_26 {
+._inputWarning_snjei_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1llou_26:hover {
+._inputWarning_snjei_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1llou_26:focus {
+._inputWarning_snjei_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1llou_61 {
+._inputDisabled_snjei_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1llou_67 {
+._hideScrollbars_snjei_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1llou_67::-webkit-scrollbar {
+._hideScrollbars_snjei_67::-webkit-scrollbar {
   display: none;
 }
-._header_1llou_77 ._headerTitle_1llou_77,
-._heading_1llou_78 ._itemHeader_1llou_78 {
+._list_snjei_77 {
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  overflow: hidden;
+}
+._bordered_snjei_83 {
+  border: 1px solid var(--color-border);
+  border-radius: var(--border-radius);
+}
+._bordered_snjei_83 ._virtualRow_snjei_87:last-child ._item_snjei_87 {
+  border-bottom: none;
+}
+._header_snjei_90 ._headerTitle_snjei_90,
+._heading_snjei_91 ._itemHeader_snjei_91 {
   transition: opacity 0.3s;
 }
-._narrow_1llou_81 ._header_1llou_77 ._headerTitle_1llou_77,
-._narrow_1llou_81 ._heading_1llou_78 ._itemHeader_1llou_78 {
+._narrow_snjei_94 ._header_snjei_90 ._headerTitle_snjei_90,
+._narrow_snjei_94 ._heading_snjei_91 ._itemHeader_snjei_91 {
   opacity: 0;
 }
-._stickyHeader_1llou_85 {
+._stickyHeader_snjei_98 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_1llou_78 {
+._itemHeader_snjei_91 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_1llou_78 ._title_1llou_96 {
+._itemHeader_snjei_91 ._title_snjei_109 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_1llou_78 ._name_1llou_102 {
+._itemHeader_snjei_91 ._name_snjei_115 {
   font-weight: 400;
 }
-._itemHeader_1llou_78 ._iconTooltipMargin_1llou_105 {
+._itemHeader_snjei_91 ._iconTooltipMargin_snjei_118 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_1llou_78 ._bold_1llou_108 {
+._itemHeader_snjei_91 ._bold_snjei_121 {
   font-weight: bold;
 }
-._header_1llou_77 {
+._header_snjei_90 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
+  position: sticky;
+  top: 0;
 }
-._toggleNarrow_1llou_117 {
+._toggleNarrow_snjei_132 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2567,16 +2582,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_1llou_117:hover {
+._toggleNarrow_snjei_132:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_1llou_117:active {
+._toggleNarrow_snjei_132:active {
   color: var(--color-text-primary-active);
 }
-._narrow_1llou_81 ._toggleNarrow_1llou_117 {
+._narrow_snjei_94 ._toggleNarrow_snjei_132 {
   transform: scaleX(-1);
 }
-._drag_1llou_135 {
+._drag_snjei_150 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2585,33 +2600,29 @@ html[data-theme='dark'] {
   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);
-  cursor: move;
+  cursor: grab;
   height: var(--size-sm);
   width: var(--size-sm);
   flex-shrink: 0;
 }
-._drag_1llou_135:hover {
+._drag_snjei_150:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_1llou_135:active {
+._drag_snjei_150:active {
+  cursor: grabbing;
   color: var(--color-text-primary-active);
 }
-._list_1llou_155 {
-  flex-shrink: 0;
-  background: var(--color-background);
-}
-._list_1llou_155._bordered_1llou_159:first-child,
-._list_1llou_155._bordered_1llou_159:first-child > :first-child {
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
+._dragOverlay_snjei_171 {
+  box-shadow: var(--shadow-layer);
+  border-radius: var(--border-radius);
+  overflow: hidden;
 }
-._list_1llou_155._bordered_1llou_159:last-child,
-._list_1llou_155._bordered_1llou_159:last-child > :last-child {
-  border-bottom-left-radius: inherit;
-  border-bottom-right-radius: inherit;
-  border-bottom: 0;
+._listContent_snjei_176 {
+  flex: 1;
+  overflow-y: auto;
+  background: var(--color-background);
 }
-._item_1llou_78 {
+._item_snjei_87 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2622,7 +2633,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_1llou_78:not(._heading_1llou_78):after {
+._item_snjei_87:not(._heading_snjei_91):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2633,41 +2644,41 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s, width 0.3s;
 }
-._item_1llou_78._action_1llou_192 {
+._item_snjei_87._action_snjei_203 {
   cursor: pointer;
 }
-._item_1llou_78._action_1llou_192:not(._active_1llou_195):hover {
+._item_snjei_87._action_snjei_203:not(._active_snjei_206):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_1llou_78._action_1llou_192:not(._active_1llou_195):hover:after {
+._item_snjei_87._action_snjei_203:not(._active_snjei_206):hover:after {
   width: 5px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1llou_78._indented_1llou_202:after {
+._item_snjei_87._indented_snjei_213:after {
   width: 3px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1llou_78._active_1llou_195 {
+._item_snjei_87._active_snjei_206 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_1llou_78._active_1llou_195:after {
+._item_snjei_87._active_snjei_206:after {
   background: var(--color-background-primary) !important;
 }
-._item_1llou_78._disabled_1llou_215 {
+._item_snjei_87._disabled_snjei_226 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_1llou_78._heading_1llou_78 {
+._item_snjei_87._heading_snjei_91 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_1llou_78._heading_1llou_78._action_1llou_192:hover {
+._item_snjei_87._heading_snjei_91._action_snjei_203:hover {
   color: var(--color-text-primary-hover);
 }
-._item_1llou_78 ._label_1llou_226 {
+._item_snjei_87 ._label_snjei_237 {
   margin-right: var(--padding-xs);
   flex-shrink: 0;
   width: var(--size-sm);
@@ -2678,38 +2689,38 @@ html[data-theme='dark'] {
   align-items: center;
   justify-content: center;
 }
-._item_1llou_78 ._details_1llou_237,
-._item_1llou_78 ._metadata_1llou_238 {
+._item_snjei_87 ._details_snjei_248,
+._item_snjei_87 ._metadata_snjei_249 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_1llou_78 ._metadata_1llou_238 {
+._item_snjei_87 ._metadata_snjei_249 {
   color: var(--color-text-muted);
 }
-._item_1llou_78 ._itemContent_1llou_246 {
+._item_snjei_87 ._itemContent_snjei_257 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_1llou_78 ._itemContent_1llou_246:empty {
+._item_snjei_87 ._itemContent_snjei_257:empty {
   padding: inherit;
 }
-._indentIcon_1llou_253 {
+._indentIcon_snjei_264 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_1llou_258 {
+._expandIcon_snjei_269 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_1llou_258._expanded_1llou_265 svg {
+._expandIcon_snjei_269._expanded_snjei_276 svg {
   transform: rotate(90deg);
 }
-._right_1llou_268 {
+._right_snjei_279 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -2717,36 +2728,34 @@ html[data-theme='dark'] {
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
   min-height: var(--size-sm);
 }
-._actions_1llou_276 {
+._actions_snjei_287 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_1llou_281 {
-  height: 100%;
-  overflow-y: auto;
-  scroll-behavior: smooth;
-}
-._infiniteScrollContainer_1llou_286 {
-  overflow: hidden !important;
-}
-._hideScrollbar_1llou_67 {
+._hideScrollbar_snjei_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_1llou_67::-webkit-scrollbar {
+._hideScrollbar_snjei_67::-webkit-scrollbar {
   display: none;
 }
-._bordered_1llou_159 {
-  box-shadow: inset 0px 0px 0px 2px var(--color-background-primary);
-  background: var(--color-background-listitem-active);
-}
-._noPointerEvents_1llou_303 {
+._noPointerEvents_snjei_302 {
   pointer-events: none;
 }
+._virtualRows_snjei_305 {
+  width: 100%;
+  position: relative;
+}
+._virtualRow_snjei_87 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
 ._loader_477i5_1 {
   width: 100%;
   height: 100%;
@@ -9131,80 +9140,80 @@ button:active .remirror-menu-pane-shortcut,
   width: 8px;
   height: 14px;
 }
-._inputInTable_1dg3w_1 {
+._inputInTable_xkoxm_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1dg3w_1:not(:hover):not([data-error]):not([data-warning]) {
+._inputInTable_xkoxm_1:not(:hover):not([data-error]):not([data-warning]) {
   border-color: transparent;
 }
-._inputInTable_1dg3w_1:not(:focus) {
+._inputInTable_xkoxm_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1dg3w_13 {
+._inputHover_xkoxm_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1dg3w_18 {
+._inputFocus_xkoxm_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1dg3w_25,
-._inputWarning_1dg3w_26 {
+._inputError_xkoxm_25,
+._inputWarning_xkoxm_26 {
   position: relative;
 }
-._inputError_1dg3w_25 {
+._inputError_xkoxm_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1dg3w_25:hover {
+._inputError_xkoxm_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1dg3w_25:focus {
+._inputError_xkoxm_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1dg3w_26 {
+._inputWarning_xkoxm_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1dg3w_26:hover {
+._inputWarning_xkoxm_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1dg3w_26:focus {
+._inputWarning_xkoxm_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1dg3w_61 {
+._inputDisabled_xkoxm_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1dg3w_67 {
+._hideScrollbars_xkoxm_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1dg3w_67::-webkit-scrollbar {
+._hideScrollbars_xkoxm_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9215,7 +9224,7 @@ html[data-theme='dark'] {
   --color-background-table-header: var(--color-neutral-800);
   --color-background-table-row-tinted: var(--color-neutral-800);
 }
-._wrapper_1dg3w_85 {
+._wrapper_xkoxm_85 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9223,23 +9232,23 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_1dg3w_85._bordered_1dg3w_93 {
+._wrapper_xkoxm_85._bordered_xkoxm_93 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
 }
-._scroll_1dg3w_98 {
+._scroll_xkoxm_98 {
+  background: var(--color-background);
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_1dg3w_98:not(:first-child) {
+._scroll_xkoxm_98:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_1dg3w_108 {
-  background: var(--color-background-raised);
+._table_xkoxm_109 {
   color: var(--color-text);
   border-collapse: separate;
   border-spacing: 0;
@@ -9247,34 +9256,40 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_1dg3w_108 > :first-child {
+._table_xkoxm_109 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_1dg3w_108 > :first-child > :first-child {
+._table_xkoxm_109 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_1dg3w_108 > :first-child > :first-child > :first-child {
+._table_xkoxm_109 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_1dg3w_108 > :first-child > :first-child > :last-child {
+._table_xkoxm_109 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_1dg3w_108 > :last-child {
+._table_xkoxm_109 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_1dg3w_108 > :last-child > :last-child {
+._table_xkoxm_109 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_1dg3w_108 > :last-child > :last-child > :first-child {
+._table_xkoxm_109 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_1dg3w_108 > :last-child > :last-child > :last-child {
+._table_xkoxm_109 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
+._dragOverlay_xkoxm_145 {
+  box-shadow: var(--shadow-layer);
+  border-radius: var(--border-radius);
+  overflow: hidden;
+  position: fixed;
+}
 th,
 td {
   padding: var(--padding-input) !important;
@@ -9288,10 +9303,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_1dg3w_108 > *:not(:last-child) > tr th,
-._table_1dg3w_108 > *:not(:last-child) > tr td,
-._table_1dg3w_108 > *:last-child > tr:not(:last-child) th,
-._table_1dg3w_108 > *:last-child > tr:not(:last-child) td {
+._table_xkoxm_109 > *:not(:last-child) > tr th,
+._table_xkoxm_109 > *:not(:last-child) > tr td,
+._table_xkoxm_109 > *:last-child > tr:not(:last-child) th,
+._table_xkoxm_109 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9318,9 +9333,19 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_1dg3w_188 tbody tr:nth-child(even) {
+._striped_xkoxm_194 tbody [data-even='true'] {
   background-color: var(--color-background-table-row-tinted);
 }
+tbody:before {
+  display: block;
+  padding-top: var(--virtualPaddingTop);
+  content: '';
+}
+tbody:after {
+  display: block;
+  padding-bottom: var(--virtualPaddingBottom);
+  content: '';
+}
 ._title_zn5s7_1 {
   background-color: var(--color-background-cardheader);
   border-bottom: 1px solid var(--color-border);
@@ -9347,14 +9372,14 @@ tbody tr {
   justify-content: space-between;
   border-top: 1px solid var(--color-border);
 }
-._clickableRow_m64j5_1 {
+._clickableRow_10f34_1 {
   cursor: pointer;
 }
-._hoverableRow_m64j5_4:not(._rowActive_m64j5_4):hover,
-._clickableRow_m64j5_1:not(._rowActive_m64j5_4):hover {
+._hoverableRow_10f34_4:not(._rowActive_10f34_4):hover,
+._clickableRow_10f34_1:not(._rowActive_10f34_4):hover {
   background-color: var(--color-background-listitem-hover) !important;
 }
-._expandableRow_m64j5_8._flush_m64j5_8 {
+._expandableRow_10f34_8._flush_10f34_8 {
   padding: 0 !important;
   height: auto !important;
 }
@@ -9364,11 +9389,11 @@ tr[data-warning] {
 tr[data-error] {
   background-color: var(--color-background-error-muted) !important;
 }
-._rowActive_m64j5_4 {
+._rowActive_10f34_4 {
   position: relative;
   background-color: var(--color-background-listitem-active) !important;
 }
-._rowActive_m64j5_4:after {
+._rowActive_10f34_4:after {
   content: '';
   position: absolute;
   left: 0;
@@ -9380,23 +9405,25 @@ tr[data-error] {
   transition: background 0.3s;
   background: var(--color-background-primary);
 }
-._dragIconCell_m64j5_34 {
+._dragIconCell_10f34_34 {
   width: var(--size);
   min-width: var(--size);
   position: relative;
 }
-._dragIcon_m64j5_34 {
+._dragIcon_10f34_34 {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   inset: 0;
   color: var(--color-text-faint);
+  cursor: grab;
 }
-._dragIcon_m64j5_34:hover {
+._dragIcon_10f34_34:hover {
   color: var(--color-text-primary-hover);
 }
-._dragIcon_m64j5_34:active {
+._dragIcon_10f34_34:active {
+  cursor: grabbing;
   color: var(--color-text-primary-active);
 }
 ._inputInTable_ie6ng_1 {