@oliasoft-open-source/react-ui-library 4.0.0-beta-54 → 4.0.0-beta-56

package/dist/assets/{index-0376e2f1.css → index-2d59d5c8.css}

@@ -498,27 +498,27 @@ a {
   --color-info-900: hsl(201.03092784, 52.90598291%, 12.5%);
   --color-info-950: hsl(201.03092784, 52.90598291%, 7.5%);
   --color-info-1000: hsl(201.03092784, 52.90598291%, 2.5%);
-  --color-neutral-0: hsl(240, 100%, 100%);
-  --color-neutral-50: hsl(60, 14.28571429%, 97.5%);
-  --color-neutral-100: hsl(60, 14.28571429%, 92.5%);
-  --color-neutral-150: hsl(60, 14.28571429%, 87.5%);
-  --color-neutral-200: hsl(60, 14.28571429%, 82.5%);
-  --color-neutral-250: hsl(60, 14.28571429%, 77.5%);
-  --color-neutral-300: hsl(60, 14.28571429%, 72.5%);
-  --color-neutral-350: hsl(60, 14.28571429%, 67.5%);
-  --color-neutral-400: hsl(60, 14.28571429%, 62.5%);
-  --color-neutral-450: hsl(60, 14.28571429%, 57.5%);
-  --color-neutral-500: hsl(60, 14.28571429%, 52.5%);
-  --color-neutral-550: hsl(60, 14.28571429%, 47.5%);
-  --color-neutral-600: hsl(60, 14.28571429%, 42.5%);
-  --color-neutral-650: hsl(60, 14.28571429%, 37.5%);
-  --color-neutral-700: hsl(60, 14.28571429%, 32.5%);
-  --color-neutral-750: hsl(60, 14.28571429%, 27.5%);
-  --color-neutral-800: hsl(60, 14.28571429%, 22.5%);
-  --color-neutral-850: hsl(60, 14.28571429%, 17.5%);
-  --color-neutral-900: hsl(60, 14.28571429%, 12.5%);
-  --color-neutral-950: hsl(60, 14.28571429%, 7.5%);
-  --color-neutral-1000: hsl(60, 14.28571429%, 2.5%);
+  --color-neutral-0: hsl(0, 0%, 100%);
+  --color-neutral-50: hsl(60, 9.28571429%, 97.5%);
+  --color-neutral-100: hsl(60, 9.28571429%, 92.5%);
+  --color-neutral-150: hsl(60, 9.28571429%, 87.5%);
+  --color-neutral-200: hsl(60, 9.28571429%, 82.5%);
+  --color-neutral-250: hsl(60, 9.28571429%, 77.5%);
+  --color-neutral-300: hsl(60, 9.28571429%, 72.5%);
+  --color-neutral-350: hsl(60, 9.28571429%, 67.5%);
+  --color-neutral-400: hsl(60, 9.28571429%, 62.5%);
+  --color-neutral-450: hsl(60, 9.28571429%, 57.5%);
+  --color-neutral-500: hsl(60, 9.28571429%, 52.5%);
+  --color-neutral-550: hsl(60, 9.28571429%, 47.5%);
+  --color-neutral-600: hsl(60, 9.28571429%, 42.5%);
+  --color-neutral-650: hsl(60, 9.28571429%, 37.5%);
+  --color-neutral-700: hsl(60, 9.28571429%, 32.5%);
+  --color-neutral-750: hsl(60, 9.28571429%, 27.5%);
+  --color-neutral-800: hsl(60, 9.28571429%, 22.5%);
+  --color-neutral-850: hsl(60, 9.28571429%, 17.5%);
+  --color-neutral-900: hsl(60, 9.28571429%, 12.5%);
+  --color-neutral-950: hsl(60, 9.28571429%, 7.5%);
+  --color-neutral-1000: hsl(60, 9.28571429%, 2.5%);
 }
 
 :root {
@@ -583,6 +583,7 @@ a {
   --color-background-warning: var(--color-warning-100);
   --color-background-primary: var(--color-primary-500);
   --color-background-input: white;
+  --color-background-cardheader: var(--color-neutral-50);
   --color-background-listitem-active: var(--color-primary-100);
   --color-background-listitem-hover: var(--color-neutral-100);
   --color-border: var(--color-neutral-250);
@@ -618,6 +619,7 @@ html[data-theme='dark'] {
   --color-background-success: var(--color-success-800);
   --color-background-warning: var(--color-warning-800);
   --color-background-primary: var(--color-primary-600);
+  --color-background-cardheader: var(--color-neutral-850);
   --color-background-input: var(--color-neutral-800);
   --color-background-listitem-active: var(--color-primary-700);
   --color-background-listitem-hover: var(--color-neutral-700);
@@ -734,15 +736,15 @@ ol {
 a {
   text-decoration: none;
 }
-._chevron_z2anz_1 {
-  margin-right: var(--padding-xxs);
+._chevron_1kw4m_1 {
+  margin-right: var(--padding-xs);
   display: flex;
   font-size: var(--font-size);
   transition: transform 0.3s;
   color: var(--color-text-muted);
   pointer-events: none;
 }
-._chevron_z2anz_1._expanded_z2anz_9 {
+._chevron_1kw4m_1._expanded_1kw4m_9 {
   transform: rotate(90deg);
 }
 ._wrapper_18jt2_1 {
@@ -771,52 +773,53 @@ a {
   color: var(--color-text-primary-active) !important;
   fill: var(--color-text-primary-active) !important;
 }
-._accordion_jrb54_1 {
+._accordion_15p8j_1 {
   position: relative;
   color: var(--color-text);
 }
-._accordion_jrb54_1 ._accordionHeader_jrb54_5 {
+._accordion_15p8j_1 ._accordionHeader_15p8j_5 {
   display: flex;
   align-items: center;
 }
-._accordion_jrb54_1 ._accordionHeader_jrb54_5 ._heading_jrb54_9 {
+._accordion_15p8j_1 ._accordionHeader_15p8j_5 ._heading_15p8j_9 {
   flex-grow: 1;
 }
-._accordion_jrb54_1 ._accordionHeader_jrb54_5._clickable_jrb54_12:hover {
+._accordion_15p8j_1 ._accordionHeader_15p8j_5._clickable_15p8j_12:hover {
   cursor: pointer;
 }
-._accordion_jrb54_1 ._accordionHeader_jrb54_5._clickable_jrb54_12:hover > * {
+._accordion_15p8j_1 ._accordionHeader_15p8j_5._clickable_15p8j_12:hover > * {
   color: var(--color-text) !important;
 }
-._accordion_jrb54_1:not(._bordered_jrb54_18) ._accordionContent_jrb54_18 {
+._accordion_15p8j_1:not(._bordered_15p8j_18) ._accordionContent_15p8j_18 {
   margin-top: var(--padding-xs);
 }
-._accordion_jrb54_1._bordered_jrb54_18 {
+._accordion_15p8j_1._bordered_15p8j_18 {
   background: var(--color-background-raised);
   box-shadow: var(--shadow-card);
   border-radius: var(--border-radius);
 }
-._accordion_jrb54_1._bordered_jrb54_18 ._accordionHeader_jrb54_5,
-._accordion_jrb54_1._bordered_jrb54_18 ._accordionContent_jrb54_18 {
+._accordion_15p8j_1._bordered_15p8j_18 ._accordionHeader_15p8j_5,
+._accordion_15p8j_1._bordered_15p8j_18 ._accordionContent_15p8j_18 {
   border: 1px solid var(--color-border);
   line-height: var(--line-height);
 }
-._accordion_jrb54_1._bordered_jrb54_18 ._accordionHeader_jrb54_5 {
+._accordion_15p8j_1._bordered_15p8j_18 ._accordionHeader_15p8j_5 {
   padding: var(--padding-xxs) var(--padding-sm);
   border-radius: var(--border-radius);
+  background-color: var(--color-background-cardheader);
 }
-._accordion_jrb54_1._bordered_jrb54_18._expanded_jrb54_35 ._accordionHeader_jrb54_5 {
+._accordion_15p8j_1._bordered_15p8j_18._expanded_15p8j_36 ._accordionHeader_15p8j_5 {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-._accordion_jrb54_1._bordered_jrb54_18 ._accordionContent_jrb54_18 {
+._accordion_15p8j_1._bordered_15p8j_18 ._accordionContent_15p8j_18 {
   border-top: none;
   border-radius: 0 0 var(--border-radius) var(--border-radius);
 }
-._accordion_jrb54_1._bordered_jrb54_18 ._accordionContent_jrb54_18._padding_jrb54_43 {
+._accordion_15p8j_1._bordered_15p8j_18 ._accordionContent_15p8j_18._padding_15p8j_44 {
   padding: var(--padding-sm);
 }
-._accordion_jrb54_1._bordered_jrb54_18._squareBottom_jrb54_46 ._accordionHeader_jrb54_5 {
+._accordion_15p8j_1._bordered_15p8j_18._squareBottom_15p8j_47 ._accordionHeader_15p8j_5 {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
@@ -1673,38 +1676,39 @@ html[data-theme='dark'] {
 ._buttonGroup_iu2wi_11 > *:not(:last-child) {
   margin-right: -1px;
 }
-._card_ogph4_1 {
+._card_ucdeu_1 {
   color: var(--color-text);
 }
-._card_ogph4_1._bordered_ogph4_4 {
+._card_ucdeu_1._bordered_ucdeu_4 {
   background: var(--color-background-raised);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
   border-radius: var(--border-radius);
 }
-._card_ogph4_1._bordered_ogph4_4._raised_ogph4_10 {
+._card_ucdeu_1._bordered_ucdeu_4._raised_ucdeu_10 {
   box-shadow: var(--shadow-layer);
 }
-._card_ogph4_1._bordered_ogph4_4 ._cardHeader_ogph4_13 {
+._card_ucdeu_1._bordered_ucdeu_4 ._cardHeader_ucdeu_13 {
   padding: var(--padding-xxs) var(--padding-sm);
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
+  background-color: var(--color-background-cardheader);
 }
-._card_ogph4_1._bordered_ogph4_4 ._cardContentBorderTop_ogph4_18 {
+._card_ucdeu_1._bordered_ucdeu_4 ._cardContentBorderTop_ucdeu_19 {
   border-top: 1px solid var(--color-border);
 }
-._card_ogph4_1._bordered_ogph4_4 ._padding_ogph4_21 {
+._card_ucdeu_1._bordered_ucdeu_4 ._padding_ucdeu_22 {
   padding: var(--padding-sm);
 }
-._cardContent_ogph4_18:first-child {
+._cardContent_ucdeu_19:first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._cardContent_ogph4_18:last-child {
+._cardContent_ucdeu_19:last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._cardHeader_ogph4_13 {
+._cardHeader_ucdeu_13 {
   display: flex;
   align-items: center;
   padding: var(--padding-sm) 0;
@@ -1791,184 +1795,182 @@ html[data-theme='dark'] {
 ._icons_1bklz_20 > * {
   margin-left: var(--padding-xxs);
 }
-._dialog_khlf2_1 {
+._dialog_1ruhc_1 {
   border-radius: var(--border-radius);
-  background: var(--color-background);
+  background: var(--color-background-raised);
   line-height: var(--line-height);
   color: var(--color-text);
   box-shadow: var(--shadow-layer);
   display: flex;
   flex-direction: column;
 }
-._dialog_khlf2_1 > :first-child {
+._dialog_1ruhc_1 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._dialog_khlf2_1 > :last-child {
+._dialog_1ruhc_1 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._dialog_khlf2_1._inline_khlf2_18 {
+._dialog_1ruhc_1._inline_1ruhc_18 {
   display: inline-flex;
 }
-._dialog_khlf2_1._scroll_khlf2_21 {
+._dialog_1ruhc_1._scroll_1ruhc_21 {
   max-height: 100%;
 }
-._header_khlf2_24 {
+._header_1ruhc_24 {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding: var(--padding-sm) var(--padding);
-  background-color: var(--color-background-raised);
+  background-color: var(--color-background-cardheader);
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._header_khlf2_24 ._dismiss_khlf2_33 {
+._header_1ruhc_24 ._dismiss_1ruhc_33 {
   margin-right: calc(var(--padding-xxs) * -1);
   margin-left: var(--padding-xs);
   flex-shrink: 0;
 }
-._content_khlf2_38 {
+._content_1ruhc_38 {
   flex-grow: 1;
 }
-._scroll_khlf2_21 ._content_khlf2_38 {
+._scroll_1ruhc_21 ._content_1ruhc_38 {
   overflow: auto;
   min-height: 0;
   height: 100%;
   flex: 1 1 auto;
 }
-._footer_khlf2_47 {
+._footer_1ruhc_47 {
   display: flex;
   padding: var(--padding-sm) var(--padding);
   background-color: var(--color-background-raised);
   border-top: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._footer_khlf2_47 button:not(:last-child) {
+._footer_1ruhc_47 button:not(:last-child) {
   margin-right: var(--padding-sm);
 }
-._inputInTable_1gpie_1 {
+._inputInTable_ckzvq_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1gpie_1:not(:hover) {
+._inputInTable_ckzvq_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1gpie_1:not(:focus) {
+._inputInTable_ckzvq_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1gpie_13 {
+._inputHover_ckzvq_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1gpie_18 {
+._inputFocus_ckzvq_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1gpie_25,
-._inputWarning_1gpie_26 {
+._inputError_ckzvq_25,
+._inputWarning_ckzvq_26 {
   position: relative;
 }
-._inputError_1gpie_25 {
+._inputError_ckzvq_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1gpie_25:hover {
+._inputError_ckzvq_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1gpie_25:focus {
+._inputError_ckzvq_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1gpie_26 {
+._inputWarning_ckzvq_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1gpie_26:hover {
+._inputWarning_ckzvq_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1gpie_26:focus {
+._inputWarning_ckzvq_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1gpie_61 {
+._inputDisabled_ckzvq_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1gpie_67 {
+._hideScrollbars_ckzvq_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1gpie_67::-webkit-scrollbar {
+._hideScrollbars_ckzvq_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-drawer-tabs: var(--size-lg);
-  --color-background-drawer-tabs: var(--color-neutral-50);
   --color-background-drawer-tab: var(--color-primary-50);
   --color-background-drawer-tab-hover: white;
   --color-border-drawer-tab: var(--color-primary-200);
   --color-background-drawer-handle-hover: rgba(0, 0, 0, 0.05);
 }
 html[data-theme='dark'] {
-  --color-background-drawer-tabs: var(--color-neutral-900);
-  --color-background-drawer-tab: var(--color-primary-850);
+  --color-background-drawer-tab: var(--color-primary-900);
   --color-background-drawer-tab-hover: var(--color-primary-800);
-  --color-border-drawer-tab: var(--color-primary-750);
+  --color-border-drawer-tab: black;
   --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
 }
-._inline_1gpie_92 {
+._inline_ckzvq_90 {
   position: relative;
 }
-._inline_1gpie_92._left_1gpie_95 {
+._inline_ckzvq_90._left_ckzvq_93 {
   order: -1;
 }
-._inline_1gpie_92._right_1gpie_98 {
+._inline_ckzvq_90._right_ckzvq_96 {
   order: 9999;
 }
-._fixed_1gpie_101 {
+._fixed_ckzvq_99 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: var(--zindex-drawer);
 }
-._fixed_1gpie_101._left_1gpie_95 {
+._fixed_ckzvq_99._left_ckzvq_93 {
   left: 0;
 }
-._fixed_1gpie_101._right_1gpie_98 {
+._fixed_ckzvq_99._right_ckzvq_96 {
   right: 0;
 }
-._left_1gpie_95 ._border_1gpie_113 {
+._left_ckzvq_93 ._border_ckzvq_111 {
   border-right: 1px solid var(--color-border);
 }
-._right_1gpie_98 ._border_1gpie_113 {
+._right_ckzvq_96 ._border_ckzvq_111 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_1gpie_119 {
+._shadow_ckzvq_117 {
   box-shadow: var(--shadow-layer);
 }
-._drawerContent_1gpie_122 {
+._drawerContent_ckzvq_120 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -1980,56 +1982,56 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_1gpie_134 ._drawerContent_1gpie_122 {
+._isResizing_ckzvq_132 ._drawerContent_ckzvq_120 {
   transition: none;
 }
 @media print {
-  ._drawerContent_1gpie_122 {
+  ._drawerContent_ckzvq_120 {
     background: transparent !important;
   }
 }
-._drawerContent_1gpie_122::-webkit-scrollbar {
+._drawerContent_ckzvq_120::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_1gpie_145 {
+._toggleButton_ckzvq_143 {
   transition: transform 0.2s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: calc(var(--zindex-drawer) + 3);
 }
-._left_1gpie_95 ._toggleButton_1gpie_145 {
+._left_ckzvq_93 ._toggleButton_ckzvq_143 {
   right: calc(var(--size) / -2);
 }
-._right_1gpie_98 ._toggleButton_1gpie_145 {
+._right_ckzvq_96 ._toggleButton_ckzvq_143 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_1gpie_145._top_1gpie_158 {
+._toggleButton_ckzvq_143._top_ckzvq_156 {
   top: var(--padding);
 }
-._toggleButton_1gpie_145._bottom_1gpie_161 {
+._toggleButton_ckzvq_143._bottom_ckzvq_159 {
   bottom: var(--padding);
 }
-._toggleButton_1gpie_145._toggleButtonOpen_1gpie_164 {
+._toggleButton_ckzvq_143._toggleButtonOpen_ckzvq_162 {
   transform: rotate(0deg);
 }
-._tabs_1gpie_167 {
+._tabs_ckzvq_165 {
   position: absolute;
   top: 0;
   bottom: 0;
-  background-color: var(--color-background-drawer-tabs);
+  background-color: var(--color-background);
   padding-top: var(--padding);
   z-index: calc(var(--zindex-drawer) + 1);
   border-left: 1px solid var(--color-border);
   border-right: 1px solid var(--color-border);
 }
-._left_1gpie_95 ._tabs_1gpie_167 {
+._left_ckzvq_93 ._tabs_ckzvq_165 {
   right: 0;
 }
-._right_1gpie_98 ._tabs_1gpie_167 {
+._right_ckzvq_96 ._tabs_ckzvq_165 {
   left: 0;
 }
-._tabs_1gpie_167 ._tab_1gpie_167 {
+._tabs_ckzvq_165 ._tab_ckzvq_165 {
   font-size: var(--size-sm);
   height: var(--size-drawer-tabs);
   width: var(--size-drawer-tabs);
@@ -2041,46 +2043,46 @@ html[data-theme='dark'] {
   transition: color 0.2s, background-color 0.2s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_1gpie_95 ._tabs_1gpie_167 ._tab_1gpie_167 {
+._left_ckzvq_93 ._tabs_ckzvq_165 ._tab_ckzvq_165 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_1gpie_95 ._tabs_1gpie_167 ._tab_1gpie_167._active_1gpie_199 {
+._left_ckzvq_93 ._tabs_ckzvq_165 ._tab_ckzvq_165._active_ckzvq_197 {
   border-left-color: transparent;
 }
-._right_1gpie_98 ._tabs_1gpie_167 ._tab_1gpie_167 {
+._right_ckzvq_96 ._tabs_ckzvq_165 ._tab_ckzvq_165 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_1gpie_98 ._tabs_1gpie_167 ._tab_1gpie_167._active_1gpie_199 {
+._right_ckzvq_96 ._tabs_ckzvq_165 ._tab_ckzvq_165._active_ckzvq_197 {
   border-right-color: transparent;
 }
-._tabs_1gpie_167 ._tab_1gpie_167:not(._active_1gpie_199) {
+._tabs_ckzvq_165 ._tab_ckzvq_165:not(._active_ckzvq_197) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_1gpie_167 ._tab_1gpie_167:not(._active_1gpie_199):hover {
+._tabs_ckzvq_165 ._tab_ckzvq_165:not(._active_ckzvq_197):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_1gpie_167 ._tab_1gpie_167._active_1gpie_199 {
+._tabs_ckzvq_165 ._tab_ckzvq_165._active_ckzvq_197 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._tabs_1gpie_167 ._tab_1gpie_167 svg {
+._tabs_ckzvq_165 ._tab_ckzvq_165 svg {
   stroke-width: 1.125;
 }
-._left_1gpie_95 ._tabsContent_1gpie_224 {
+._left_ckzvq_93 ._tabsContent_ckzvq_222 {
   padding-right: calc(var(--size-drawer-tabs) - 1px);
 }
-._right_1gpie_98 ._tabsContent_1gpie_224 {
+._right_ckzvq_96 ._tabsContent_ckzvq_222 {
   padding-left: calc(var(--size-drawer-tabs) - 1px);
 }
-._resizeHandle_1gpie_230 {
+._resizeHandle_ckzvq_228 {
   position: absolute;
   top: 0;
   bottom: 0;
-  width: 12px;
+  width: 8px;
   z-index: calc(var(--zindex-drawer) + 2);
   cursor: ew-resize;
   display: flex;
@@ -2089,18 +2091,18 @@ html[data-theme='dark'] {
   font-size: var(--font-size-sm);
   transition: all 0.2s;
 }
-._resizeHandle_1gpie_230:hover {
+._resizeHandle_ckzvq_228:hover {
   background: var(--color-background-drawer-handle-hover);
   color: var(--color-text-primary);
 }
-._resizeHandle_1gpie_230:active {
+._resizeHandle_ckzvq_228:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_1gpie_95 ._resizeHandle_1gpie_230 {
+._left_ckzvq_93 ._resizeHandle_ckzvq_228 {
   right: 0;
 }
-._right_1gpie_98 ._resizeHandle_1gpie_230 {
+._right_ckzvq_96 ._resizeHandle_ckzvq_228 {
   left: 0;
 }
 ._empty_fe425_1 {
@@ -2398,123 +2400,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_pre97_1 {
+._inputInTable_ibcjb_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_pre97_1:not(:hover) {
+._inputInTable_ibcjb_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_pre97_1:not(:focus) {
+._inputInTable_ibcjb_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_pre97_13 {
+._inputHover_ibcjb_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_pre97_18 {
+._inputFocus_ibcjb_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_pre97_25,
-._inputWarning_pre97_26 {
+._inputError_ibcjb_25,
+._inputWarning_ibcjb_26 {
   position: relative;
 }
-._inputError_pre97_25 {
+._inputError_ibcjb_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_pre97_25:hover {
+._inputError_ibcjb_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_pre97_25:focus {
+._inputError_ibcjb_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_pre97_26 {
+._inputWarning_ibcjb_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_pre97_26:hover {
+._inputWarning_ibcjb_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_pre97_26:focus {
+._inputWarning_ibcjb_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_pre97_61 {
+._inputDisabled_ibcjb_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_pre97_67 {
+._hideScrollbars_ibcjb_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_pre97_67::-webkit-scrollbar {
+._hideScrollbars_ibcjb_67::-webkit-scrollbar {
   display: none;
 }
-._header_pre97_77 ._headerTitle_pre97_77,
-._heading_pre97_78 ._itemHeader_pre97_78 {
+._header_ibcjb_77 ._headerTitle_ibcjb_77,
+._heading_ibcjb_78 ._itemHeader_ibcjb_78 {
   transition: opacity 0.3s;
 }
-._narrow_pre97_81 ._header_pre97_77 ._headerTitle_pre97_77,
-._narrow_pre97_81 ._heading_pre97_78 ._itemHeader_pre97_78 {
+._narrow_ibcjb_81 ._header_ibcjb_77 ._headerTitle_ibcjb_77,
+._narrow_ibcjb_81 ._heading_ibcjb_78 ._itemHeader_ibcjb_78 {
   opacity: 0;
 }
-._stickyHeader_pre97_85 {
+._stickyHeader_ibcjb_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_pre97_78 {
+._itemHeader_ibcjb_78 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_pre97_78 ._title_pre97_96 {
+._itemHeader_ibcjb_78 ._title_ibcjb_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_pre97_78 ._name_pre97_102 {
+._itemHeader_ibcjb_78 ._name_ibcjb_102 {
   font-weight: 400;
 }
-._itemHeader_pre97_78 ._iconTooltipMargin_pre97_105 {
+._itemHeader_ibcjb_78 ._iconTooltipMargin_ibcjb_105 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_pre97_78 ._bold_pre97_108 {
+._itemHeader_ibcjb_78 ._bold_ibcjb_108 {
   font-weight: bold;
 }
-._header_pre97_77 {
+._header_ibcjb_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_pre97_117 {
+._toggleNarrow_ibcjb_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2523,16 +2525,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_pre97_117:hover {
+._toggleNarrow_ibcjb_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_pre97_117:active {
+._toggleNarrow_ibcjb_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_pre97_81 ._toggleNarrow_pre97_117 {
+._narrow_ibcjb_81 ._toggleNarrow_ibcjb_117 {
   transform: scaleX(-1);
 }
-._drag_pre97_135 {
+._drag_ibcjb_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2543,28 +2545,28 @@ html[data-theme='dark'] {
   height: 19px;
   width: 19px;
 }
-._drag_pre97_135:hover {
+._drag_ibcjb_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_pre97_135:active {
+._drag_ibcjb_135:active {
   color: var(--color-text-primary-active);
 }
-._list_pre97_152 {
+._list_ibcjb_152 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_pre97_152._bordered_pre97_156:first-child,
-._list_pre97_152._bordered_pre97_156:first-child > :first-child {
+._list_ibcjb_152._bordered_ibcjb_156:first-child,
+._list_ibcjb_152._bordered_ibcjb_156:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_pre97_152._bordered_pre97_156:last-child,
-._list_pre97_152._bordered_pre97_156:last-child > :last-child {
+._list_ibcjb_152._bordered_ibcjb_156:last-child,
+._list_ibcjb_152._bordered_ibcjb_156:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_pre97_78 {
+._item_ibcjb_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2575,7 +2577,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_pre97_78:not(._heading_pre97_78):after {
+._item_ibcjb_78:not(._heading_ibcjb_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2586,73 +2588,73 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s;
 }
-._item_pre97_78._action_pre97_189 {
+._item_ibcjb_78._action_ibcjb_189 {
   cursor: pointer;
 }
-._item_pre97_78._action_pre97_189:not(._active_pre97_192):hover {
+._item_ibcjb_78._action_ibcjb_189:not(._active_ibcjb_192):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_pre97_78._action_pre97_189:not(._active_pre97_192):hover:after {
+._item_ibcjb_78._action_ibcjb_189:not(._active_ibcjb_192):hover:after {
   background: rgba(0, 0, 0, 0.1);
 }
-._item_pre97_78._active_pre97_192 {
+._item_ibcjb_78._active_ibcjb_192 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_pre97_78._active_pre97_192:after {
+._item_ibcjb_78._active_ibcjb_192:after {
   background: var(--color-background-primary) !important;
 }
-._item_pre97_78._disabled_pre97_207 {
+._item_ibcjb_78._disabled_ibcjb_207 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_pre97_78._heading_pre97_78 {
+._item_ibcjb_78._heading_ibcjb_78 {
   color: var(--color-text-muted);
   background-color: transparent;
 }
-._item_pre97_78._heading_pre97_78._action_pre97_189:hover {
+._item_ibcjb_78._heading_ibcjb_78._action_ibcjb_189:hover {
   color: var(--color-text-primary-hover);
 }
-._item_pre97_78 ._label_pre97_218 {
+._item_ibcjb_78 ._label_ibcjb_218 {
   display: flex;
   align-items: center;
   margin-right: var(--padding-xs);
   flex-shrink: 0;
 }
-._item_pre97_78 ._details_pre97_224,
-._item_pre97_78 ._metadata_pre97_225 {
+._item_ibcjb_78 ._details_ibcjb_224,
+._item_ibcjb_78 ._metadata_ibcjb_225 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_pre97_78 ._metadata_pre97_225 {
+._item_ibcjb_78 ._metadata_ibcjb_225 {
   color: var(--color-text-muted);
 }
-._item_pre97_78 ._itemContent_pre97_233 {
+._item_ibcjb_78 ._itemContent_ibcjb_233 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_pre97_78 ._itemContent_pre97_233:empty {
+._item_ibcjb_78 ._itemContent_ibcjb_233:empty {
   padding: inherit;
 }
-._indentIcon_pre97_240 {
+._indentIcon_ibcjb_240 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_pre97_245 {
+._expandIcon_ibcjb_245 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
-  margin-right: var(--padding-xxs);
+  margin-right: var(--padding-xs);
 }
-._expandIcon_pre97_245._expanded_pre97_252 svg {
+._expandIcon_ibcjb_245._expanded_ibcjb_252 svg {
   transform: rotate(90deg);
 }
-._right_pre97_255 {
+._right_ibcjb_255 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -2661,24 +2663,24 @@ html[data-theme='dark'] {
   margin-right: calc(var(--padding-xs) * -1);
   min-height: var(--size-sm);
 }
-._actions_pre97_264 {
+._actions_ibcjb_264 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_pre97_269 {
+._scrollableList_ibcjb_269 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_pre97_67 {
+._hideScrollbar_ibcjb_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_pre97_67::-webkit-scrollbar {
+._hideScrollbar_ibcjb_67::-webkit-scrollbar {
   display: none;
 }
 ._loader_477i5_1 {
@@ -9064,80 +9066,80 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._inputInTable_57i2j_1 {
+._inputInTable_4tmfn_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_57i2j_1:not(:hover) {
+._inputInTable_4tmfn_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_57i2j_1:not(:focus) {
+._inputInTable_4tmfn_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_57i2j_13 {
+._inputHover_4tmfn_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_57i2j_18 {
+._inputFocus_4tmfn_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_57i2j_25,
-._inputWarning_57i2j_26 {
+._inputError_4tmfn_25,
+._inputWarning_4tmfn_26 {
   position: relative;
 }
-._inputError_57i2j_25 {
+._inputError_4tmfn_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_57i2j_25:hover {
+._inputError_4tmfn_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_57i2j_25:focus {
+._inputError_4tmfn_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_57i2j_26 {
+._inputWarning_4tmfn_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_57i2j_26:hover {
+._inputWarning_4tmfn_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_57i2j_26:focus {
+._inputWarning_4tmfn_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_57i2j_61 {
+._inputDisabled_4tmfn_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_57i2j_67 {
+._hideScrollbars_4tmfn_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_57i2j_67::-webkit-scrollbar {
+._hideScrollbars_4tmfn_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9146,9 +9148,9 @@ button:active .remirror-menu-pane-shortcut,
 }
 html[data-theme='dark'] {
   --color-background-table-header: var(--color-neutral-700);
-  --color-background-table-row-tinted: var(--color-neutral-900);
+  --color-background-table-row-tinted: var(--color-neutral-750);
 }
-._wrapper_57i2j_85 {
+._wrapper_4tmfn_85 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9156,22 +9158,22 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_57i2j_85._bordered_57i2j_93 {
+._wrapper_4tmfn_85._bordered_4tmfn_93 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
 }
-._scroll_57i2j_98 {
+._scroll_4tmfn_98 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_57i2j_98:not(:first-child) {
+._scroll_4tmfn_98:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_57i2j_108 {
+._table_4tmfn_108 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9180,37 +9182,34 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_57i2j_108 > :first-child {
+._table_4tmfn_108 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_57i2j_108 > :first-child > :first-child {
+._table_4tmfn_108 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_57i2j_108 > :first-child > :first-child > :first-child {
+._table_4tmfn_108 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_57i2j_108 > :first-child > :first-child > :last-child {
+._table_4tmfn_108 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_57i2j_108 > :last-child {
+._table_4tmfn_108 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_57i2j_108 > :last-child > :last-child {
+._table_4tmfn_108 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_57i2j_108 > :last-child > :last-child > :first-child {
+._table_4tmfn_108 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_57i2j_108 > :last-child > :last-child > :last-child {
+._table_4tmfn_108 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
-th {
-  color: var(--color-text-muted);
-}
 th,
 td {
   padding: var(--padding-input) !important;
@@ -9224,10 +9223,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_57i2j_108 > *:not(:last-child) > tr th,
-._table_57i2j_108 > *:not(:last-child) > tr td,
-._table_57i2j_108 > *:last-child > tr:not(:last-child) th,
-._table_57i2j_108 > *:last-child > tr:not(:last-child) td {
+._table_4tmfn_108 > *:not(:last-child) > tr th,
+._table_4tmfn_108 > *:not(:last-child) > tr td,
+._table_4tmfn_108 > *:last-child > tr:not(:last-child) th,
+._table_4tmfn_108 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9254,10 +9253,11 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_57i2j_191 tbody tr:nth-child(even) {
+._striped_4tmfn_188 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
-._title_on3d3_1 {
+._title_11pbp_1 {
+  background-color: var(--color-background-cardheader);
   border-bottom: 1px solid var(--color-border);
   padding: var(--padding-xxs) var(--padding-sm);
   display: flex;