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

package/dist/assets/{index-c603c2a7.css → index-0376e2f1.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(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%);
+  --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%);
 }
 
 :root {
@@ -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;
 }
@@ -1380,17 +1380,17 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1nid8_11._active_1nid8_33 {
   color: var(--color-text-primary-active);
 }
-._wrapper_zibyd_1 {
+._wrapper_4axhn_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_zibyd_5 ._wrapper_zibyd_1 {
+._layer_4axhn_5 ._wrapper_4axhn_1 {
   width: 100%;
 }
-._layerContainer_zibyd_8 {
+._layerContainer_4axhn_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_zibyd_5 {
+._layer_4axhn_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1402,98 +1402,97 @@ html[data-theme='dark'] {
   position: relative;
   overflow-y: auto;
 }
-._layer_zibyd_5._nested_zibyd_23 {
+._layer_4axhn_5._nested_4axhn_23 {
   margin: -1px 2px;
 }
-._layer_zibyd_5 ul {
+._layer_4axhn_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_zibyd_5 ul li {
+._layer_4axhn_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_zibyd_35 {
-  width: 100%;
-  height: 100%;
+._fileInput_4axhn_35 {
   opacity: 0;
   position: absolute;
+  inset: 0;
 }
-._trigger_zibyd_41 {
+._trigger_4axhn_40 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._layer_4axhn_5 ._trigger_4axhn_40 {
   width: 100%;
 }
-._middleAlignedInline_zibyd_50 {
+._middleAlignedInline_4axhn_49 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_zibyd_56 {
+._heading_4axhn_55 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62 {
+._heading_4axhn_55 ._headingIcon_4axhn_61 {
   float: right;
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62 svg {
+._heading_4axhn_55 ._headingIcon_4axhn_61 svg {
   color: var(--color-text-faint);
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62:hover {
+._heading_4axhn_55 ._headingIcon_4axhn_61:hover {
   cursor: pointer;
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62:hover svg {
+._heading_4axhn_55 ._headingIcon_4axhn_61:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_zibyd_74 {
+._option_4axhn_73 {
   color: inherit;
   display: block;
+  position: relative;
 }
-._heading_zibyd_56,
-._option_zibyd_74,
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._heading_4axhn_55,
+._option_4axhn_73,
+._layer_4axhn_5 ._trigger_4axhn_40 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_zibyd_74,
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._option_4axhn_73,
+._layer_4axhn_5 ._trigger_4axhn_40 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_zibyd_74:hover,
-._layer_zibyd_5 ._trigger_zibyd_41:hover,
-._option_zibyd_74._active_zibyd_92,
-._layer_zibyd_5 ._trigger_zibyd_41._active_zibyd_92 {
+._option_4axhn_73:hover,
+._layer_4axhn_5 ._trigger_4axhn_40:hover,
+._option_4axhn_73._active_4axhn_92,
+._layer_4axhn_5 ._trigger_4axhn_40._active_4axhn_92 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_zibyd_74._selected_zibyd_97 {
+._option_4axhn_73._selected_4axhn_97 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._layer_4axhn_5 ._trigger_4axhn_40 {
   align-items: center;
 }
-._optionContent_zibyd_103 {
+._optionContent_4axhn_103 {
   flex-wrap: wrap;
   margin-right: auto;
-  position: relative;
 }
-._inline_zibyd_108 ._optionContent_zibyd_103 {
+._inline_4axhn_107 ._optionContent_4axhn_103 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_zibyd_113,
-._check_zibyd_114 {
+._icon_4axhn_112,
+._check_4axhn_113 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1502,78 +1501,78 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_zibyd_113 {
+._icon_4axhn_112 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
 }
-._icon_zibyd_113:empty {
+._icon_4axhn_112:empty {
   display: none;
 }
-._icon_zibyd_113 img {
+._icon_4axhn_112 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_zibyd_136 {
+._text_4axhn_135 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_zibyd_141 {
+._label_4axhn_140 {
   margin-right: auto;
 }
-._label_zibyd_141,
-._heading_zibyd_56 {
+._label_4axhn_140,
+._heading_4axhn_55 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_zibyd_152 {
+._description_4axhn_151 {
   color: #999;
   display: block;
 }
-._arrow_zibyd_156 {
+._arrow_4axhn_155 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_zibyd_160 {
+._divider_4axhn_159 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_zibyd_164 {
+._deprecatedSemanticIcon_4axhn_163 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_zibyd_168 {
+._disabled_4axhn_167 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_zibyd_173 {
+._buttonLabel_4axhn_172 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_zibyd_179 {
+._buttonCaret_4axhn_178 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_zibyd_183 {
+._component_4axhn_182 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_zibyd_189 {
+._right_4axhn_188 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_zibyd_194 {
+._actions_4axhn_193 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
@@ -9065,80 +9064,80 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._inputInTable_1bnfd_1 {
+._inputInTable_57i2j_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1bnfd_1:not(:hover) {
+._inputInTable_57i2j_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1bnfd_1:not(:focus) {
+._inputInTable_57i2j_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1bnfd_13 {
+._inputHover_57i2j_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1bnfd_18 {
+._inputFocus_57i2j_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_57i2j_25,
+._inputWarning_57i2j_26 {
   position: relative;
 }
-._inputError_1bnfd_25 {
+._inputError_57i2j_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_57i2j_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1bnfd_25:focus {
+._inputError_57i2j_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_57i2j_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_57i2j_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1bnfd_26:focus {
+._inputWarning_57i2j_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_57i2j_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1bnfd_67 {
+._hideScrollbars_57i2j_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1bnfd_67::-webkit-scrollbar {
+._hideScrollbars_57i2j_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9146,10 +9145,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-900);
 }
-._wrapper_1bnfd_85 {
+._wrapper_57i2j_85 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9157,22 +9156,22 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_1bnfd_85._bordered_1bnfd_93 {
+._wrapper_57i2j_85._bordered_57i2j_93 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
 }
-._scroll_1bnfd_98 {
+._scroll_57i2j_98 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_1bnfd_98:not(:first-child) {
+._scroll_57i2j_98:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_1bnfd_108 {
+._table_57i2j_108 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9181,32 +9180,32 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_1bnfd_108 > :first-child {
+._table_57i2j_108 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_1bnfd_108 > :first-child > :first-child {
+._table_57i2j_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_57i2j_108 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_1bnfd_108 > :first-child > :first-child > :last-child {
+._table_57i2j_108 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_1bnfd_108 > :last-child {
+._table_57i2j_108 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_1bnfd_108 > :last-child > :last-child {
+._table_57i2j_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_57i2j_108 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_1bnfd_108 > :last-child > :last-child > :last-child {
+._table_57i2j_108 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th {
@@ -9225,10 +9224,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_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 {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9255,11 +9254,10 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_1bnfd_191 tbody tr:nth-child(even) {
+._striped_57i2j_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;