@dxos/react-ui-editor 0.7.5-labs.a279d8c → 0.7.5-labs.c0e040f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -73,7 +73,7 @@ class CheckboxWidget extends WidgetType {
73
73
 
74
74
  override toDOM(view: EditorView) {
75
75
  const input = document.createElement('input');
76
- input.className = 'cm-task-checkbox ch-checkbox';
76
+ input.className = 'cm-task-checkbox dx-checkbox';
77
77
  input.type = 'checkbox';
78
78
  input.tabIndex = -1;
79
79
  input.checked = this._checked;
@@ -13,7 +13,7 @@ const headings: Record<HeadingLevel, string> = {
13
13
  3: 'text-2xl',
14
14
  4: 'text-xl',
15
15
  5: 'text-lg',
16
- 6: 'text-md',
16
+ 6: '', // TODO(burdon): Should be text-base, but that's a color in our system.
17
17
  };
18
18
 
19
19
  export const theme = {
@@ -6,7 +6,7 @@ import { mx } from '@dxos/react-ui-theme';
6
6
 
7
7
  export const stackItemContentEditorClassNames = (role?: string) =>
8
8
  mx(
9
- 'ch-focus-ring-inset data-[toolbar=disabled]:pbs-2 attention-surface',
9
+ 'dx-focus-ring-inset data-[toolbar=disabled]:pbs-2 attention-surface',
10
10
  role === 'article' ? 'min-bs-0' : '[&_.cm-scroller]:overflow-hidden [&_.cm-scroller]:min-bs-24',
11
11
  );
12
12
 
@@ -71,11 +71,10 @@ export const defaultTheme: ThemeStyles = {
71
71
  /**
72
72
  * Gutters
73
73
  * NOTE: Gutters should have the same top margin as the content.
74
- * NOTE: They can't be transparent since the content needs to scroll below.
75
74
  */
76
75
  '.cm-gutters': {
77
- background: 'var(--surface-bg)',
78
76
  borderRight: 'none',
77
+ background: 'transparent',
79
78
  },
80
79
  '.cm-gutter': {},
81
80
  '.cm-gutter.cm-lineNumbers .cm-gutterElement': {
@@ -149,7 +148,7 @@ export const defaultTheme: ThemeStyles = {
149
148
  * Tooltip.
150
149
  */
151
150
  '.cm-tooltip': {
152
- background: 'var(--dx-base)',
151
+ background: 'var(--dx-baseSurface)',
153
152
  },
154
153
  '.cm-tooltip-below': {},
155
154