@oliasoft-open-source/react-ui-library 4.0.0-beta-11 → 4.0.0-beta-13

package/dist/global.css

@@ -414,90 +414,90 @@ a {
   --color-primary-900: hsl(25.25, 100%, 12.5%);
   --color-primary-950: hsl(25.25, 100%, 7.5%);
   --color-primary-1000: hsl(25.25, 100%, 2.5%);
-  --color-error-0: hsl(180, 100%, 100%);
-  --color-error-50: hsl(0, 71.29186603%, 97.5%);
-  --color-error-100: hsl(0, 71.29186603%, 92.5%);
-  --color-error-150: hsl(0, 71.29186603%, 87.5%);
-  --color-error-200: hsl(0, 71.29186603%, 82.5%);
-  --color-error-250: hsl(0, 71.29186603%, 77.5%);
-  --color-error-300: hsl(0, 71.29186603%, 72.5%);
-  --color-error-350: hsl(0, 71.29186603%, 67.5%);
-  --color-error-400: hsl(0, 71.29186603%, 62.5%);
-  --color-error-450: hsl(0, 71.29186603%, 57.5%);
-  --color-error-500: hsl(0, 71.29186603%, 52.5%);
-  --color-error-550: hsl(0, 71.29186603%, 47.5%);
-  --color-error-600: hsl(0, 71.29186603%, 42.5%);
-  --color-error-650: hsl(0, 71.29186603%, 37.5%);
-  --color-error-700: hsl(0, 71.29186603%, 32.5%);
-  --color-error-750: hsl(0, 71.29186603%, 27.5%);
-  --color-error-800: hsl(0, 71.29186603%, 22.5%);
-  --color-error-850: hsl(0, 71.29186603%, 17.5%);
-  --color-error-900: hsl(0, 71.29186603%, 12.5%);
-  --color-error-950: hsl(0, 71.29186603%, 7.5%);
-  --color-error-1000: hsl(0, 71.29186603%, 2.5%);
+  --color-error-0: hsl(0, 0%, 100%);
+  --color-error-50: hsl(0, 51.29186603%, 97.5%);
+  --color-error-100: hsl(0, 51.29186603%, 92.5%);
+  --color-error-150: hsl(0, 51.29186603%, 87.5%);
+  --color-error-200: hsl(0, 51.29186603%, 82.5%);
+  --color-error-250: hsl(0, 51.29186603%, 77.5%);
+  --color-error-300: hsl(0, 51.29186603%, 72.5%);
+  --color-error-350: hsl(0, 51.29186603%, 67.5%);
+  --color-error-400: hsl(0, 51.29186603%, 62.5%);
+  --color-error-450: hsl(0, 51.29186603%, 57.5%);
+  --color-error-500: hsl(0, 51.29186603%, 52.5%);
+  --color-error-550: hsl(0, 51.29186603%, 47.5%);
+  --color-error-600: hsl(0, 51.29186603%, 42.5%);
+  --color-error-650: hsl(0, 51.29186603%, 37.5%);
+  --color-error-700: hsl(0, 51.29186603%, 32.5%);
+  --color-error-750: hsl(0, 51.29186603%, 27.5%);
+  --color-error-800: hsl(0, 51.29186603%, 22.5%);
+  --color-error-850: hsl(0, 51.29186603%, 17.5%);
+  --color-error-900: hsl(0, 51.29186603%, 12.5%);
+  --color-error-950: hsl(0, 51.29186603%, 7.5%);
+  --color-error-1000: hsl(0, 51.29186603%, 2.5%);
   --color-success-0: hsl(0, 0%, 100%);
-  --color-success-50: hsl(120, 52.03252033%, 97.5%);
-  --color-success-100: hsl(120, 52.03252033%, 92.5%);
-  --color-success-150: hsl(120, 52.03252033%, 87.5%);
-  --color-success-200: hsl(120, 52.03252033%, 82.5%);
-  --color-success-250: hsl(120, 52.03252033%, 77.5%);
-  --color-success-300: hsl(120, 52.03252033%, 72.5%);
-  --color-success-350: hsl(120, 52.03252033%, 67.5%);
-  --color-success-400: hsl(120, 52.03252033%, 62.5%);
-  --color-success-450: hsl(120, 52.03252033%, 57.5%);
-  --color-success-500: hsl(120, 52.03252033%, 52.5%);
-  --color-success-550: hsl(120, 52.03252033%, 47.5%);
-  --color-success-600: hsl(120, 52.03252033%, 42.5%);
-  --color-success-650: hsl(120, 52.03252033%, 37.5%);
-  --color-success-700: hsl(120, 52.03252033%, 32.5%);
-  --color-success-750: hsl(120, 52.03252033%, 27.5%);
-  --color-success-800: hsl(120, 52.03252033%, 22.5%);
-  --color-success-850: hsl(120, 52.03252033%, 17.5%);
-  --color-success-900: hsl(120, 52.03252033%, 12.5%);
-  --color-success-950: hsl(120, 52.03252033%, 7.5%);
-  --color-success-1000: hsl(120, 52.03252033%, 2.5%);
-  --color-warning-0: hsl(240, 100%, 100%);
-  --color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);
-  --color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);
-  --color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);
-  --color-warning-200: hsl(44.9197861, 76.32653061%, 82.5%);
-  --color-warning-250: hsl(44.9197861, 76.32653061%, 77.5%);
-  --color-warning-300: hsl(44.9197861, 76.32653061%, 72.5%);
-  --color-warning-350: hsl(44.9197861, 76.32653061%, 67.5%);
-  --color-warning-400: hsl(44.9197861, 76.32653061%, 62.5%);
-  --color-warning-450: hsl(44.9197861, 76.32653061%, 57.5%);
-  --color-warning-500: hsl(44.9197861, 76.32653061%, 52.5%);
-  --color-warning-550: hsl(44.9197861, 76.32653061%, 47.5%);
-  --color-warning-600: hsl(44.9197861, 76.32653061%, 42.5%);
-  --color-warning-650: hsl(44.9197861, 76.32653061%, 37.5%);
-  --color-warning-700: hsl(44.9197861, 76.32653061%, 32.5%);
-  --color-warning-750: hsl(44.9197861, 76.32653061%, 27.5%);
-  --color-warning-800: hsl(44.9197861, 76.32653061%, 22.5%);
-  --color-warning-850: hsl(44.9197861, 76.32653061%, 17.5%);
-  --color-warning-900: hsl(44.9197861, 76.32653061%, 12.5%);
-  --color-warning-950: hsl(44.9197861, 76.32653061%, 7.5%);
-  --color-warning-1000: hsl(44.9197861, 76.32653061%, 2.5%);
+  --color-success-50: hsl(120, 32.03252033%, 97.5%);
+  --color-success-100: hsl(120, 32.03252033%, 92.5%);
+  --color-success-150: hsl(120, 32.03252033%, 87.5%);
+  --color-success-200: hsl(120, 32.03252033%, 82.5%);
+  --color-success-250: hsl(120, 32.03252033%, 77.5%);
+  --color-success-300: hsl(120, 32.03252033%, 72.5%);
+  --color-success-350: hsl(120, 32.03252033%, 67.5%);
+  --color-success-400: hsl(120, 32.03252033%, 62.5%);
+  --color-success-450: hsl(120, 32.03252033%, 57.5%);
+  --color-success-500: hsl(120, 32.03252033%, 52.5%);
+  --color-success-550: hsl(120, 32.03252033%, 47.5%);
+  --color-success-600: hsl(120, 32.03252033%, 42.5%);
+  --color-success-650: hsl(120, 32.03252033%, 37.5%);
+  --color-success-700: hsl(120, 32.03252033%, 32.5%);
+  --color-success-750: hsl(120, 32.03252033%, 27.5%);
+  --color-success-800: hsl(120, 32.03252033%, 22.5%);
+  --color-success-850: hsl(120, 32.03252033%, 17.5%);
+  --color-success-900: hsl(120, 32.03252033%, 12.5%);
+  --color-success-950: hsl(120, 32.03252033%, 7.5%);
+  --color-success-1000: hsl(120, 32.03252033%, 2.5%);
+  --color-warning-0: hsl(0, 0%, 100%);
+  --color-warning-50: hsl(44.9197861, 56.32653061%, 97.5%);
+  --color-warning-100: hsl(44.9197861, 56.32653061%, 92.5%);
+  --color-warning-150: hsl(44.9197861, 56.32653061%, 87.5%);
+  --color-warning-200: hsl(44.9197861, 56.32653061%, 82.5%);
+  --color-warning-250: hsl(44.9197861, 56.32653061%, 77.5%);
+  --color-warning-300: hsl(44.9197861, 56.32653061%, 72.5%);
+  --color-warning-350: hsl(44.9197861, 56.32653061%, 67.5%);
+  --color-warning-400: hsl(44.9197861, 56.32653061%, 62.5%);
+  --color-warning-450: hsl(44.9197861, 56.32653061%, 57.5%);
+  --color-warning-500: hsl(44.9197861, 56.32653061%, 52.5%);
+  --color-warning-550: hsl(44.9197861, 56.32653061%, 47.5%);
+  --color-warning-600: hsl(44.9197861, 56.32653061%, 42.5%);
+  --color-warning-650: hsl(44.9197861, 56.32653061%, 37.5%);
+  --color-warning-700: hsl(44.9197861, 56.32653061%, 32.5%);
+  --color-warning-750: hsl(44.9197861, 56.32653061%, 27.5%);
+  --color-warning-800: hsl(44.9197861, 56.32653061%, 22.5%);
+  --color-warning-850: hsl(44.9197861, 56.32653061%, 17.5%);
+  --color-warning-900: hsl(44.9197861, 56.32653061%, 12.5%);
+  --color-warning-950: hsl(44.9197861, 56.32653061%, 7.5%);
+  --color-warning-1000: hsl(44.9197861, 56.32653061%, 2.5%);
   --color-info-0: hsl(0, 0%, 100%);
-  --color-info-50: hsl(201.03092784, 82.90598291%, 97.5%);
-  --color-info-100: hsl(201.03092784, 82.90598291%, 92.5%);
-  --color-info-150: hsl(201.03092784, 82.90598291%, 87.5%);
-  --color-info-200: hsl(201.03092784, 82.90598291%, 82.5%);
-  --color-info-250: hsl(201.03092784, 82.90598291%, 77.5%);
-  --color-info-300: hsl(201.03092784, 82.90598291%, 72.5%);
-  --color-info-350: hsl(201.03092784, 82.90598291%, 67.5%);
-  --color-info-400: hsl(201.03092784, 82.90598291%, 62.5%);
-  --color-info-450: hsl(201.03092784, 82.90598291%, 57.5%);
-  --color-info-500: hsl(201.03092784, 82.90598291%, 52.5%);
-  --color-info-550: hsl(201.03092784, 82.90598291%, 47.5%);
-  --color-info-600: hsl(201.03092784, 82.90598291%, 42.5%);
-  --color-info-650: hsl(201.03092784, 82.90598291%, 37.5%);
-  --color-info-700: hsl(201.03092784, 82.90598291%, 32.5%);
-  --color-info-750: hsl(201.03092784, 82.90598291%, 27.5%);
-  --color-info-800: hsl(201.03092784, 82.90598291%, 22.5%);
-  --color-info-850: hsl(201.03092784, 82.90598291%, 17.5%);
-  --color-info-900: hsl(201.03092784, 82.90598291%, 12.5%);
-  --color-info-950: hsl(201.03092784, 82.90598291%, 7.5%);
-  --color-info-1000: hsl(201.03092784, 82.90598291%, 2.5%);
+  --color-info-50: hsl(201.03092784, 52.90598291%, 97.5%);
+  --color-info-100: hsl(201.03092784, 52.90598291%, 92.5%);
+  --color-info-150: hsl(201.03092784, 52.90598291%, 87.5%);
+  --color-info-200: hsl(201.03092784, 52.90598291%, 82.5%);
+  --color-info-250: hsl(201.03092784, 52.90598291%, 77.5%);
+  --color-info-300: hsl(201.03092784, 52.90598291%, 72.5%);
+  --color-info-350: hsl(201.03092784, 52.90598291%, 67.5%);
+  --color-info-400: hsl(201.03092784, 52.90598291%, 62.5%);
+  --color-info-450: hsl(201.03092784, 52.90598291%, 57.5%);
+  --color-info-500: hsl(201.03092784, 52.90598291%, 52.5%);
+  --color-info-550: hsl(201.03092784, 52.90598291%, 47.5%);
+  --color-info-600: hsl(201.03092784, 52.90598291%, 42.5%);
+  --color-info-650: hsl(201.03092784, 52.90598291%, 37.5%);
+  --color-info-700: hsl(201.03092784, 52.90598291%, 32.5%);
+  --color-info-750: hsl(201.03092784, 52.90598291%, 27.5%);
+  --color-info-800: hsl(201.03092784, 52.90598291%, 22.5%);
+  --color-info-850: hsl(201.03092784, 52.90598291%, 17.5%);
+  --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, 10.34482759%, 97.5%);
   --color-neutral-100: hsl(60, 10.34482759%, 92.5%);
@@ -569,21 +569,21 @@ a {
   --color-text: var(--color-neutral-800);
   --color-text-muted: var(--color-neutral-550);
   --color-text-faint: var(--color-neutral-300);
-  --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-neutral-600);
+  --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-primary: var(--color-primary-500);
   --color-text-primary-hover: var(--color-primary-550);
   --color-text-primary-active: var(--color-primary-600);
   --color-text-placeholder: rgba(0, 0, 0, 0.3);
   --color-background: var(--color-neutral-50);
   --color-background-raised: white;
-  --color-background-disabled: rgba(0, 0, 0, 0.075);
-  --color-background-info: var(--color-neutral-100);
-  --color-background-error: var(--color-error-100);
-  --color-background-success: var(--color-success-100);
-  --color-background-warning: var(--color-warning-100);
+  --color-background-disabled: rgba(0, 0, 0, 0.05);
+  --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-primary: var(--color-primary-500);
   --color-background-input: white;
   --color-background-listitem-active: var(--color-primary-100);
@@ -601,34 +601,34 @@ a {
 
 html[data-theme='dark'] {
   color-scheme: dark;
-  --color-text: var(--color-neutral-200);
+  --color-text: var(--color-neutral-150);
   --color-text-muted: var(--color-neutral-400);
   --color-text-faint: var(--color-neutral-600);
   --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-error: var(--color-error-200);
-  --color-text-info: var(--color-neutral-200);
-  --color-text-success: var(--color-success-200);
-  --color-text-warning: var(--color-warning-200);
+  --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-950);
   --color-background-raised: var(--color-neutral-900);
   --color-background-disabled: rgba(255, 255, 255, 0.1);
-  --color-background-error: var(--color-error-700);
-  --color-background-info: var(--color-neutral-700);
-  --color-background-success: var(--color-success-700);
-  --color-background-warning: var(--color-warning-700);
+  --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-500);
   --color-background-input: var(--color-neutral-850);
   --color-background-listitem-active: var(--color-primary-850);
   --color-background-listitem-hover: var(--color-neutral-850);
   --color-border: var(--color-neutral-750);
-  --color-border-checkbox: var(--color-neutral-1000);
+  --color-border-checkbox: var(--color-neutral-600);
   --color-border-hover: var(--color-neutral-500);
   --color-border-focus: var(--color-primary-500);
-  --color-border-error: var(--color-neutral-1000);
-  --color-border-warning: var(--color-neutral-1000);
+  --color-border-error: var(--color-error-650);
+  --color-border-warning: var(--color-warning-650);
   --shadow-focus: 0 0 0 2px rgba(255, 116, 15, 0.5);
 }
 
@@ -963,17 +963,17 @@ a {
 ._contentWrapper_109k5_16 {
   border-radius: inherit;
 }
-._wrapper_1kbgw_1 {
+._wrapper_jynuc_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_1kbgw_5 ._wrapper_1kbgw_1 {
+._layer_jynuc_5 ._wrapper_jynuc_1 {
   width: 100%;
 }
-._layerContainer_1kbgw_8 {
+._layerContainer_jynuc_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_1kbgw_5 {
+._layer_jynuc_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -985,98 +985,98 @@ a {
   position: relative;
   overflow-y: auto;
 }
-._layer_1kbgw_5._nested_1kbgw_23 {
+._layer_jynuc_5._nested_jynuc_23 {
   margin: -1px 2px;
 }
-._layer_1kbgw_5 ul {
+._layer_jynuc_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_1kbgw_5 ul li {
+._layer_jynuc_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_1kbgw_35 {
+._fileInput_jynuc_35 {
   width: 100%;
   height: 100%;
   opacity: 0;
   position: absolute;
 }
-._trigger_1kbgw_41 {
+._trigger_jynuc_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_1kbgw_5 ._trigger_1kbgw_41 {
+._layer_jynuc_5 ._trigger_jynuc_41 {
   width: 100%;
 }
-._middleAlignedInline_1kbgw_50 {
+._middleAlignedInline_jynuc_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_1kbgw_56 {
+._heading_jynuc_56 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
 }
-._heading_1kbgw_56 ._headingIcon_1kbgw_62 {
+._heading_jynuc_56 ._headingIcon_jynuc_62 {
   float: right;
 }
-._heading_1kbgw_56 ._headingIcon_1kbgw_62 svg {
+._heading_jynuc_56 ._headingIcon_jynuc_62 svg {
   color: var(--color-text-faint);
 }
-._heading_1kbgw_56 ._headingIcon_1kbgw_62:hover {
+._heading_jynuc_56 ._headingIcon_jynuc_62:hover {
   cursor: pointer;
 }
-._heading_1kbgw_56 ._headingIcon_1kbgw_62:hover svg {
+._heading_jynuc_56 ._headingIcon_jynuc_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_1kbgw_74 {
+._option_jynuc_74 {
   color: inherit;
   display: block;
 }
-._heading_1kbgw_56,
-._option_1kbgw_74,
-._layer_1kbgw_5 ._trigger_1kbgw_41 {
+._heading_jynuc_56,
+._option_jynuc_74,
+._layer_jynuc_5 ._trigger_jynuc_41 {
   padding: var(--padding-input);
 }
-._option_1kbgw_74,
-._layer_1kbgw_5 ._trigger_1kbgw_41 {
+._option_jynuc_74,
+._layer_jynuc_5 ._trigger_jynuc_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_1kbgw_74:hover,
-._layer_1kbgw_5 ._trigger_1kbgw_41:hover,
-._option_1kbgw_74._active_1kbgw_91,
-._layer_1kbgw_5 ._trigger_1kbgw_41._active_1kbgw_91 {
+._option_jynuc_74:hover,
+._layer_jynuc_5 ._trigger_jynuc_41:hover,
+._option_jynuc_74._active_jynuc_91,
+._layer_jynuc_5 ._trigger_jynuc_41._active_jynuc_91 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_1kbgw_74._selected_1kbgw_96 {
+._option_jynuc_74._selected_jynuc_96 {
   background-color: var(--color-background-listitem-active);
   font-weight: bold;
 }
-._layer_1kbgw_5 ._trigger_1kbgw_41 {
+._layer_jynuc_5 ._trigger_jynuc_41 {
   align-items: center;
 }
-._optionContent_1kbgw_103 {
+._optionContent_jynuc_103 {
   flex-wrap: wrap;
   margin-right: auto;
   position: relative;
 }
-._inline_1kbgw_108 ._optionContent_1kbgw_103 {
+._inline_jynuc_108 ._optionContent_jynuc_103 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_1kbgw_113,
-._check_1kbgw_114 {
+._icon_jynuc_113,
+._check_jynuc_114 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1084,78 +1084,79 @@ a {
   justify-content: center;
   align-items: center;
 }
-._icon_1kbgw_113 {
+._icon_jynuc_113 {
   margin-right: var(--spacing-xs);
   color: var(--color-text-primary);
 }
-._icon_1kbgw_113:empty {
+._icon_jynuc_113:empty {
   display: none;
 }
-._icon_1kbgw_113 img {
+._icon_jynuc_113 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_1kbgw_135 {
+._text_jynuc_135 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_1kbgw_140 {
+._label_jynuc_140 {
   margin-right: auto;
 }
-._label_1kbgw_140,
-._heading_1kbgw_56 {
+._label_jynuc_140,
+._heading_jynuc_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_1kbgw_151 {
+._description_jynuc_151 {
   color: #999;
   display: block;
 }
-._arrow_1kbgw_155 {
+._arrow_jynuc_155 {
   margin-left: var(--spacing-xs);
   display: flex;
 }
-._divider_1kbgw_159 {
+._divider_jynuc_159 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_1kbgw_163 {
+._deprecatedSemanticIcon_jynuc_163 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_1kbgw_167 {
+._disabled_jynuc_167 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_1kbgw_172 {
+._buttonLabel_jynuc_172 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
   line-height: 1.2;
 }
-._buttonCaret_1kbgw_179 {
-  margin-left: 5px;
+._buttonCaret_jynuc_179 {
+  display: flex;
+  margin-left: var(--spacing-2xs);
 }
-._component_1kbgw_182 {
+._component_jynuc_183 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_1kbgw_188 {
+._right_jynuc_189 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_1kbgw_193 {
+._actions_jynuc_194 {
   margin-left: var(--spacing-xs);
   display: flex;
   align-items: center;
@@ -1208,86 +1209,88 @@ a {
   transform-origin: 100% 0%;
   z-index: 3;
 }
-._inputInTable_4glow_1 {
+._inputInTable_1aa9x_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_4glow_1:not(:hover) {
+._inputInTable_1aa9x_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_4glow_1:not(:focus) {
+._inputInTable_1aa9x_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_4glow_13 {
+._inputHover_1aa9x_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_4glow_18 {
+._inputFocus_1aa9x_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_4glow_25,
-._inputWarning_4glow_26 {
+._inputError_1aa9x_25,
+._inputWarning_1aa9x_26 {
   position: relative;
 }
-._inputError_4glow_25 {
+._inputError_1aa9x_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_4glow_25:hover {
+._inputError_1aa9x_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_4glow_25:focus {
+._inputError_1aa9x_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_4glow_26 {
+._inputWarning_1aa9x_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_4glow_26:hover {
+._inputWarning_1aa9x_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_4glow_26:focus {
+._inputWarning_1aa9x_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_4glow_61 {
+._inputDisabled_1aa9x_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_4glow_67 {
+._hideScrollbars_1aa9x_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_4glow_67::-webkit-scrollbar {
+._hideScrollbars_1aa9x_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --color-background-button-default: var(--color-neutral-0);
   --color-background-button-default-hover: var(--color-neutral-50);
   --color-background-button-default-active: var(--color-neutral-100);
+  --color-border-button-default-active: var(--color-primary-500);
+  --color-text-button-default-active: var(--color-primary-500);
   --color-background-button-primary: var(--color-primary-500);
   --color-background-button-primary-hover: var(--color-primary-550);
   --color-background-button-primary-active: var(--color-primary-600);
@@ -1304,10 +1307,11 @@ html[data-theme='dark'] {
   --color-background-button-default: var(--color-neutral-700);
   --color-background-button-default-hover: var(--color-neutral-650);
   --color-background-button-default-active: var(--color-neutral-600);
-  --color-border-button: var(--color-border);
-  --color-border-button-hover: var(--color-border);
+  --color-text-button-default-active: white;
+  --color-border-button: rgba(255, 255, 255, 0.1);
+  --color-border-button-hover: rgba(255, 255, 255, 0.15);
 }
-._button_4glow_100 {
+._button_1aa9x_103 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -1333,221 +1337,221 @@ html[data-theme='dark'] {
   min-height: var(--size);
   box-shadow: var(--shadow-button);
 }
-._button_4glow_100:hover {
+._button_1aa9x_103:hover {
   background: var(--color-background-button-default-hover);
   border-color: var(--color-border-button-hover);
 }
-._button_4glow_100:focus {
+._button_1aa9x_103:focus {
   box-shadow: var(--shadow-focus) !important;
 }
-._button_4glow_100:active {
+._button_1aa9x_103:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_4glow_100._active_4glow_137:not(._green_4glow_137):not(._red_4glow_137):not(._orange_4glow_137) {
-  border-color: var(--color-background-button-primary);
-  color: var(--color-text-primary);
+._button_1aa9x_103._active_1aa9x_140:not(._green_1aa9x_140):not(._red_1aa9x_140):not(._orange_1aa9x_140) {
+  border-color: var(--color-border-button-default-active);
+  color: var(--color-text-button-default-active);
   position: relative;
   z-index: 2;
 }
-._button_4glow_100:hover,
-._button_4glow_100:focus,
-._button_4glow_100:active {
+._button_1aa9x_103:hover,
+._button_1aa9x_103:focus,
+._button_1aa9x_103:active {
   position: relative;
   z-index: 1;
 }
-._button_4glow_100 ._icon_4glow_149 {
+._button_1aa9x_103 ._icon_1aa9x_152 {
   margin: -2px;
   margin-right: var(--spacing-xs);
   font-size: 1.25em;
 }
-._iconOnly_4glow_154 {
+._iconOnly_1aa9x_157 {
   width: var(--size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_4glow_154 ._icon_4glow_149 {
+._iconOnly_1aa9x_157 ._icon_1aa9x_152 {
   margin: 0;
   line-height: 0;
 }
-._basic_4glow_164 {
+._basic_1aa9x_167 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_4glow_164._muted_4glow_170 {
+._basic_1aa9x_167._muted_1aa9x_173 {
   color: var(--color-text-muted);
 }
-._basic_4glow_164:hover {
+._basic_1aa9x_167:hover {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-._basic_4glow_164:active,
-._basic_4glow_164._active_4glow_137 {
+._basic_1aa9x_167:active,
+._basic_1aa9x_167._active_1aa9x_140 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-._disabled_4glow_182 {
+._disabled_1aa9x_185 {
   cursor: default;
   pointer-events: none !important;
-  color: var(--color-text-faint) !important;
+  color: var(--color-text-muted) !important;
   box-shadow: none !important;
 }
-._disabled_4glow_182:not(._active_4glow_137):not(._basic_4glow_164) {
+._disabled_1aa9x_185:not(._active_1aa9x_140):not(._basic_1aa9x_167) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_4glow_192 {
+._small_1aa9x_195 {
   font-size: var(--font-size-sm);
   min-height: var(--size-sm);
   padding: var(--padding-input-sm);
 }
-._pill_4glow_197,
-._round_4glow_198 {
+._pill_1aa9x_200,
+._round_1aa9x_201 {
   border-radius: 19px;
   display: inline-flex;
   align-items: center;
 }
-._round_4glow_198 {
+._round_1aa9x_201 {
   padding: 0;
   width: var(--size);
   line-height: 1;
 }
-._round_4glow_198._small_4glow_192 {
+._round_1aa9x_201._small_1aa9x_195 {
   width: var(--size-sm);
 }
-._orange_4glow_137:not(._basic_4glow_164) {
+._orange_1aa9x_140:not(._basic_1aa9x_167) {
   background-color: var(--color-background-button-primary);
 }
-._orange_4glow_137:not(._basic_4glow_164):hover {
+._orange_1aa9x_140:not(._basic_1aa9x_167):hover {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_4glow_137:not(._basic_4glow_164):active,
-._orange_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
+._orange_1aa9x_140:not(._basic_1aa9x_167):active,
+._orange_1aa9x_140:not(._basic_1aa9x_167)._active_1aa9x_140 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_4glow_137:not(._basic_4glow_164) {
+._red_1aa9x_140:not(._basic_1aa9x_167) {
   background-color: var(--color-background-button-error);
 }
-._red_4glow_137:not(._basic_4glow_164):hover {
+._red_1aa9x_140:not(._basic_1aa9x_167):hover {
   background-color: var(--color-background-button-error-hover);
 }
-._red_4glow_137:not(._basic_4glow_164):active,
-._red_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
+._red_1aa9x_140:not(._basic_1aa9x_167):active,
+._red_1aa9x_140:not(._basic_1aa9x_167)._active_1aa9x_140 {
   background-color: var(--color-background-button-error-active);
 }
-._red_4glow_137._basic_4glow_164 {
+._red_1aa9x_140._basic_1aa9x_167 {
   color: var(--color-text-error);
 }
-._green_4glow_137:not(._basic_4glow_164) {
+._green_1aa9x_140:not(._basic_1aa9x_167) {
   background-color: var(--color-background-button-success);
 }
-._green_4glow_137:not(._basic_4glow_164):hover {
+._green_1aa9x_140:not(._basic_1aa9x_167):hover {
   background-color: var(--color-background-button-success-hover);
 }
-._green_4glow_137:not(._basic_4glow_164):active,
-._green_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
+._green_1aa9x_140:not(._basic_1aa9x_167):active,
+._green_1aa9x_140:not(._basic_1aa9x_167)._active_1aa9x_140 {
   background-color: var(--color-background-button-success-active);
 }
-._green_4glow_137._basic_4glow_164 {
+._green_1aa9x_140._basic_1aa9x_167 {
   color: var(--color-text-success);
 }
-._orange_4glow_137:not(._basic_4glow_164),
-._red_4glow_137:not(._basic_4glow_164),
-._green_4glow_137:not(._basic_4glow_164) {
+._orange_1aa9x_140:not(._basic_1aa9x_167),
+._red_1aa9x_140:not(._basic_1aa9x_167),
+._green_1aa9x_140:not(._basic_1aa9x_167) {
   color: #fff;
 }
-._orange_4glow_137:not(._basic_4glow_164):hover,
-._red_4glow_137:not(._basic_4glow_164):hover,
-._green_4glow_137:not(._basic_4glow_164):hover {
+._orange_1aa9x_140:not(._basic_1aa9x_167):hover,
+._red_1aa9x_140:not(._basic_1aa9x_167):hover,
+._green_1aa9x_140:not(._basic_1aa9x_167):hover {
   color: #fff;
 }
-._orange_4glow_137:not(._basic_4glow_164):active,
-._red_4glow_137:not(._basic_4glow_164):active,
-._green_4glow_137:not(._basic_4glow_164):active,
-._orange_4glow_137:not(._basic_4glow_164)._active_4glow_137,
-._red_4glow_137:not(._basic_4glow_164)._active_4glow_137,
-._green_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
+._orange_1aa9x_140:not(._basic_1aa9x_167):active,
+._red_1aa9x_140:not(._basic_1aa9x_167):active,
+._green_1aa9x_140:not(._basic_1aa9x_167):active,
+._orange_1aa9x_140:not(._basic_1aa9x_167)._active_1aa9x_140,
+._red_1aa9x_140:not(._basic_1aa9x_167)._active_1aa9x_140,
+._green_1aa9x_140:not(._basic_1aa9x_167)._active_1aa9x_140 {
   color: #fff;
 }
-._error_4glow_265 {
+._error_1aa9x_268 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._error_4glow_265:hover {
+._error_1aa9x_268:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._error_4glow_265:focus {
+._error_1aa9x_268:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._warning_4glow_282 {
+._warning_1aa9x_285 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._warning_4glow_282:hover {
+._warning_1aa9x_285:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._warning_4glow_282:focus {
+._warning_1aa9x_285:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inverted_4glow_299 {
+._inverted_1aa9x_302 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_4glow_299:hover,
-._inverted_4glow_299:active {
+._inverted_1aa9x_302:hover,
+._inverted_1aa9x_302:active {
   box-shadow: none;
 }
-._inverted_4glow_299._orange_4glow_137 {
+._inverted_1aa9x_302._orange_1aa9x_140 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_4glow_299._red_4glow_137 {
+._inverted_1aa9x_302._red_1aa9x_140 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_4glow_299._green_4glow_137 {
+._inverted_1aa9x_302._green_1aa9x_140 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_4glow_299._orange_4glow_137:hover,
-._inverted_4glow_299._red_4glow_137:hover,
-._inverted_4glow_299._green_4glow_137:hover,
-._inverted_4glow_299._orange_4glow_137:active,
-._inverted_4glow_299._red_4glow_137:active,
-._inverted_4glow_299._green_4glow_137:active {
+._inverted_1aa9x_302._orange_1aa9x_140:hover,
+._inverted_1aa9x_302._red_1aa9x_140:hover,
+._inverted_1aa9x_302._green_1aa9x_140:hover,
+._inverted_1aa9x_302._orange_1aa9x_140:active,
+._inverted_1aa9x_302._red_1aa9x_140:active,
+._inverted_1aa9x_302._green_1aa9x_140:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_4glow_329,
-._groupOrderMiddle_4glow_330,
-._groupOrderLast_4glow_331 {
+._groupOrderFirst_1aa9x_332,
+._groupOrderMiddle_1aa9x_333,
+._groupOrderLast_1aa9x_334 {
   margin-right: 0;
 }
-._groupOrderFirst_4glow_329,
-._groupOrderMiddle_4glow_330 {
+._groupOrderFirst_1aa9x_332,
+._groupOrderMiddle_1aa9x_333 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_4glow_331,
-._groupOrderMiddle_4glow_330 {
+._groupOrderLast_1aa9x_334,
+._groupOrderMiddle_1aa9x_333 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -2772,89 +2776,89 @@ html[data-theme='dark'] {
 ._details_cvm5e_53 {
   margin-top: var(--spacing-xs);
 }
-._inputInTable_17o1r_1 {
+._inputInTable_1k0ge_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_17o1r_1:not(:hover) {
+._inputInTable_1k0ge_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_17o1r_1:not(:focus) {
+._inputInTable_1k0ge_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_17o1r_13 {
+._inputHover_1k0ge_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_17o1r_18 {
+._inputFocus_1k0ge_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_17o1r_25,
-._inputWarning_17o1r_26 {
+._inputError_1k0ge_25,
+._inputWarning_1k0ge_26 {
   position: relative;
 }
-._inputError_17o1r_25 {
+._inputError_1k0ge_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_17o1r_25:hover {
+._inputError_1k0ge_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_17o1r_25:focus {
+._inputError_1k0ge_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_17o1r_26 {
+._inputWarning_1k0ge_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_17o1r_26:hover {
+._inputWarning_1k0ge_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_17o1r_26:focus {
+._inputWarning_1k0ge_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_17o1r_61 {
+._inputDisabled_1k0ge_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_17o1r_67 {
+._hideScrollbars_1k0ge_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_17o1r_67::-webkit-scrollbar {
+._hideScrollbars_1k0ge_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --color-border-message: rgba(0, 0, 0, 0.1);
 }
 html[data-theme='dark'] {
-  --color-border-message: transparent;
+  --color-border-message: rgba(255, 255, 255, 0.1);
 }
-._container_17o1r_83 {
+._container_1k0ge_83 {
   padding: var(--padding-card);
   border-radius: var(--border-radius);
   display: inline-flex;
@@ -2869,75 +2873,77 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._container_17o1r_83::-webkit-scrollbar {
+._container_1k0ge_83::-webkit-scrollbar {
   display: none;
 }
-._container_17o1r_83._block_17o1r_101 {
+._container_1k0ge_83._block_1k0ge_101 {
   display: flex;
 }
-._container_17o1r_83._info_17o1r_104 {
+._container_1k0ge_83._info_1k0ge_104 {
   color: var(--color-text-info);
   background-color: var(--color-background-info);
 }
-._container_17o1r_83._success_17o1r_108 {
+._container_1k0ge_83._success_1k0ge_108 {
   color: var(--color-text-success);
   background-color: var(--color-background-success);
 }
-._container_17o1r_83._warning_17o1r_112 {
+._container_1k0ge_83._warning_1k0ge_112 {
   color: var(--color-text-warning);
   background-color: var(--color-background-warning);
 }
-._container_17o1r_83._error_17o1r_116 {
+._container_1k0ge_83._error_1k0ge_116 {
   color: var(--color-text-error);
   background-color: var(--color-background-error);
 }
-._content_17o1r_120 {
+._content_1k0ge_120 {
   flex: 1;
   min-width: 0;
 }
-._heading_17o1r_124 {
+._heading_1k0ge_124 {
   font-weight: bold;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
   line-height: var(--line-height);
 }
-._icon_17o1r_131 {
+._icon_1k0ge_131 {
   display: flex;
   justify-content: center;
   align-items: center;
-  height: var(--size-sm);
+  height: var(--line-height);
   margin-right: 12px;
-  margin-top: -2px;
+  font-size: 18px;
 }
-._dismiss_17o1r_139 {
+._dismiss_1k0ge_139 {
   margin-left: 12px;
   color: var(--color-text);
 }
-._dismiss_17o1r_139._absolute_17o1r_143 {
+._dismiss_1k0ge_139._absolute_1k0ge_143 {
   position: absolute;
   top: var(--spacing-xs);
   right: var(--spacing-sm);
 }
-._dismiss_17o1r_139 {
+._dismiss_1k0ge_139 {
+  display: flex;
   margin-top: -2px;
+  margin-bottom: -2px;
   margin-right: -6px;
 }
-._legendToggle_17o1r_152 {
+._legendToggle_1k0ge_154 {
   opacity: 0.6;
 }
-._legendToggle_17o1r_152:hover {
+._legendToggle_1k0ge_154:hover {
   opacity: 0.8;
   cursor: pointer;
 }
-._legendToggle_17o1r_152:active {
+._legendToggle_1k0ge_154:active {
   opacity: 1;
 }
-._detailsText_17o1r_162 {
+._detailsText_1k0ge_164 {
   margin-top: var(--spacing);
   word-break: break-word;
 }
-._footer_17o1r_166 {
+._footer_1k0ge_168 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-sm);
@@ -9041,80 +9047,80 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._inputInTable_179we_1 {
+._inputInTable_7al02_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_179we_1:not(:hover) {
+._inputInTable_7al02_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_179we_1:not(:focus) {
+._inputInTable_7al02_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_179we_13 {
+._inputHover_7al02_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_179we_18 {
+._inputFocus_7al02_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_179we_25,
-._inputWarning_179we_26 {
+._inputError_7al02_25,
+._inputWarning_7al02_26 {
   position: relative;
 }
-._inputError_179we_25 {
+._inputError_7al02_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_179we_25:hover {
+._inputError_7al02_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_179we_25:focus {
+._inputError_7al02_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_179we_26 {
+._inputWarning_7al02_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_179we_26:hover {
+._inputWarning_7al02_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_179we_26:focus {
+._inputWarning_7al02_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_179we_61 {
+._inputDisabled_7al02_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_179we_67 {
+._hideScrollbars_7al02_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_179we_67::-webkit-scrollbar {
+._hideScrollbars_7al02_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9125,9 +9131,9 @@ button:active .remirror-menu-pane-shortcut,
 html[data-theme='dark'] {
   --color-background-table-header: var(--color-neutral-750);
   --color-background-table-row-tinted: var(--color-neutral-850);
-  --color-border-table: black;
+  --color-border-table: var(--color-neutral-700);
 }
-._wrapper_179we_87 {
+._wrapper_7al02_87 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9135,21 +9141,21 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_179we_87._bordered_179we_95 {
+._wrapper_7al02_87._bordered_7al02_95 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border-table);
 }
-._scroll_179we_99 {
+._scroll_7al02_99 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_179we_99:not(:first-child) {
+._scroll_7al02_99:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_179we_109 {
+._table_7al02_109 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9157,32 +9163,32 @@ html[data-theme='dark'] {
   border-radius: inherit;
   width: 100%;
 }
-._table_179we_109 > :first-child {
+._table_7al02_109 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_179we_109 > :first-child > :first-child {
+._table_7al02_109 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_179we_109 > :first-child > :first-child > :first-child {
+._table_7al02_109 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_179we_109 > :first-child > :first-child > :last-child {
+._table_7al02_109 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_179we_109 > :last-child {
+._table_7al02_109 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_179we_109 > :last-child > :last-child {
+._table_7al02_109 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_179we_109 > :last-child > :last-child > :first-child {
+._table_7al02_109 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_179we_109 > :last-child > :last-child > :last-child {
+._table_7al02_109 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -9199,10 +9205,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_179we_109 > *:not(:last-child) > tr th,
-._table_179we_109 > *:not(:last-child) > tr td,
-._table_179we_109 > *:last-child > tr:not(:last-child) th,
-._table_179we_109 > *:last-child > tr:not(:last-child) td {
+._table_7al02_109 > *:not(:last-child) > tr th,
+._table_7al02_109 > *:not(:last-child) > tr td,
+._table_7al02_109 > *:last-child > tr:not(:last-child) th,
+._table_7al02_109 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9229,7 +9235,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_179we_189 tbody tr:nth-child(even) {
+._striped_7al02_189 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
 ._title_1vehb_1 {