@oliasoft-open-source/react-ui-library 4.0.0-beta-53 → 4.0.0-beta-55

package/dist/global.css

@@ -530,6 +530,7 @@ a {
   --font-size-sm: 12px;
   --font-size-xs: 11px;
   --line-height: 20px;
+  --line-height-sm: 16px;
   --size-xl: 48px;
   --size-lg: 36px;
   --size: 30px;
@@ -562,26 +563,26 @@ a {
   --shadow-layer: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1),
     0 0 4px rgba(0, 0, 0, 0.1);
   --color-text: var(--color-neutral-900);
-  --color-text-muted: var(--color-neutral-650);
-  --color-text-faint: var(--color-neutral-400);
-  --color-text-error: var(--color-error-650);
-  --color-text-warning: var(--color-warning-650);
-  --color-text-success: var(--color-success-650);
-  --color-text-info: var(--color-info-650);
+  --color-text-muted: var(--color-neutral-700);
+  --color-text-faint: var(--color-neutral-500);
+  --color-text-error: var(--color-error-600);
+  --color-text-warning: var(--color-warning-600);
+  --color-text-success: var(--color-success-600);
+  --color-text-info: var(--color-info-600);
   --color-text-primary: var(--color-primary-500);
-  --color-text-primary-hover: var(--color-primary-550);
-  --color-text-primary-active: var(--color-primary-600);
+  --color-text-primary-hover: var(--color-primary-600);
+  --color-text-primary-active: var(--color-primary-700);
   --color-text-placeholder: rgba(0, 0, 0, 0.3);
   --color-background: var(--color-neutral-100);
-  --color-background-raised: var(--color-neutral-0);
-  --color-background-layer: var(--color-neutral-0);
+  --color-background-raised: white;
+  --color-background-layer: white;
   --color-background-disabled: var(--color-neutral-100);
-  --color-background-info: var(--color-info-150);
-  --color-background-error: var(--color-error-150);
-  --color-background-success: var(--color-success-150);
-  --color-background-warning: var(--color-warning-150);
+  --color-background-info: var(--color-info-100);
+  --color-background-error: var(--color-error-100);
+  --color-background-success: var(--color-success-100);
+  --color-background-warning: var(--color-warning-100);
   --color-background-primary: var(--color-primary-500);
-  --color-background-input: var(--color-neutral-0);
+  --color-background-input: white;
   --color-background-listitem-active: var(--color-primary-100);
   --color-background-listitem-hover: var(--color-neutral-100);
   --color-border: var(--color-neutral-250);
@@ -600,32 +601,32 @@ html[data-theme='dark'] {
   --color-text: var(--color-neutral-100);
   --color-text-muted: var(--color-neutral-300);
   --color-text-faint: var(--color-neutral-500);
-  --color-text-primary: var(--color-primary-450);
-  --color-text-primary-active: var(--color-primary-350);
-  --color-text-primary-hover: var(--color-primary-400);
+  --color-text-primary: var(--color-primary-400);
+  --color-text-primary-active: var(--color-primary-200);
+  --color-text-primary-hover: var(--color-primary-300);
   --color-text-error: var(--color-error-300);
   --color-text-info: var(--color-info-300);
   --color-text-success: var(--color-success-300);
   --color-text-warning: var(--color-warning-300);
   --color-text-placeholder: rgba(255, 255, 255, 0.4);
   --color-background: var(--color-neutral-900);
-  --color-background-raised: var(--color-neutral-850);
-  --color-background-layer: var(--color-neutral-800);
-  --color-background-disabled: var(--color-neutral-850);
+  --color-background-raised: var(--color-neutral-800);
+  --color-background-layer: var(--color-neutral-700);
+  --color-background-disabled: var(--color-neutral-900);
   --color-background-error: var(--color-error-800);
   --color-background-info: var(--color-info-800);
   --color-background-success: var(--color-success-800);
   --color-background-warning: var(--color-warning-800);
   --color-background-primary: var(--color-primary-600);
   --color-background-input: var(--color-neutral-800);
-  --color-background-listitem-active: var(--color-primary-750);
-  --color-background-listitem-hover: var(--color-neutral-750);
-  --color-border: var(--color-neutral-1000);
-  --color-border-checkbox: var(--color-neutral-1000);
+  --color-background-listitem-active: var(--color-primary-700);
+  --color-background-listitem-hover: var(--color-neutral-700);
+  --color-border: black;
+  --color-border-checkbox: black;
   --color-border-hover: var(--color-neutral-500);
   --color-border-focus: var(--color-primary-500);
-  --color-border-error: var(--color-error-650);
-  --color-border-warning: var(--color-warning-650);
+  --color-border-error: var(--color-error-600);
+  --color-border-warning: var(--color-warning-600);
   --shadow-focus: 0 0 0 2px rgba(255, 116, 15, 0.5);
 }
 
@@ -966,80 +967,80 @@ a {
 ._contentWrapper_1cgsf_16 {
   border-radius: inherit;
 }
-._inputInTable_vvyhs_1 {
+._inputInTable_19gdq_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_vvyhs_1:not(:hover) {
+._inputInTable_19gdq_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_vvyhs_1:not(:focus) {
+._inputInTable_19gdq_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_vvyhs_13 {
+._inputHover_19gdq_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_vvyhs_18 {
+._inputFocus_19gdq_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_vvyhs_25,
-._inputWarning_vvyhs_26 {
+._inputError_19gdq_25,
+._inputWarning_19gdq_26 {
   position: relative;
 }
-._inputError_vvyhs_25 {
+._inputError_19gdq_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_vvyhs_25:hover {
+._inputError_19gdq_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_vvyhs_25:focus {
+._inputError_19gdq_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_vvyhs_26 {
+._inputWarning_19gdq_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_vvyhs_26:hover {
+._inputWarning_19gdq_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_vvyhs_26:focus {
+._inputWarning_19gdq_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_vvyhs_61 {
+._inputDisabled_19gdq_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_vvyhs_67 {
+._hideScrollbars_19gdq_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_vvyhs_67::-webkit-scrollbar {
+._hideScrollbars_19gdq_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1066,7 +1067,7 @@ html[data-theme='dark'] {
   --color-background-button-default-active: var(--color-neutral-700);
   --color-text-button-default-active: white;
 }
-._button_vvyhs_101 {
+._button_19gdq_101 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -1080,7 +1081,6 @@ html[data-theme='dark'] {
   padding: var(--padding-input);
   text-transform: none;
   text-shadow: none;
-  line-height: var(--line-height);
   font-style: normal;
   text-align: center;
   text-decoration: none;
@@ -1092,233 +1092,233 @@ html[data-theme='dark'] {
   box-shadow: var(--shadow-button);
   font-weight: bold;
 }
-._button_vvyhs_101:hover {
+._button_19gdq_101:hover {
   background: var(--color-background-button-default-hover);
 }
-._button_vvyhs_101:focus {
+._button_19gdq_101:focus {
   box-shadow: var(--shadow-focus) !important;
 }
-._button_vvyhs_101:active {
+._button_19gdq_101:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_vvyhs_101._active_vvyhs_137:not(._green_vvyhs_137):not(._red_vvyhs_137):not(._orange_vvyhs_137) {
+._button_19gdq_101._active_19gdq_136:not(._green_19gdq_136):not(._red_19gdq_136):not(._orange_19gdq_136) {
   border-color: var(--color-border-button-default-active);
   color: var(--color-text-button-default-active);
   position: relative;
   z-index: 2;
 }
-._button_vvyhs_101:hover,
-._button_vvyhs_101:focus,
-._button_vvyhs_101:active {
+._button_19gdq_101:hover,
+._button_19gdq_101:focus,
+._button_19gdq_101:active {
   position: relative;
   z-index: 1;
 }
-._button_vvyhs_101 ._icon_vvyhs_149 {
+._button_19gdq_101 ._icon_19gdq_148 {
   margin: -2px;
   margin-right: var(--padding-xxs);
   font-size: var(--size-xs);
   display: flex;
 }
-._iconOnly_vvyhs_155 {
+._iconOnly_19gdq_154 {
   width: var(--size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_vvyhs_155 ._icon_vvyhs_149 {
+._iconOnly_19gdq_154 ._icon_19gdq_148 {
   margin: 0;
   line-height: 0;
 }
-._basic_vvyhs_165 {
+._basic_19gdq_164 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_vvyhs_165._muted_vvyhs_171 {
+._basic_19gdq_164._muted_19gdq_170 {
   color: var(--color-text-muted);
 }
-._basic_vvyhs_165:hover {
+._basic_19gdq_164:hover {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._basic_vvyhs_165:hover {
+[data-theme='dark'] ._basic_19gdq_164:hover {
   background: rgba(255, 255, 255, 0.1);
 }
-._basic_vvyhs_165:active,
-._basic_vvyhs_165._active_vvyhs_137 {
+._basic_19gdq_164:active,
+._basic_19gdq_164._active_19gdq_136 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-[data-theme='dark'] ._basic_vvyhs_165:active,
-[data-theme='dark'] ._basic_vvyhs_165._active_vvyhs_137 {
+[data-theme='dark'] ._basic_19gdq_164:active,
+[data-theme='dark'] ._basic_19gdq_164._active_19gdq_136 {
   background: rgba(255, 255, 255, 0.2);
 }
-._disabled_vvyhs_190 {
+._disabled_19gdq_189 {
   cursor: default;
   pointer-events: none !important;
   color: var(--color-text-faint) !important;
   box-shadow: none !important;
 }
-._disabled_vvyhs_190:not(._active_vvyhs_137):not(._basic_vvyhs_165) {
+._disabled_19gdq_189:not(._active_19gdq_136):not(._basic_19gdq_164) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_vvyhs_200 {
+._small_19gdq_199 {
   font-size: var(--font-size-sm);
   min-height: var(--size-sm);
   padding: var(--padding-input-sm);
 }
-._pill_vvyhs_205,
-._round_vvyhs_206 {
+._pill_19gdq_204,
+._round_19gdq_205 {
   border-radius: 19px;
   display: inline-flex;
   align-items: center;
 }
-._round_vvyhs_206 {
+._round_19gdq_205 {
   padding: 0;
   width: var(--size);
   line-height: 1;
 }
-._round_vvyhs_206._small_vvyhs_200 {
+._round_19gdq_205._small_19gdq_199 {
   width: var(--size-sm);
 }
-._orange_vvyhs_137:not(._basic_vvyhs_165) {
+._orange_19gdq_136:not(._basic_19gdq_164) {
   background-color: var(--color-background-button-primary);
 }
-._orange_vvyhs_137:not(._basic_vvyhs_165):hover {
+._orange_19gdq_136:not(._basic_19gdq_164):hover {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_vvyhs_137:not(._basic_vvyhs_165):active,
-._orange_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137 {
+._orange_19gdq_136:not(._basic_19gdq_164):active,
+._orange_19gdq_136:not(._basic_19gdq_164)._active_19gdq_136 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_vvyhs_137:not(._basic_vvyhs_165) {
+._red_19gdq_136:not(._basic_19gdq_164) {
   background-color: var(--color-background-button-error);
 }
-._red_vvyhs_137:not(._basic_vvyhs_165):hover {
+._red_19gdq_136:not(._basic_19gdq_164):hover {
   background-color: var(--color-background-button-error-hover);
 }
-._red_vvyhs_137:not(._basic_vvyhs_165):active,
-._red_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137 {
+._red_19gdq_136:not(._basic_19gdq_164):active,
+._red_19gdq_136:not(._basic_19gdq_164)._active_19gdq_136 {
   background-color: var(--color-background-button-error-active);
 }
-._red_vvyhs_137._basic_vvyhs_165 {
+._red_19gdq_136._basic_19gdq_164 {
   color: var(--color-text-error);
 }
-._green_vvyhs_137:not(._basic_vvyhs_165) {
+._green_19gdq_136:not(._basic_19gdq_164) {
   background-color: var(--color-background-button-success);
 }
-._green_vvyhs_137:not(._basic_vvyhs_165):hover {
+._green_19gdq_136:not(._basic_19gdq_164):hover {
   background-color: var(--color-background-button-success-hover);
 }
-._green_vvyhs_137:not(._basic_vvyhs_165):active,
-._green_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137 {
+._green_19gdq_136:not(._basic_19gdq_164):active,
+._green_19gdq_136:not(._basic_19gdq_164)._active_19gdq_136 {
   background-color: var(--color-background-button-success-active);
 }
-._green_vvyhs_137._basic_vvyhs_165 {
+._green_19gdq_136._basic_19gdq_164 {
   color: var(--color-text-success);
 }
-._orange_vvyhs_137,
-._red_vvyhs_137,
-._green_vvyhs_137 {
+._orange_19gdq_136,
+._red_19gdq_136,
+._green_19gdq_136 {
   border-color: var(--color-border-button);
 }
-._orange_vvyhs_137:not(._basic_vvyhs_165),
-._red_vvyhs_137:not(._basic_vvyhs_165),
-._green_vvyhs_137:not(._basic_vvyhs_165) {
+._orange_19gdq_136:not(._basic_19gdq_164),
+._red_19gdq_136:not(._basic_19gdq_164),
+._green_19gdq_136:not(._basic_19gdq_164) {
   color: #fff;
 }
-._orange_vvyhs_137:not(._basic_vvyhs_165):hover,
-._red_vvyhs_137:not(._basic_vvyhs_165):hover,
-._green_vvyhs_137:not(._basic_vvyhs_165):hover {
+._orange_19gdq_136:not(._basic_19gdq_164):hover,
+._red_19gdq_136:not(._basic_19gdq_164):hover,
+._green_19gdq_136:not(._basic_19gdq_164):hover {
   color: #fff;
 }
-._orange_vvyhs_137:not(._basic_vvyhs_165):active,
-._red_vvyhs_137:not(._basic_vvyhs_165):active,
-._green_vvyhs_137:not(._basic_vvyhs_165):active,
-._orange_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137,
-._red_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137,
-._green_vvyhs_137:not(._basic_vvyhs_165)._active_vvyhs_137 {
+._orange_19gdq_136:not(._basic_19gdq_164):active,
+._red_19gdq_136:not(._basic_19gdq_164):active,
+._green_19gdq_136:not(._basic_19gdq_164):active,
+._orange_19gdq_136:not(._basic_19gdq_164)._active_19gdq_136,
+._red_19gdq_136:not(._basic_19gdq_164)._active_19gdq_136,
+._green_19gdq_136:not(._basic_19gdq_164)._active_19gdq_136 {
   color: #fff;
 }
-._error_vvyhs_278 {
+._error_19gdq_277 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._error_vvyhs_278:hover {
+._error_19gdq_277:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._error_vvyhs_278:focus {
+._error_19gdq_277:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._warning_vvyhs_295 {
+._warning_19gdq_294 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._warning_vvyhs_295:hover {
+._warning_19gdq_294:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._warning_vvyhs_295:focus {
+._warning_19gdq_294:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inverted_vvyhs_312 {
+._inverted_19gdq_311 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_vvyhs_312:hover,
-._inverted_vvyhs_312:active {
+._inverted_19gdq_311:hover,
+._inverted_19gdq_311:active {
   box-shadow: none;
 }
-._inverted_vvyhs_312._orange_vvyhs_137 {
+._inverted_19gdq_311._orange_19gdq_136 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_vvyhs_312._red_vvyhs_137 {
+._inverted_19gdq_311._red_19gdq_136 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_vvyhs_312._green_vvyhs_137 {
+._inverted_19gdq_311._green_19gdq_136 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_vvyhs_312._orange_vvyhs_137:hover,
-._inverted_vvyhs_312._red_vvyhs_137:hover,
-._inverted_vvyhs_312._green_vvyhs_137:hover,
-._inverted_vvyhs_312._orange_vvyhs_137:active,
-._inverted_vvyhs_312._red_vvyhs_137:active,
-._inverted_vvyhs_312._green_vvyhs_137:active {
+._inverted_19gdq_311._orange_19gdq_136:hover,
+._inverted_19gdq_311._red_19gdq_136:hover,
+._inverted_19gdq_311._green_19gdq_136:hover,
+._inverted_19gdq_311._orange_19gdq_136:active,
+._inverted_19gdq_311._red_19gdq_136:active,
+._inverted_19gdq_311._green_19gdq_136:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_vvyhs_342,
-._groupOrderMiddle_vvyhs_343,
-._groupOrderLast_vvyhs_344 {
+._groupOrderFirst_19gdq_341,
+._groupOrderMiddle_19gdq_342,
+._groupOrderLast_19gdq_343 {
   margin-right: 0;
 }
-._groupOrderFirst_vvyhs_342,
-._groupOrderMiddle_vvyhs_343 {
+._groupOrderFirst_19gdq_341,
+._groupOrderMiddle_19gdq_342 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_vvyhs_344,
-._groupOrderMiddle_vvyhs_343 {
+._groupOrderLast_19gdq_343,
+._groupOrderMiddle_19gdq_342 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -1847,128 +1847,126 @@ html[data-theme='dark'] {
 ._footer_khlf2_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 +1978,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 +2039,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 +2087,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 {
@@ -9064,80 +9062,80 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._inputInTable_1bnfd_1 {
+._inputInTable_1tyoa_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1bnfd_1:not(:hover) {
+._inputInTable_1tyoa_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1bnfd_1:not(:focus) {
+._inputInTable_1tyoa_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1bnfd_13 {
+._inputHover_1tyoa_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1bnfd_18 {
+._inputFocus_1tyoa_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1bnfd_25,
-._inputWarning_1bnfd_26 {
+._inputError_1tyoa_25,
+._inputWarning_1tyoa_26 {
   position: relative;
 }
-._inputError_1bnfd_25 {
+._inputError_1tyoa_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1bnfd_25:hover {
+._inputError_1tyoa_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1bnfd_25:focus {
+._inputError_1tyoa_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1bnfd_26 {
+._inputWarning_1tyoa_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1bnfd_26:hover {
+._inputWarning_1tyoa_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1bnfd_26:focus {
+._inputWarning_1tyoa_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1bnfd_61 {
+._inputDisabled_1tyoa_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1bnfd_67 {
+._hideScrollbars_1tyoa_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1bnfd_67::-webkit-scrollbar {
+._hideScrollbars_1tyoa_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9145,10 +9143,10 @@ button:active .remirror-menu-pane-shortcut,
   --color-background-table-row-tinted: var(--color-neutral-50);
 }
 html[data-theme='dark'] {
-  --color-background-table-header: var(--color-neutral-800);
-  --color-background-table-row-tinted: var(--color-neutral-850);
+  --color-background-table-header: var(--color-neutral-700);
+  --color-background-table-row-tinted: var(--color-neutral-750);
 }
-._wrapper_1bnfd_85 {
+._wrapper_1tyoa_85 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9156,22 +9154,22 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_1bnfd_85._bordered_1bnfd_93 {
+._wrapper_1tyoa_85._bordered_1tyoa_93 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
 }
-._scroll_1bnfd_98 {
+._scroll_1tyoa_98 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_1bnfd_98:not(:first-child) {
+._scroll_1tyoa_98:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_1bnfd_108 {
+._table_1tyoa_108 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9180,32 +9178,32 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_1bnfd_108 > :first-child {
+._table_1tyoa_108 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_1bnfd_108 > :first-child > :first-child {
+._table_1tyoa_108 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_1bnfd_108 > :first-child > :first-child > :first-child {
+._table_1tyoa_108 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_1bnfd_108 > :first-child > :first-child > :last-child {
+._table_1tyoa_108 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_1bnfd_108 > :last-child {
+._table_1tyoa_108 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_1bnfd_108 > :last-child > :last-child {
+._table_1tyoa_108 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_1bnfd_108 > :last-child > :last-child > :first-child {
+._table_1tyoa_108 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_1bnfd_108 > :last-child > :last-child > :last-child {
+._table_1tyoa_108 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th {
@@ -9224,10 +9222,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_1bnfd_108 > *:not(:last-child) > tr th,
-._table_1bnfd_108 > *:not(:last-child) > tr td,
-._table_1bnfd_108 > *:last-child > tr:not(:last-child) th,
-._table_1bnfd_108 > *:last-child > tr:not(:last-child) td {
+._table_1tyoa_108 > *:not(:last-child) > tr th,
+._table_1tyoa_108 > *:not(:last-child) > tr td,
+._table_1tyoa_108 > *:last-child > tr:not(:last-child) th,
+._table_1tyoa_108 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9254,11 +9252,10 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_1bnfd_191 tbody tr:nth-child(even) {
+._striped_1tyoa_191 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
-._title_bzw5n_1 {
-  background-color: var(--color-background);
+._title_on3d3_1 {
   border-bottom: 1px solid var(--color-border);
   padding: var(--padding-xxs) var(--padding-sm);
   display: flex;