@mappedin/viewer 0.8.4-b8f35ce.0 → 0.8.4-c09a299.0

package/dist/index.js

@@ -9105,9 +9105,8 @@ const bPe = vPe`
 `, Tb = {
   colors: {
     accent: {
-      primary: "#595959",
+      primary: "#1890FF",
       neutral: "#D9D9D9",
-      navigation: "#1890FF",
       success: "#389E0D"
     },
     background: "#FFFFFF",
@@ -9120,10 +9119,18 @@ const bPe = vPe`
       labels: {
         default: "#595959"
       },
+      markers: {
+        default: "#595959",
+        connection: "#595959",
+        departure: "#1890FF",
+        destination: "#9254DE"
+      },
+      polygons: {
+        departure: "#40A9FF",
+        highlight: "#9254DE",
+        hover: "#F0F0F0"
+      },
       path: "#40A9FF",
-      departure: "#40A9FF",
-      highlight: "#9254DE",
-      hover: "#F0F0F0",
       background: "#CFCFCF"
     }
   },
@@ -63534,7 +63541,7 @@ const VF = 50, GF = 12, $F = 5, HF = 0.9, pHe = "#722ED1", dHe = "#D46B08", Ope
   ] })
 ] }), ER = ({ type: t = "departure" }) => {
   const e = m1();
-  return /* @__PURE__ */ He.jsx(gHe, { children: t === "departure" ? yHe(e.colors.accent.navigation) : _He(pHe) });
+  return /* @__PURE__ */ He.jsx(gHe, { children: t === "departure" ? yHe(e.colors.map.markers.departure) : _He(pHe) });
 }, vHe = /* @__PURE__ */ new Map([
   [
     "search-16x16",
@@ -63868,11 +63875,11 @@ const $v = new bHe("[Mappedin Viewer]"), ts = (...t) => t.join("-").replaceAll("
 `, MHe = (t, e) => {
   switch (t) {
     case "default":
-      return e.colors.accent.primary;
+      return e.colors.map.markers.connection;
     case "selection":
-      return e.colors.map.departure;
+      return e.colors.map.markers.departure;
     case "navigation":
-      return e.colors.map.highlight;
+      return e.colors.map.markers.destination;
   }
 }, CHe = (t) => {
   switch (t) {
@@ -63896,7 +63903,7 @@ const $v = new bHe("[Mappedin Viewer]"), ts = (...t) => t.join("-").replaceAll("
       {
         role: "button",
         style: {
-          background: i.colors.accent.primary,
+          background: i.colors.map.markers.default,
           width: a,
           height: a
         },
@@ -64024,10 +64031,10 @@ class THe {
       }), a = o.containerEl;
       iv.createRoot(a).render(r), e.push(o);
     }
-    e.length > 0 && setTimeout(() => {
+    e.length > 0 && requestAnimationFrame(() => {
       for (const n of e)
         n.update();
-    }, 0);
+    });
   }
   cleanup() {
     for (const e of this.reactionDisposers)
@@ -64059,30 +64066,33 @@ class IHe {
       case Gs.START:
         if (this.rootStore.selectedLocation != null)
           for (const n of this.rootStore.selectedLocation.polygons)
-            e.push({ polygon: n, color: this.rootStore.uiStore.theme.colors.map.highlight });
+            e.push({
+              polygon: n,
+              color: this.rootStore.uiStore.theme.colors.map.polygons.highlight
+            });
         break;
       case Gs.DIRECTIONS:
         if (this.mapStore.directions.directions != null) {
           const n = this.mapStore.directions.directions.path[0], r = this.mapStore.directions.directions.path[this.mapStore.directions.directions.path.length - 1];
           this.rootStore.departureMode === Ci.LOCATION && n != null && n.polygon != null && e.push({
             polygon: n.polygon,
-            color: this.rootStore.uiStore.theme.colors.map.departure
+            color: this.rootStore.uiStore.theme.colors.map.polygons.departure
           }), r != null && r.polygon != null && e.push({
             polygon: r.polygon,
-            color: this.rootStore.uiStore.theme.colors.map.highlight
+            color: this.rootStore.uiStore.theme.colors.map.polygons.highlight
           });
         } else {
           if (this.rootStore.selectedLocation != null)
             for (const n of this.rootStore.selectedLocation.polygons)
               e.push({
                 polygon: n,
-                color: this.rootStore.uiStore.theme.colors.map.highlight
+                color: this.rootStore.uiStore.theme.colors.map.polygons.highlight
               });
           if (this.rootStore.departure instanceof k7)
             for (const n of this.rootStore.departure.polygons)
               e.push({
                 polygon: n,
-                color: this.rootStore.uiStore.theme.colors.map.departure
+                color: this.rootStore.uiStore.theme.colors.map.polygons.departure
               });
         }
         break;
@@ -64613,7 +64623,7 @@ class UHe {
     s.Camera.minZoom = this.rootStore.uiStore.theme.map.minZoom, s.Camera.set({
       tilt: this.rootStore.uiStore.theme.map.initialTilt,
       rotation: this.rootStore.uiStore.theme.map.initialRotation
-    }), s.setHoverColor(this.rootStore.uiStore.theme.colors.map.hover), s.setBackgroundColor(this.rootStore.uiStore.theme.colors.map.background), s.on(Ou.CLICK, this.handleMapClick), ZW(() => {
+    }), s.setHoverColor(this.rootStore.uiStore.theme.colors.map.polygons.hover), s.setBackgroundColor(this.rootStore.uiStore.theme.colors.map.background), s.on(Ou.CLICK, this.handleMapClick), ZW(() => {
       this.mapView = s;
     });
   }
@@ -96497,7 +96507,7 @@ const R_e = Si.div`
         minHeight: 60,
         display: "block"
       },
-      children: /* @__PURE__ */ He.jsxs("g", { fill: t.colors.accent.primary, stroke: "none", children: [
+      children: /* @__PURE__ */ He.jsxs("g", { fill: t.colors.text.primary, stroke: "none", children: [
         /* @__PURE__ */ He.jsx("path", { d: "M41.4998 11.4994C42.0521 11.4994 42.4998 11.9471 42.4998 12.4994V47.9237L73.002 65.6346C73.4796 65.9119 73.6419 66.5239 73.3646 67.0015C73.0873 67.4791 72.4753 67.6415 71.9977 67.3641L41.4998 49.6557L11.002 67.3641C10.5244 67.6415 9.91236 67.4791 9.63504 67.0015C9.35772 66.5239 9.52008 65.9119 9.99769 65.6346L40.4998 47.9237V12.4994C40.4998 11.9471 40.9475 11.4994 41.4998 11.4994Z" }),
         /* @__PURE__ */ He.jsx(
           "path",
@@ -96516,7 +96526,7 @@ const R_e = Si.div`
 	height: ${nh - poe * 2}px;
 	border-radius: 50%;
 	background: ${({ theme: t }) => t.colors.background};
-	border: 3px solid ${({ theme: t }) => t.colors.accent.navigation};
+	border: 3px solid ${({ theme: t }) => t.colors.accent.primary};
 	pointer-events: none;
 `, ZQe = Si.div`
 	position: relative;
@@ -96550,7 +96560,7 @@ const R_e = Si.div`
     vs,
     {
       style: {
-        backgroundColor: e.colors.accent.primary,
+        backgroundColor: e.colors.text.primary,
         padding: "0 12px 0 12px",
         borderRadius: 10,
         boxShadow: "none"

package/dist/types/src/lib/types/theme.d.ts

@@ -3,7 +3,6 @@ export type TTheme = {
         accent: {
             primary: string;
             neutral: string;
-            navigation: string;
             success: string;
         };
         background: string;
@@ -16,10 +15,18 @@ export type TTheme = {
             labels: {
                 default: string;
             };
-            highlight: string;
-            departure: string;
+            markers: {
+                default: string;
+                connection: string;
+                departure: string;
+                destination: string;
+            };
+            polygons: {
+                departure: string;
+                hover: string;
+                highlight: string;
+            };
             path: string;
-            hover: string;
             background: string;
         };
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mappedin/viewer",
-  "version": "0.8.4-b8f35ce.0",
+  "version": "0.8.4-c09a299.0",
   "type": "module",
   "browser": "./dist/index.js",
   "license": "UNLICENSED",