@carbonplan/components 13.4.0-develop.3 → 13.4.0

package/dst/index.mjs

@@ -1702,7 +1702,7 @@ var navigation_menu_default = NavigationMenu;
 import React19 from "react";
 import { Search as SearchIcon } from "@carbonplan/icons";
 var Search = (props) => {
-  return /* @__PURE__ */ React19.createElement(header_icon_default, __spreadProps(__spreadValues({}, props), { label: "Toggle Search" }), /* @__PURE__ */ React19.createElement(SearchIcon, { width: 50, height: 30, x: 8 }));
+  return /* @__PURE__ */ React19.createElement(header_icon_default, __spreadProps(__spreadValues({}, props), { label: "Toggle Search" }), /* @__PURE__ */ React19.createElement(SearchIcon, { width: 50, height: 30, x: 8, y: 1 }));
 };
 var search_default = Search;
 
@@ -1794,13 +1794,17 @@ var sx2 = {
   }
 };
 var SearchMenu = ({
-  setExpanded
+  setExpanded,
+  mode
 }) => {
   const [value, setValue] = useState2("");
   const [resources, setResources] = useState2(RESOURCES);
-  const destination = `/search?query=${value.trim()}`;
+  const baseUrl = mode === "remote" ? "https://carbonplan.org" : "";
+  const destination = `${baseUrl}/search?query=${encodeURIComponent(
+    value.trim()
+  )}`;
   useEffect3(() => {
-    fetch("/resources.json").then((res) => res.json()).then((res) => {
+    fetch(`${baseUrl}/resources.json`).then((res) => res.json()).then((res) => {
       if (res.every((el) => el.label && Array.isArray(el.links))) {
         setResources(res);
       }
@@ -2066,7 +2070,7 @@ var Header = ({ status, mode, nav, menuItems }) => {
           mode,
           setExpanded: setMenuExpanded
         }
-      ))), searchExpanded && !menuExpanded && /* @__PURE__ */ React22.createElement(column_default, { start: [1, 2, 2, 2], width: [6, 6, 10, 10] }, /* @__PURE__ */ React22.createElement(search_menu_default, { setExpanded: setSearchExpanded }))))
+      ))), searchExpanded && !menuExpanded && /* @__PURE__ */ React22.createElement(column_default, { start: [1, 2, 2, 2], width: [6, 6, 10, 10] }, /* @__PURE__ */ React22.createElement(search_menu_default, { mode, setExpanded: setSearchExpanded }))))
     )
   );
 };
@@ -2532,7 +2536,7 @@ var FadeIn = (_a) => {
         animationDelay: delay + "ms",
         animationName: fade.toString(),
         animationFillMode: "backwards",
-        WebkitTransform: "translateZ(0)"
+        willChange: "opacity"
       }
     }),
     children