@uiw/codemirror-themes 4.19.10 → 4.19.12

package/cjs/index.d.ts

@@ -12,7 +12,7 @@ export interface CreateThemeOptions {
     /** Syntax highlighting styles. */
     styles: TagStyle[];
 }
-declare type Theme = 'light' | 'dark';
+type Theme = 'light' | 'dark';
 export interface Settings {
     /** Editor background. */
     background?: string;

package/cjs/index.js

@@ -77,5 +77,4 @@ var createTheme = function createTheme(_ref) {
 };
 exports.createTheme = createTheme;
 var _default = createTheme;
-exports["default"] = _default;
-//# sourceMappingURL=index.js.map
+exports["default"] = _default;

package/esm/index.d.ts

@@ -12,7 +12,7 @@ export interface CreateThemeOptions {
     /** Syntax highlighting styles. */
     styles: TagStyle[];
 }
-declare type Theme = 'light' | 'dark';
+type Theme = 'light' | 'dark';
 export interface Settings {
     /** Editor background. */
     background?: string;

package/esm/index.js

@@ -69,5 +69,4 @@ export var createTheme = _ref => {
   var extension = [themeExtension, syntaxHighlighting(highlightStyle)];
   return extension;
 };
-export default createTheme;
-//# sourceMappingURL=index.js.map
+export default createTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/codemirror-themes",
-  "version": "4.19.10",
+  "version": "4.19.12",
   "description": "Themes for CodeMirror.",
   "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/doc",
   "author": "kenny wong <wowohoo@qq.com>",
@@ -8,8 +8,8 @@
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "scripts": {
-    "watch": "tsbb watch",
-    "build": "tsbb build"
+    "watch": "tsbb watch src/*.tsx --use-babel",
+    "build": "tsbb build src/*.tsx --use-babel"
   },
   "repository": {
     "type": "git",

package/cjs/index.js.map

@@ -1,51 +0,0 @@
-{
-  "version": 3,
-  "names": [
-    "_view",
-    "require",
-    "_language",
-    "createTheme",
-    "_ref",
-    "theme",
-    "_ref$settings",
-    "settings",
-    "_ref$styles",
-    "styles",
-    "themeOptions",
-    "baseStyle",
-    "background",
-    "backgroundColor",
-    "foreground",
-    "color",
-    "fontFamily",
-    "gutterBackground",
-    "gutterForeground",
-    "gutterBorder",
-    "borderRightColor",
-    "caret",
-    "caretColor",
-    "borderLeftColor",
-    "activeLineGutterStyle",
-    "gutterActiveForeground",
-    "lineHighlight",
-    "selection",
-    "selectionMatch",
-    "themeExtension",
-    "EditorView",
-    "dark",
-    "highlightStyle",
-    "HighlightStyle",
-    "define",
-    "extension",
-    "syntaxHighlighting",
-    "exports",
-    "_default"
-  ],
-  "sources": [
-    "../src/index.tsx"
-  ],
-  "sourcesContent": [
-    "import { EditorView } from '@codemirror/view';\nimport { Extension } from '@codemirror/state';\nimport { HighlightStyle, TagStyle, syntaxHighlighting } from '@codemirror/language';\nimport { StyleSpec } from 'style-mod';\n\nexport interface CreateThemeOptions {\n  /**\n   * Theme inheritance. Determines which styles CodeMirror will apply by default.\n   */\n  theme: Theme;\n  /**\n   * Settings to customize the look of the editor, like background, gutter, selection and others.\n   */\n  settings: Settings;\n  /** Syntax highlighting styles. */\n  styles: TagStyle[];\n}\n\ntype Theme = 'light' | 'dark';\n\nexport interface Settings {\n  /** Editor background. */\n  background?: string;\n  /** Default text color. */\n  foreground?: string;\n  /** Caret color. */\n  caret?: string;\n  /** Selection background. */\n  selection?: string;\n  /** Selection match background. */\n  selectionMatch?: string;\n  /** Background of highlighted lines. */\n  lineHighlight?: string;\n  /** Gutter background. */\n  gutterBackground?: string;\n  /** Text color inside gutter. */\n  gutterForeground?: string;\n  /** Text active color inside gutter. */\n  gutterActiveForeground?: string;\n  /** Gutter right border color. */\n  gutterBorder?: string;\n  /** set editor font */\n  fontFamily?: string;\n}\n\nexport const createTheme = ({ theme, settings = {}, styles = [] }: CreateThemeOptions): Extension => {\n  const themeOptions: Record<string, StyleSpec> = {\n    '.cm-gutters': {},\n  };\n  const baseStyle: StyleSpec = {};\n  if (settings.background) {\n    baseStyle.backgroundColor = settings.background;\n  }\n  if (settings.foreground) {\n    baseStyle.color = settings.foreground;\n  }\n  if (settings.background || settings.foreground) {\n    themeOptions['&'] = baseStyle;\n  }\n\n  if (settings.fontFamily) {\n    themeOptions['&.cm-editor .cm-scroller'] = {\n      fontFamily: settings.fontFamily,\n    };\n  }\n  if (settings.gutterBackground) {\n    themeOptions['.cm-gutters'].backgroundColor = settings.gutterBackground;\n  }\n  if (settings.gutterForeground) {\n    themeOptions['.cm-gutters'].color = settings.gutterForeground;\n  }\n  if (settings.gutterBorder) {\n    themeOptions['.cm-gutters'].borderRightColor = settings.gutterBorder;\n  }\n\n  if (settings.caret) {\n    themeOptions['.cm-content'] = {\n      caretColor: settings.caret,\n    };\n    themeOptions['.cm-cursor, .cm-dropCursor'] = {\n      borderLeftColor: settings.caret,\n    };\n  }\n  let activeLineGutterStyle: StyleSpec = {};\n  if (settings.gutterActiveForeground) {\n    activeLineGutterStyle.color = settings.gutterActiveForeground;\n  }\n  if (settings.lineHighlight) {\n    themeOptions['.cm-activeLine'] = {\n      backgroundColor: settings.lineHighlight,\n    };\n    activeLineGutterStyle.backgroundColor = settings.lineHighlight;\n  }\n  themeOptions['.cm-activeLineGutter'] = activeLineGutterStyle;\n\n  if (settings.selection) {\n    themeOptions[\n      '&.cm-focused .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection'\n    ] = {\n      backgroundColor: settings.selection,\n    };\n  }\n  if (settings.selectionMatch) {\n    themeOptions['& .cm-selectionMatch'] = {\n      backgroundColor: settings.selectionMatch,\n    };\n  }\n  const themeExtension = EditorView.theme(themeOptions, {\n    dark: theme === 'dark',\n  });\n\n  const highlightStyle = HighlightStyle.define(styles);\n  const extension = [themeExtension, syntaxHighlighting(highlightStyle)];\n\n  return extension;\n};\n\nexport default createTheme;\n"
-  ],
-  "mappings": "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"
-}

package/esm/index.js.map

@@ -1,44 +0,0 @@
-{
-  "version": 3,
-  "names": [
-    "EditorView",
-    "HighlightStyle",
-    "syntaxHighlighting",
-    "createTheme",
-    "_ref",
-    "theme",
-    "settings",
-    "styles",
-    "themeOptions",
-    "baseStyle",
-    "background",
-    "backgroundColor",
-    "foreground",
-    "color",
-    "fontFamily",
-    "gutterBackground",
-    "gutterForeground",
-    "gutterBorder",
-    "borderRightColor",
-    "caret",
-    "caretColor",
-    "borderLeftColor",
-    "activeLineGutterStyle",
-    "gutterActiveForeground",
-    "lineHighlight",
-    "selection",
-    "selectionMatch",
-    "themeExtension",
-    "dark",
-    "highlightStyle",
-    "define",
-    "extension"
-  ],
-  "sources": [
-    "../src/index.tsx"
-  ],
-  "sourcesContent": [
-    "import { EditorView } from '@codemirror/view';\nimport { Extension } from '@codemirror/state';\nimport { HighlightStyle, TagStyle, syntaxHighlighting } from '@codemirror/language';\nimport { StyleSpec } from 'style-mod';\n\nexport interface CreateThemeOptions {\n  /**\n   * Theme inheritance. Determines which styles CodeMirror will apply by default.\n   */\n  theme: Theme;\n  /**\n   * Settings to customize the look of the editor, like background, gutter, selection and others.\n   */\n  settings: Settings;\n  /** Syntax highlighting styles. */\n  styles: TagStyle[];\n}\n\ntype Theme = 'light' | 'dark';\n\nexport interface Settings {\n  /** Editor background. */\n  background?: string;\n  /** Default text color. */\n  foreground?: string;\n  /** Caret color. */\n  caret?: string;\n  /** Selection background. */\n  selection?: string;\n  /** Selection match background. */\n  selectionMatch?: string;\n  /** Background of highlighted lines. */\n  lineHighlight?: string;\n  /** Gutter background. */\n  gutterBackground?: string;\n  /** Text color inside gutter. */\n  gutterForeground?: string;\n  /** Text active color inside gutter. */\n  gutterActiveForeground?: string;\n  /** Gutter right border color. */\n  gutterBorder?: string;\n  /** set editor font */\n  fontFamily?: string;\n}\n\nexport const createTheme = ({ theme, settings = {}, styles = [] }: CreateThemeOptions): Extension => {\n  const themeOptions: Record<string, StyleSpec> = {\n    '.cm-gutters': {},\n  };\n  const baseStyle: StyleSpec = {};\n  if (settings.background) {\n    baseStyle.backgroundColor = settings.background;\n  }\n  if (settings.foreground) {\n    baseStyle.color = settings.foreground;\n  }\n  if (settings.background || settings.foreground) {\n    themeOptions['&'] = baseStyle;\n  }\n\n  if (settings.fontFamily) {\n    themeOptions['&.cm-editor .cm-scroller'] = {\n      fontFamily: settings.fontFamily,\n    };\n  }\n  if (settings.gutterBackground) {\n    themeOptions['.cm-gutters'].backgroundColor = settings.gutterBackground;\n  }\n  if (settings.gutterForeground) {\n    themeOptions['.cm-gutters'].color = settings.gutterForeground;\n  }\n  if (settings.gutterBorder) {\n    themeOptions['.cm-gutters'].borderRightColor = settings.gutterBorder;\n  }\n\n  if (settings.caret) {\n    themeOptions['.cm-content'] = {\n      caretColor: settings.caret,\n    };\n    themeOptions['.cm-cursor, .cm-dropCursor'] = {\n      borderLeftColor: settings.caret,\n    };\n  }\n  let activeLineGutterStyle: StyleSpec = {};\n  if (settings.gutterActiveForeground) {\n    activeLineGutterStyle.color = settings.gutterActiveForeground;\n  }\n  if (settings.lineHighlight) {\n    themeOptions['.cm-activeLine'] = {\n      backgroundColor: settings.lineHighlight,\n    };\n    activeLineGutterStyle.backgroundColor = settings.lineHighlight;\n  }\n  themeOptions['.cm-activeLineGutter'] = activeLineGutterStyle;\n\n  if (settings.selection) {\n    themeOptions[\n      '&.cm-focused .cm-selectionBackground, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection'\n    ] = {\n      backgroundColor: settings.selection,\n    };\n  }\n  if (settings.selectionMatch) {\n    themeOptions['& .cm-selectionMatch'] = {\n      backgroundColor: settings.selectionMatch,\n    };\n  }\n  const themeExtension = EditorView.theme(themeOptions, {\n    dark: theme === 'dark',\n  });\n\n  const highlightStyle = HighlightStyle.define(styles);\n  const extension = [themeExtension, syntaxHighlighting(highlightStyle)];\n\n  return extension;\n};\n\nexport default createTheme;\n"
-  ],
-  "mappings": "AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,cAAc,EAAYC,kBAAkB,QAAQ,sBAAsB;AA2CnF,OAAO,IAAMC,WAAW,GAAGC,IAAA,IAA0E;EAAA,IAAzE;IAAEC,KAAK;IAAEC,QAAQ,GAAG,CAAC,CAAC;IAAEC,MAAM,GAAG;EAAuB,CAAC,GAAAH,IAAA;EACnF,IAAMI,YAAuC,GAAG;IAC9C,aAAa,EAAE,CAAC;EAClB,CAAC;EACD,IAAMC,SAAoB,GAAG,CAAC,CAAC;EAC/B,IAAIH,QAAQ,CAACI,UAAU,EAAE;IACvBD,SAAS,CAACE,eAAe,GAAGL,QAAQ,CAACI,UAAU;EACjD;EACA,IAAIJ,QAAQ,CAACM,UAAU,EAAE;IACvBH,SAAS,CAACI,KAAK,GAAGP,QAAQ,CAACM,UAAU;EACvC;EACA,IAAIN,QAAQ,CAACI,UAAU,IAAIJ,QAAQ,CAACM,UAAU,EAAE;IAC9CJ,YAAY,CAAC,GAAG,CAAC,GAAGC,SAAS;EAC/B;EAEA,IAAIH,QAAQ,CAACQ,UAAU,EAAE;IACvBN,YAAY,CAAC,0BAA0B,CAAC,GAAG;MACzCM,UAAU,EAAER,QAAQ,CAACQ;IACvB,CAAC;EACH;EACA,IAAIR,QAAQ,CAACS,gBAAgB,EAAE;IAC7BP,YAAY,CAAC,aAAa,CAAC,CAACG,eAAe,GAAGL,QAAQ,CAACS,gBAAgB;EACzE;EACA,IAAIT,QAAQ,CAACU,gBAAgB,EAAE;IAC7BR,YAAY,CAAC,aAAa,CAAC,CAACK,KAAK,GAAGP,QAAQ,CAACU,gBAAgB;EAC/D;EACA,IAAIV,QAAQ,CAACW,YAAY,EAAE;IACzBT,YAAY,CAAC,aAAa,CAAC,CAACU,gBAAgB,GAAGZ,QAAQ,CAACW,YAAY;EACtE;EAEA,IAAIX,QAAQ,CAACa,KAAK,EAAE;IAClBX,YAAY,CAAC,aAAa,CAAC,GAAG;MAC5BY,UAAU,EAAEd,QAAQ,CAACa;IACvB,CAAC;IACDX,YAAY,CAAC,4BAA4B,CAAC,GAAG;MAC3Ca,eAAe,EAAEf,QAAQ,CAACa;IAC5B,CAAC;EACH;EACA,IAAIG,qBAAgC,GAAG,CAAC,CAAC;EACzC,IAAIhB,QAAQ,CAACiB,sBAAsB,EAAE;IACnCD,qBAAqB,CAACT,KAAK,GAAGP,QAAQ,CAACiB,sBAAsB;EAC/D;EACA,IAAIjB,QAAQ,CAACkB,aAAa,EAAE;IAC1BhB,YAAY,CAAC,gBAAgB,CAAC,GAAG;MAC/BG,eAAe,EAAEL,QAAQ,CAACkB;IAC5B,CAAC;IACDF,qBAAqB,CAACX,eAAe,GAAGL,QAAQ,CAACkB,aAAa;EAChE;EACAhB,YAAY,CAAC,sBAAsB,CAAC,GAAGc,qBAAqB;EAE5D,IAAIhB,QAAQ,CAACmB,SAAS,EAAE;IACtBjB,YAAY,CACV,6GAA6G,CAC9G,GAAG;MACFG,eAAe,EAAEL,QAAQ,CAACmB;IAC5B,CAAC;EACH;EACA,IAAInB,QAAQ,CAACoB,cAAc,EAAE;IAC3BlB,YAAY,CAAC,sBAAsB,CAAC,GAAG;MACrCG,eAAe,EAAEL,QAAQ,CAACoB;IAC5B,CAAC;EACH;EACA,IAAMC,cAAc,GAAG3B,UAAU,CAACK,KAAK,CAACG,YAAY,EAAE;IACpDoB,IAAI,EAAEvB,KAAK,KAAK;EAClB,CAAC,CAAC;EAEF,IAAMwB,cAAc,GAAG5B,cAAc,CAAC6B,MAAM,CAACvB,MAAM,CAAC;EACpD,IAAMwB,SAAS,GAAG,CAACJ,cAAc,EAAEzB,kBAAkB,CAAC2B,cAAc,CAAC,CAAC;EAEtE,OAAOE,SAAS;AAClB,CAAC;AAED,eAAe5B,WAAW"
-}