@netlify/spark-ui 1.14.4 → 1.14.5

package/dist/components/preact/AskNetlify/AskNetlify.js

@@ -1,6 +1,6 @@
 import "../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
 import "../../../chunks/hooks.module.DGkdD5n9.js";
-import { A as d } from "../../../chunks/AskNetlify.34ZT77N0.js";
+import { A as d } from "../../../chunks/AskNetlify.5UxkBfoE.js";
 import "./components/QuestionList/questions.js";
 import "./components/QuestionList/QuestionList.js";
 import "./components/BackButton.js";

package/dist/components/preact/SearchModal/components/SearchModal/SearchModal.js

@@ -1,6 +1,6 @@
 import { u as e } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
 import { A as g, y as f, d } from "../../../../../chunks/hooks.module.DGkdD5n9.js";
-import { A as K, K as L } from "../../../../../chunks/AskNetlify.34ZT77N0.js";
+import { A as K, K as L } from "../../../../../chunks/AskNetlify.5UxkBfoE.js";
 import P from "../../../Modal/Modal.js";
 import h from "../../../KeyboardKey/KeyboardKey.js";
 import M from "../SearchWindow.js";

package/dist/components/preact/index.js

@@ -4,7 +4,7 @@ import { default as m } from "./Icon/index.js";
 import { default as s } from "./SearchModal/components/SearchLink/SearchLink.js";
 import { default as u } from "./SearchModal/components/SearchHeading/SearchHeading.js";
 import { default as i } from "./SearchModal/components/SearchToggle/SearchToggle.js";
-import { A as S } from "../../chunks/AskNetlify.34ZT77N0.js";
+import { A as S } from "../../chunks/AskNetlify.5UxkBfoE.js";
 import "preact";
 import "../../chunks/hooks.module.DGkdD5n9.js";
 import { default as n } from "./SearchModal/components/SearchModal/SearchModal.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "1.14.4",
+  "version": "1.14.5",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",

package/packages/components/preact/AskNetlify/AskNetlify.tsx

@@ -51,35 +51,19 @@ export default function AskNetlify({ setModalState, searchQuery, urlParamQuery }
     }
   }, [newMessageReady]);
 
-  const [urlParamHandled, setUrlParamHandled] = useState(false);
-
   useEffect(() => {
-    if (urlParamQuery && !urlParamHandled) {
-      const trimmedQuery = urlParamQuery.trim();
-      setMessage(trimmedQuery);
-      setUrlParamHandled(true); // prevent refilling after submission
+    if (searchQuery) {
+      message && setMessage('');
+      submitQuery(searchQuery.trim());
+      setNewMessageReady(true);
     }
-  }, [urlParamQuery, urlParamHandled]);
+  }, [searchQuery, setMessage, setNewMessageReady]);
 
-  /**
-   * Populates and handles the input when a query is present.
-   *
-   * - If `urlParamQuery` exists, pre-fills the input and waits for user action.
-   * - If `searchQuery` exists, auto-submits the query.
-   *
-   * Focuses the input and marks the message as ready in both cases.
-   */
   useEffect(() => {
-    if (!searchQuery) return;
-
-    const trimmedQuery = searchQuery.trim();
-
-    if (searchQuery) {
-      submitQuery(trimmedQuery);
-      inputRef?.current?.focus();
-      setNewMessageReady(true);
+    if (!searchQuery && urlParamQuery) {
+      setMessage(urlParamQuery);
     }
-  }, [setMessage, setNewMessageReady, submitQuery, searchQuery]);
+  }, [urlParamQuery, searchQuery, setMessage]);
 
   return (
     <div className="n-ask-chat-container">

package/packages/styles/layout.css

@@ -29,6 +29,16 @@
   grid-auto-rows: var(--n-grid-auto-rows, auto);
 }
 
+.n-flex-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--n-grid-gap, var(--space-m));
+
+  > * {
+    flex: 1 1 var(--n-grid-column-min-size);
+  }
+}
+
 .n-stack {
   display: grid;
   grid-template-areas: 'stack';