@kickstartds/ds-agency-premium 1.6.71--canary.50.2247.0 → 1.6.71--canary.50.2251.0

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 10:45:55 GMT
+ * Generated on Fri, 05 Sep 2025 12:11:42 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/search-form/SearchForm.client.d.ts

@@ -2,7 +2,8 @@ declare class SearchForm {
     static identifier: string;
     constructor(element: any);
     $searchInput: any;
-    $template: any;
+    $resultTemplate: any;
+    $subresultTemplate: any;
     $results: any;
     clearResults(): void;
     showResults(results: any): void;

package/dist/components/search-form/SearchForm.client.js

@@ -1,11 +1,40 @@
 import { define, Component } from '@kickstartds/core/lib/component';
 
 const parser = new DOMParser();
+const renderResult = (result, element) => {
+    const $ = element.querySelector.bind(element), $$ = element.querySelectorAll.bind(element);
+    if (result.title) {
+        const title = $("[data-result-title]");
+        if (title)
+            title.textContent = result.title;
+    }
+    if (result.excerpt) {
+        const doc = parser.parseFromString(result.excerpt, "text/html");
+        const excerpt = $("[data-result-excerpt]");
+        if (excerpt)
+            excerpt.replaceChildren(...doc.body.childNodes);
+    }
+    if (result.url) {
+        const url = $("[data-result-url]");
+        if (url)
+            url.textContent = result.url;
+        const links = $$("[data-result-link]");
+        for (const link of links) {
+            link.setAttribute("href", result.url);
+        }
+    }
+    if (result.image) {
+        const image = $("[data-result-image]");
+        if (image)
+            image.dataset.src = result.image;
+    }
+};
 class SearchForm extends Component {
     constructor(element) {
         super(element);
         this.$searchInput = this.$(".dsa-search-bar__input");
-        this.$template = this.$("[data-template=result]");
+        this.$resultTemplate = this.$("[data-template=result]");
+        this.$subresultTemplate = this.$("[data-template=subresult]");
         this.$results = this.$(".dsa-search-form__results");
         this.on(element, "submit", (event) => {
             event.preventDefault();
@@ -23,22 +52,16 @@ class SearchForm extends Component {
     }
     showResults(results) {
         for (const result of results) {
-            const clone = this.$template.cloneNode(true);
-            clone.removeAttribute("hidden");
-            clone.removeAttribute("data-template");
-            clone.firstElementChild.setAttribute("href", result.url);
-            if (result.title) {
-                const title = clone.querySelector(".dsa-search-result__title");
-                title.textContent = result.title;
-            }
-            if (result.excerpt) {
-                const doc = parser.parseFromString(result.excerpt, "text/html");
-                const excerpt = clone.querySelector(".dsa-search-result__text span");
-                excerpt.replaceChildren(...doc.body.childNodes);
+            const $resultClone = this.$resultTemplate.cloneNode(true);
+            renderResult(result, $resultClone);
+            const $subResultsContainer = this.$("[data-result-subresults]", $resultClone);
+            for (const subResult of result.subResults) {
+                const $subResultClone = this.$subresultTemplate.cloneNode(true);
+                $subResultClone.setAttribute("href", subResult.url);
+                renderResult(subResult, $subResultClone);
+                $subResultsContainer.appendChild($subResultClone);
             }
-            const link = clone.querySelector(".dsa-search-result__link");
-            link.textContent = result.url;
-            this.$results.appendChild(clone);
+            this.$results.appendChild($resultClone);
         }
     }
     onRadio(topic, fn) {

package/dist/components/search-form/SearchFormPagefind.client.js

@@ -5,7 +5,6 @@ const staticPageFindPath = "/pagefind/pagefind.js";
 class SearchFormPagefind extends SearchForm {
     constructor(element) {
         super(element);
-        console.log("hello");
         (async () => {
             const pagefind = await import(/* @vite-ignore */ staticPageFindPath);
             await pagefind.init();
@@ -23,6 +22,12 @@ class SearchFormPagefind extends SearchForm {
                                 title: result.meta.title,
                                 url: result.url,
                                 excerpt: result.excerpt,
+                                image: result.meta.image,
+                                subResults: (result.sub_results || []).map((subResult) => ({
+                                    title: subResult.title,
+                                    url: subResult.url,
+                                    excerpt: subResult.excerpt,
+                                })),
                             })));
                         }
                     }

package/dist/components/search-form/index.js

@@ -3,6 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { SearchBar } from '../search-bar/index.js';
 import { SearchResult } from '../search-result/index.js';
+import { SearchResultMatch } from '../search-result-match/index.js';
 import './SearchForm.client.js';
 import 'react';
 import '@kickstartds/form/lib/text-field';
@@ -13,9 +14,8 @@ import '../../helpers-12f48df8.js';
 import '@kickstartds/base/lib/rich-text';
 import '@kickstartds/base/lib/picture';
 import '@kickstartds/core/lib/container';
-import '../search-result-match/index.js';
 import '@kickstartds/core/lib/component';
 
-const SearchForm = ({ className, component = "dsa.search-form", ...props }) => (jsxs("form", { className: classnames("dsa-search-form", className), "ks-component": component, ...props, children: [jsx(SearchBar, { alternativeText: "", alternativeResult: "", hint: "" }), jsx("li", { "data-template": "result", hidden: true, children: jsx(SearchResult, {}) }), jsx("ol", { className: "dsa-search-form__results" })] }));
+const SearchForm = ({ className, component = "dsa.search-form", ...props }) => (jsxs("form", { className: classnames("dsa-search-form", className), "ks-component": component, ...props, children: [jsx(SearchBar, { alternativeText: "", alternativeResult: "", hint: "" }), jsxs("div", { hidden: true, children: [jsx("li", { "data-template": "result", children: jsx(SearchResult, { previewImage: {} }) }), jsx(SearchResultMatch, { "data-template": "subresult" })] }), jsx("ol", { className: "dsa-search-form__results" })] }));
 
 export { SearchForm };

package/dist/components/search-form/search-form.css

@@ -1,7 +1,7 @@
 .dsa-search-form__results {
   display: flex;
   flex-direction: column;
-  gap: var(--ks-spacing-m);
+  gap: var(--ks-spacing-stack-l);
   list-style: none;
   padding: 0;
 }

package/dist/components/search-modal/RadioEmit.client.js

@@ -4,7 +4,6 @@ class RadioEmit extends Component {
     constructor(element) {
         super(element);
         const { topic, action = "click", value } = element.dataset;
-        console.log(topic, action);
         const handler = () => window._ks.radio.emit(topic, value);
         element.addEventListener(action, handler);
         this.onDisconnect(() => {

package/dist/components/search-result/index.js

@@ -20,7 +20,7 @@ const defaults = {
 
 const SearchResultContextDefault = forwardRef(({ title, previewImage, initialMatch, matches, url, showLink }, ref) => (jsx(Container, { name: "search-result", children: jsxs("div", { ref: ref, className: classnames("dsa-search-result", {
             "dsa-search-result--image-large": previewImage?.large,
-        }), children: [jsxs("div", { className: "dsa-search-result__content", children: [jsx("div", { className: "dsa-search-result__header", children: jsx(Link, { href: url, className: "dsa-search-result__title", children: title }) }), initialMatch && (jsx(RichText, { text: initialMatch, className: "dsa-search-result__initial-match" })), matches && matches.length > 0 && (jsx("div", { className: "dsa-search-result__matches", children: matches.map((match, index) => (jsx(SearchResultMatch, { ...match }, index))) })), showLink && (jsx(Link, { href: url, className: "dsa-search-result__link", children: url }))] }), previewImage?.src && (jsx(Link, { tabIndex: -1, "aria-hidden": true, href: url, className: "dsa-search-result__preview-image-wrapper", children: jsx(Picture, { src: previewImage?.src, alt: "", className: "dsa-search-result__preview-image" }) }))] }) })));
+        }), children: [jsxs("div", { className: "dsa-search-result__content", children: [jsx("div", { className: "dsa-search-result__header", children: jsx(Link, { href: url, className: "dsa-search-result__title", "data-result-link": true, "data-result-title": true, children: title }) }), jsx(RichText, { text: initialMatch, className: "dsa-search-result__initial-match", "data-result-excerpt": true }), jsx("div", { className: "dsa-search-result__matches", "data-result-subresults": true, children: matches?.map((match, index) => (jsx(SearchResultMatch, { ...match }, index))) }), showLink && (jsx(Link, { href: url, className: "dsa-search-result__link", "data-result-link": true, "data-result-url": true, children: url }))] }), previewImage && (jsx(Link, { tabIndex: -1, "aria-hidden": true, href: url, className: "dsa-search-result__preview-image-wrapper", "data-result-link": true, children: jsx(Picture, { src: previewImage.src, alt: "", className: "dsa-search-result__preview-image", "data-result-image": true }) }))] }) })));
 const SearchResultContext = createContext(SearchResultContextDefault);
 const SearchResult = forwardRef((props, ref) => {
     const Component = useContext(SearchResultContext);

package/dist/components/search-result/search-result.css

@@ -31,6 +31,9 @@
 .dsa-search-result__matches {
   padding: var(--ks-spacing-xxs) 0;
 }
+.dsa-search-result__matches:empty {
+  display: none;
+}
 .dsa-search-result__title {
   font-size: var(--ks-font-size-display-l);
   font-family: var(--ks-font-family-display);

package/dist/components/search-result-match/index.js

@@ -8,7 +8,7 @@ import { Icon } from '@kickstartds/base/lib/icon';
 
 const defaults = {};
 
-const SearchResultMatchContextDefault = forwardRef(({ title, snippet, url }, ref) => (jsxs(Link, { ref: ref, href: url, className: "dsa-search-result-match", children: [jsxs("div", { className: "dsa-search-result-match__title", children: [jsx(Icon, { className: "dsa-search-result-match__chevron", icon: "chevron-right" }), title] }), jsx(RichText, { text: snippet, className: "dsa-search-result-match__snippet" })] })));
+const SearchResultMatchContextDefault = forwardRef(({ title, snippet, url, ...props }, ref) => (jsxs(Link, { ref: ref, href: url, className: "dsa-search-result-match", "data-result-link": true, ...props, children: [jsxs("div", { className: "dsa-search-result-match__title", children: [jsx(Icon, { className: "dsa-search-result-match__chevron", icon: "chevron-right" }), jsx("span", { "data-result-title": true, children: title })] }), jsx(RichText, { text: snippet, className: "dsa-search-result-match__snippet", "data-result-excerpt": true })] })));
 const SearchResultMatchContext = createContext(SearchResultMatchContextDefault);
 const SearchResultMatch = forwardRef((props, ref) => {
     const Component = useContext(SearchResultMatchContext);

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 10:45:57 GMT
+ * Generated on Fri, 05 Sep 2025 12:11:44 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 10:46:01 GMT
+ * Generated on Fri, 05 Sep 2025 12:11:48 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 10:45:59 GMT
+ * Generated on Fri, 05 Sep 2025 12:11:46 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 10:46:03 GMT
+ * Generated on Fri, 05 Sep 2025 12:11:50 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 10:45:55 GMT
+ * Generated on Fri, 05 Sep 2025 12:11:42 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 10:45:55 GMT
+ * Generated on Fri, 05 Sep 2025 12:11:42 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.71--canary.50.2247.0",
+  "version": "1.6.71--canary.50.2251.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {