@open-pioneer/scale-bar 1.3.0-dev.20260408130821 → 1.3.0-dev.20260422120518

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @open-pioneer/scale-bar
 
-## 1.3.0-dev.20260408130821
+## 1.3.0-dev.20260422120518
 
 ### Minor Changes
 
@@ -8,6 +8,10 @@
 - d54ccfd: Update to Chakra UI 3.34.0
 - 206b397: Update to trails core packages 4.5.0
 
+### Patch Changes
+
+- 0f1277f: minor changes to support dark color mode
+
 ## 1.2.0
 
 ### Patch Changes

package/ScaleBar.js

@@ -24,7 +24,7 @@ const ScaleBar = (props) => {
       };
     }
   }, [displayMode, map]);
-  return /* @__PURE__ */ jsx(Box, { ref: scaleBarElem, backgroundColor: "whiteAlpha.800", ...containerProps });
+  return /* @__PURE__ */ jsx(Box, { ref: scaleBarElem, backgroundColor: "bg/80", ...containerProps });
 };
 
 export { ScaleBar };

package/ScaleBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleBar.js","sources":["ScaleBar.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box } from \"@chakra-ui/react\";\nimport { MapModelProps, useMapModelValue } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { ScaleLine } from \"ol/control\";\nimport { FC, useEffect, useRef } from \"react\";\n\n/**\n * These are the properties supported by the {@link ScaleBar}.\n */\nexport interface ScaleBarProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Display the scale either as a line or a bar. Defaults to `\"line\"`.\n     */\n    displayMode?: \"bar\" | \"line\";\n}\n\nexport const ScaleBar: FC<ScaleBarProps> = (props) => {\n    const { displayMode = \"line\" } = props;\n    const { containerProps } = useCommonComponentProps(\"scale-bar\", props);\n    const map = useMapModelValue(props);\n    const scaleBarElem = useRef(null);\n\n    useEffect(() => {\n        if (scaleBarElem.current) {\n            const olMap = map.olMap;\n            const scaleLine = new ScaleLine({\n                units: \"metric\",\n                target: scaleBarElem.current,\n                bar: displayMode === \"bar\"\n            });\n            olMap.addControl(scaleLine);\n            return () => {\n                olMap.removeControl(scaleLine);\n            };\n        }\n    }, [displayMode, map]);\n\n    return <Box ref={scaleBarElem} backgroundColor=\"whiteAlpha.800\" {...containerProps} />;\n};\n"],"names":[],"mappings":";;;;;;;AAkBO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,EAAE,WAAA,GAAc,MAAA,EAAO,GAAI,KAAA;AACjC,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,uBAAA,CAAwB,aAAa,KAAK,CAAA;AACrE,EAAA,MAAM,GAAA,GAAM,iBAAiB,KAAK,CAAA;AAClC,EAAA,MAAM,YAAA,GAAe,OAAO,IAAI,CAAA;AAEhC,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,aAAa,OAAA,EAAS;AACtB,MAAA,MAAM,QAAQ,GAAA,CAAI,KAAA;AAClB,MAAA,MAAM,SAAA,GAAY,IAAI,SAAA,CAAU;AAAA,QAC5B,KAAA,EAAO,QAAA;AAAA,QACP,QAAQ,YAAA,CAAa,OAAA;AAAA,QACrB,KAAK,WAAA,KAAgB;AAAA,OACxB,CAAA;AACD,MAAA,KAAA,CAAM,WAAW,SAAS,CAAA;AAC1B,MAAA,OAAO,MAAM;AACT,QAAA,KAAA,CAAM,cAAc,SAAS,CAAA;AAAA,MACjC,CAAA;AAAA,IACJ;AAAA,EACJ,CAAA,EAAG,CAAC,WAAA,EAAa,GAAG,CAAC,CAAA;AAErB,EAAA,2BAAQ,GAAA,EAAA,EAAI,GAAA,EAAK,cAAc,eAAA,EAAgB,gBAAA,EAAkB,GAAG,cAAA,EAAgB,CAAA;AACxF;;;;"}
+{"version":3,"file":"ScaleBar.js","sources":["ScaleBar.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box } from \"@chakra-ui/react\";\nimport { MapModelProps, useMapModelValue } from \"@open-pioneer/map\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { ScaleLine } from \"ol/control\";\nimport { FC, useEffect, useRef } from \"react\";\n\n/**\n * These are the properties supported by the {@link ScaleBar}.\n */\nexport interface ScaleBarProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Display the scale either as a line or a bar. Defaults to `\"line\"`.\n     */\n    displayMode?: \"bar\" | \"line\";\n}\n\nexport const ScaleBar: FC<ScaleBarProps> = (props) => {\n    const { displayMode = \"line\" } = props;\n    const { containerProps } = useCommonComponentProps(\"scale-bar\", props);\n    const map = useMapModelValue(props);\n    const scaleBarElem = useRef(null);\n\n    useEffect(() => {\n        if (scaleBarElem.current) {\n            const olMap = map.olMap;\n            const scaleLine = new ScaleLine({\n                units: \"metric\",\n                target: scaleBarElem.current,\n                bar: displayMode === \"bar\"\n            });\n            olMap.addControl(scaleLine);\n            return () => {\n                olMap.removeControl(scaleLine);\n            };\n        }\n    }, [displayMode, map]);\n\n    return <Box ref={scaleBarElem} backgroundColor=\"bg/80\" {...containerProps} />;\n};\n"],"names":[],"mappings":";;;;;;;AAkBO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,EAAE,WAAA,GAAc,MAAA,EAAO,GAAI,KAAA;AACjC,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,uBAAA,CAAwB,aAAa,KAAK,CAAA;AACrE,EAAA,MAAM,GAAA,GAAM,iBAAiB,KAAK,CAAA;AAClC,EAAA,MAAM,YAAA,GAAe,OAAO,IAAI,CAAA;AAEhC,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,aAAa,OAAA,EAAS;AACtB,MAAA,MAAM,QAAQ,GAAA,CAAI,KAAA;AAClB,MAAA,MAAM,SAAA,GAAY,IAAI,SAAA,CAAU;AAAA,QAC5B,KAAA,EAAO,QAAA;AAAA,QACP,QAAQ,YAAA,CAAa,OAAA;AAAA,QACrB,KAAK,WAAA,KAAgB;AAAA,OACxB,CAAA;AACD,MAAA,KAAA,CAAM,WAAW,SAAS,CAAA;AAC1B,MAAA,OAAO,MAAM;AACT,QAAA,KAAA,CAAM,cAAc,SAAS,CAAA;AAAA,MACjC,CAAA;AAAA,IACJ;AAAA,EACJ,CAAA,EAAG,CAAC,WAAA,EAAa,GAAG,CAAC,CAAA;AAErB,EAAA,2BAAQ,GAAA,EAAA,EAAI,GAAA,EAAK,cAAc,eAAA,EAAgB,OAAA,EAAS,GAAG,cAAA,EAAgB,CAAA;AAC/E;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/scale-bar",
-  "version": "1.3.0-dev.20260408130821",
+  "version": "1.3.0-dev.20260422120518",
   "description": "This package provides a UI component to show the scale as a line or bar to the user.",
   "keywords": [
     "open-pioneer-trails"
@@ -15,11 +15,11 @@
   },
   "dependencies": {
     "@chakra-ui/react": "^3.34.0",
-    "@open-pioneer/react-utils": "^4.5.0",
-    "@open-pioneer/runtime": "^4.5.0",
-    "ol": "^10.8.0",
-    "react": "^19.2.4",
-    "@open-pioneer/map": "1.3.0-dev.20260408130821"
+    "@open-pioneer/react-utils": "4.6.0-dev.20260420101935",
+    "@open-pioneer/runtime": "4.6.0-dev.20260420101935",
+    "ol": "^10.9.0",
+    "react": "^19.2.5",
+    "@open-pioneer/map": "1.3.0-dev.20260422120518"
   },
   "exports": {
     "./package.json": "./package.json",