@softwarity/geojson-editor 1.0.24 → 1.0.26

package/themes/github.css

@@ -0,0 +1,43 @@
+/**
+ * GitHub Theme for @softwarity/geojson-editor
+ *
+ * Clean theme inspired by GitHub's code styling.
+ *
+ * Usage:
+ *   <link rel="stylesheet" href="themes/github.css">
+ *   <geojson-editor></geojson-editor>
+ */
+
+:root {
+  /* Editor background and text */
+  --geojson-editor-bg-color: light-dark(#ffffff, #0d1117);
+  --geojson-editor-text-color: light-dark(#24292f, #c9d1d9);
+  --geojson-editor-caret-color: light-dark(#24292f, #c9d1d9);
+
+  /* Gutter (line numbers area) */
+  --geojson-editor-gutter-bg: light-dark(#f6f8fa, #161b22);
+  --geojson-editor-gutter-border: light-dark(#d0d7de, #30363d);
+  --geojson-editor-gutter-text: light-dark(#8c959f, #6e7681);
+
+  /* JSON syntax highlighting */
+  --geojson-editor-json-key: light-dark(#0550ae, #79c0ff);
+  --geojson-editor-json-string: light-dark(#0a3069, #a5d6ff);
+  --geojson-editor-json-number: light-dark(#0550ae, #79c0ff);
+  --geojson-editor-json-boolean: light-dark(#cf222e, #ff7b72);
+  --geojson-editor-json-punct: light-dark(#24292f, #c9d1d9);
+  --geojson-editor-json-error: light-dark(#cf222e, #ff7b72);
+
+  /* GeoJSON-specific */
+  --geojson-editor-geojson-key: light-dark(#8250df, #d2a8ff);
+  --geojson-editor-geojson-type: light-dark(#116329, #7ee787);
+  --geojson-editor-geojson-type-invalid: light-dark(#cf222e, #ff7b72);
+
+  /* Controls (checkboxes, color swatches) */
+  --geojson-editor-control-color: light-dark(#0550ae, #79c0ff);
+  --geojson-editor-control-bg: light-dark(#f6f8fa, #21262d);
+  --geojson-editor-control-border: light-dark(#d0d7de, #30363d);
+
+  /* Selection and errors */
+  --geojson-editor-selection-color: light-dark(rgba(5, 80, 174, 0.2), rgba(56, 139, 253, 0.3));
+  --geojson-editor-error-color: light-dark(#cf222e, #ff7b72);
+}

package/themes/monokai.css

@@ -0,0 +1,43 @@
+/**
+ * Monokai Theme for @softwarity/geojson-editor
+ *
+ * Classic dark theme inspired by Monokai color scheme.
+ *
+ * Usage:
+ *   <link rel="stylesheet" href="themes/monokai.css">
+ *   <geojson-editor></geojson-editor>
+ */
+
+:root {
+  /* Editor background and text */
+  --geojson-editor-bg-color: light-dark(#fafafa, #272822);
+  --geojson-editor-text-color: light-dark(#49483e, #f8f8f2);
+  --geojson-editor-caret-color: light-dark(#49483e, #f8f8f0);
+
+  /* Gutter (line numbers area) */
+  --geojson-editor-gutter-bg: light-dark(#f0f0f0, #3e3d32);
+  --geojson-editor-gutter-border: light-dark(#e0e0e0, #49483e);
+  --geojson-editor-gutter-text: light-dark(#999, #75715e);
+
+  /* JSON syntax highlighting */
+  --geojson-editor-json-key: light-dark(#f92672, #f92672);
+  --geojson-editor-json-string: light-dark(#718c00, #e6db74);
+  --geojson-editor-json-number: light-dark(#ae81ff, #ae81ff);
+  --geojson-editor-json-boolean: light-dark(#66d9ef, #66d9ef);
+  --geojson-editor-json-punct: light-dark(#49483e, #f8f8f2);
+  --geojson-editor-json-error: light-dark(#f92672, #f92672);
+
+  /* GeoJSON-specific */
+  --geojson-editor-geojson-key: light-dark(#f92672, #a6e22e);
+  --geojson-editor-geojson-type: light-dark(#718c00, #e6db74);
+  --geojson-editor-geojson-type-invalid: light-dark(#f92672, #f92672);
+
+  /* Controls (checkboxes, color swatches) */
+  --geojson-editor-control-color: light-dark(#66d9ef, #66d9ef);
+  --geojson-editor-control-bg: light-dark(#e8e8e8, #3e3d32);
+  --geojson-editor-control-border: light-dark(#c0c0c0, #75715e);
+
+  /* Selection and errors */
+  --geojson-editor-selection-color: light-dark(rgba(174, 129, 255, 0.2), rgba(174, 129, 255, 0.3));
+  --geojson-editor-error-color: light-dark(#f92672, #f92672);
+}

package/themes/solarized.css

@@ -0,0 +1,44 @@
+/**
+ * Solarized Theme for @softwarity/geojson-editor
+ *
+ * Precision color scheme designed by Ethan Schoonover.
+ * Features carefully selected colors for reduced eye strain.
+ *
+ * Usage:
+ *   <link rel="stylesheet" href="themes/solarized.css">
+ *   <geojson-editor></geojson-editor>
+ */
+
+:root {
+  /* Editor background and text */
+  --geojson-editor-bg-color: light-dark(#fdf6e3, #002b36);
+  --geojson-editor-text-color: light-dark(#657b83, #839496);
+  --geojson-editor-caret-color: light-dark(#657b83, #93a1a1);
+
+  /* Gutter (line numbers area) */
+  --geojson-editor-gutter-bg: light-dark(#eee8d5, #073642);
+  --geojson-editor-gutter-border: light-dark(#ddd6c1, #094553);
+  --geojson-editor-gutter-text: light-dark(#93a1a1, #586e75);
+
+  /* JSON syntax highlighting */
+  --geojson-editor-json-key: light-dark(#268bd2, #268bd2);
+  --geojson-editor-json-string: light-dark(#2aa198, #2aa198);
+  --geojson-editor-json-number: light-dark(#d33682, #d33682);
+  --geojson-editor-json-boolean: light-dark(#cb4b16, #cb4b16);
+  --geojson-editor-json-punct: light-dark(#657b83, #839496);
+  --geojson-editor-json-error: light-dark(#dc322f, #dc322f);
+
+  /* GeoJSON-specific */
+  --geojson-editor-geojson-key: light-dark(#6c71c4, #6c71c4);
+  --geojson-editor-geojson-type: light-dark(#859900, #859900);
+  --geojson-editor-geojson-type-invalid: light-dark(#dc322f, #dc322f);
+
+  /* Controls (checkboxes, color swatches) */
+  --geojson-editor-control-color: light-dark(#268bd2, #268bd2);
+  --geojson-editor-control-bg: light-dark(#eee8d5, #073642);
+  --geojson-editor-control-border: light-dark(#93a1a1, #586e75);
+
+  /* Selection and errors */
+  --geojson-editor-selection-color: light-dark(rgba(38, 139, 210, 0.2), rgba(38, 139, 210, 0.3));
+  --geojson-editor-error-color: light-dark(#dc322f, #dc322f);
+}

package/themes/vscode.css

@@ -0,0 +1,43 @@
+/**
+ * VS Code Theme for @softwarity/geojson-editor
+ *
+ * Theme inspired by Visual Studio Code's default dark and light themes.
+ *
+ * Usage:
+ *   <link rel="stylesheet" href="themes/vscode.css">
+ *   <geojson-editor></geojson-editor>
+ */
+
+:root {
+  /* Editor background and text */
+  --geojson-editor-bg-color: light-dark(#ffffff, #1e1e1e);
+  --geojson-editor-text-color: light-dark(#000000, #d4d4d4);
+  --geojson-editor-caret-color: light-dark(#000000, #aeafad);
+
+  /* Gutter (line numbers area) */
+  --geojson-editor-gutter-bg: light-dark(#f3f3f3, #1e1e1e);
+  --geojson-editor-gutter-border: light-dark(#e0e0e0, #333333);
+  --geojson-editor-gutter-text: light-dark(#237893, #858585);
+
+  /* JSON syntax highlighting */
+  --geojson-editor-json-key: light-dark(#0451a5, #9cdcfe);
+  --geojson-editor-json-string: light-dark(#a31515, #ce9178);
+  --geojson-editor-json-number: light-dark(#098658, #b5cea8);
+  --geojson-editor-json-boolean: light-dark(#0000ff, #569cd6);
+  --geojson-editor-json-punct: light-dark(#000000, #d4d4d4);
+  --geojson-editor-json-error: light-dark(#cd3131, #f44747);
+
+  /* GeoJSON-specific */
+  --geojson-editor-geojson-key: light-dark(#800000, #9cdcfe);
+  --geojson-editor-geojson-type: light-dark(#008000, #4ec9b0);
+  --geojson-editor-geojson-type-invalid: light-dark(#cd3131, #f44747);
+
+  /* Controls (checkboxes, color swatches) */
+  --geojson-editor-control-color: light-dark(#0000ff, #569cd6);
+  --geojson-editor-control-bg: light-dark(#f3f3f3, #3c3c3c);
+  --geojson-editor-control-border: light-dark(#c0c0c0, #6b6b6b);
+
+  /* Selection and errors */
+  --geojson-editor-selection-color: light-dark(rgba(173, 214, 255, 0.5), rgba(38, 79, 120, 0.5));
+  --geojson-editor-error-color: light-dark(#cd3131, #f44747);
+}

package/types/types.d.ts

@@ -14,31 +14,3 @@ export interface SetOptions {
      */
     collapsed?: string[] | ((feature: Feature | null, index: number) => string[]);
 }
-/** Theme configuration */
-export interface ThemeConfig {
-    bgColor?: string;
-    textColor?: string;
-    caretColor?: string;
-    gutterBg?: string;
-    gutterBorder?: string;
-    gutterText?: string;
-    jsonKey?: string;
-    jsonString?: string;
-    jsonNumber?: string;
-    jsonBoolean?: string;
-    jsonNull?: string;
-    jsonPunct?: string;
-    jsonError?: string;
-    controlColor?: string;
-    controlBg?: string;
-    controlBorder?: string;
-    geojsonKey?: string;
-    geojsonType?: string;
-    geojsonTypeInvalid?: string;
-    jsonKeyInvalid?: string;
-}
-/** Theme settings for dark and light modes */
-export interface ThemeSettings {
-    dark?: ThemeConfig;
-    light?: ThemeConfig;
-}