@dxos/react-ui-editor 0.7.5-feature-compute.4d9d99a → 0.7.5-labs.401163d

package/src/extensions/markdown/decorate.ts

@@ -73,7 +73,7 @@ class CheckboxWidget extends WidgetType {
 
   override toDOM(view: EditorView) {
     const input = document.createElement('input');
-    input.className = 'cm-task-checkbox ch-checkbox';
+    input.className = 'cm-task-checkbox dx-checkbox';
     input.type = 'checkbox';
     input.tabIndex = -1;
     input.checked = this._checked;

package/src/extensions/markdown/formatting.test.ts

@@ -182,12 +182,13 @@ describe('removeStyle', () => {
 
   testCommand('can remove code style', 'a `{variable}`', code, 'a {variable}');
 
-  testCommand(
-    'can remove emphasis across multiple blocks',
-    '{*one*\n\n# *two*\n\n> 1. *three} four*\n',
-    em,
-    '{one\n\n# two\n\n> 1. three} *four*\n',
-  );
+  // TODO(dmaretskyi): Flaky on CI: https://cloud.nx.app/runs/0byxg4Uq5G/task/react-ui-editor%3Atest
+  // testCommand(
+  //   'can remove emphasis across multiple blocks',
+  //   '{*one*\n\n# *two*\n\n> 1. *three} four*\n',
+  //   em,
+  //   '{one\n\n# two\n\n> 1. three} *four*\n',
+  // );
 
   testCommand('can shrink existing styles', '*one {two three} four*', em, '*one* {two three} *four*');
 

package/src/styles/markdown.ts

@@ -13,7 +13,7 @@ const headings: Record<HeadingLevel, string> = {
   3: 'text-2xl',
   4: 'text-xl',
   5: 'text-lg',
-  6: 'text-md',
+  6: '', // TODO(burdon): Should be text-base, but that's a color in our system.
 };
 
 export const theme = {

package/src/styles/stack-item-content-class-names.ts

@@ -6,7 +6,7 @@ import { mx } from '@dxos/react-ui-theme';
 
 export const stackItemContentEditorClassNames = (role?: string) =>
   mx(
-    'ch-focus-ring-inset data-[toolbar=disabled]:pbs-2 attention-surface',
+    'dx-focus-ring-inset data-[toolbar=disabled]:pbs-2 attention-surface',
     role === 'article' ? 'min-bs-0' : '[&_.cm-scroller]:overflow-hidden [&_.cm-scroller]:min-bs-24',
   );
 

package/src/styles/theme.ts

@@ -71,11 +71,10 @@ export const defaultTheme: ThemeStyles = {
   /**
    * Gutters
    * NOTE: Gutters should have the same top margin as the content.
-   * NOTE: They can't be transparent since the content needs to scroll below.
    */
   '.cm-gutters': {
-    background: 'var(--surface-bg)',
     borderRight: 'none',
+    background: 'transparent',
   },
   '.cm-gutter': {},
   '.cm-gutter.cm-lineNumbers .cm-gutterElement': {
@@ -149,7 +148,7 @@ export const defaultTheme: ThemeStyles = {
    * Tooltip.
    */
   '.cm-tooltip': {
-    background: 'var(--dx-base)',
+    background: 'var(--dx-baseSurface)',
   },
   '.cm-tooltip-below': {},