@dxos/react-ui-editor 0.3.9-main.d5f3fd3 → 0.3.9-main.de60860

package/src/components/TextEditor/theme.ts

@@ -0,0 +1,35 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import get from 'lodash.get';
+import { type StyleSpec } from 'style-mod';
+
+import { tailwindConfig, type TailwindConfig } from '@dxos/react-ui-theme';
+
+const tokens: TailwindConfig['theme'] = tailwindConfig({}).theme;
+
+/**
+ * Minimal styles.
+ * https://codemirror.net/examples/styling
+ */
+// TODO(burdon): If given a "theme" suffix, `__docgen` properties are added to the object.
+export const defaultStyles: {
+  [selector: string]: StyleSpec;
+} = {
+  '&.cm-focused': {
+    outline: 'none',
+  },
+  '.cm-scroller': {
+    fontFamily: get(tokens, 'fontFamily.body', []).join(','),
+    overflow: 'visible',
+  },
+  '.cm-tooltip': {
+    backgroundColor: 'transparent',
+    border: 'none',
+  },
+  '.cm-link': {
+    color: get(tokens, 'extend.colors.primary.500'),
+    textDecoration: 'underline',
+  },
+};

package/src/components/index.ts

@@ -5,3 +5,4 @@
 export * from './Editor';
 export * from './Markdown';
 export * from './RichText';
+export * from './TextEditor';