@kickstartds/ds-agency-premium 1.6.71--canary.50.2259.0 → 1.6.71--canary.50.2263.0

package/dist/BlogOverviewProps-9f207f1c.d.ts

@@ -4,7 +4,7 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { SectionProps } from "./SectionProps-d60aba86.js";
-import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/components/blog-teaser/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
+import { BlogTeaserProps } from "../../BlogTeaserProps-d62a0a9a.js";
 declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 14:03:21 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:02 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/presets.json

@@ -3962,9 +3962,13 @@
     "id": "corporate-search-form--pagefind",
     "group": "Corporate / Search Form",
     "name": "Pagefind",
-    "code": "<SearchForm component=\"dsa.search-form.pagefind\" />",
+    "code": "<SearchForm\n  component=\"dsa.search-form.pagefind\"\n  result={{\n    imageColSize: 'small',\n    showLink: true\n  }}\n/>",
     "args": {
-      "component": "dsa.search-form.pagefind"
+      "component": "dsa.search-form.pagefind",
+      "result": {
+        "showLink": true,
+        "imageColSize": "small"
+      }
     },
     "screenshot": "img/screenshots/corporate-search-form--pagefind.png"
   },

package/dist/components/search-form/index.d.ts

@@ -1,5 +1,31 @@
 import { FC, HTMLAttributes } from "react";
-declare const SearchForm: FC<HTMLAttributes<HTMLFormElement> & {
+/* eslint-disable */
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * Whether to display the link to the search result.
+ */
+type ShowLink = boolean;
+/**
+ * The reserved space of the image row.
+ */
+type ImageRowSize = "none" | "small" | "large";
+interface SearchFormProps {
+    /**
+     * ks-component attribute
+     */
     component?: string;
-}>;
+    result?: {
+        /**
+         * Max number of subresults of a single search result
+         */
+        maxSubresults?: number;
+        showLink?: ShowLink;
+        imageColSize?: ImageRowSize;
+    };
+}
+declare const SearchForm: FC<SearchFormProps & HTMLAttributes<HTMLFormElement>>;
 export { SearchForm };

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

@@ -17,6 +17,6 @@ import '@kickstartds/core/lib/container';
 import '@kickstartds/core/lib/component';
 import '@kickstartds/core/lib/core';
 
-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", className: "lazyload", children: jsx(SearchResult, { previewImage: "" }) }), jsx(SearchResultMatch, { "data-template": "subresult" })] }), jsx("ol", { className: "dsa-search-form__results" })] }));
+const SearchForm = ({ className, component = "dsa.search-form", result = {}, ...props }) => (jsxs("form", { className: classnames("dsa-search-form", className), "ks-component": component, "data-max-subresults": result.maxSubresults, ...props, children: [jsx(SearchBar, { alternativeText: "", alternativeResult: "", hint: "" }), jsxs("div", { hidden: true, children: [jsx("li", { "data-template": "result", className: "lazyload", children: jsx(SearchResult, { showLink: result.showLink, imageColSize: result.imageColSize }) }), jsx(SearchResultMatch, { "data-template": "subresult" })] }), jsx("ol", { className: "dsa-search-form__results" })] }));
 
 export { SearchForm };

package/dist/components/search-form/search-form.schema.dereffed.json

@@ -0,0 +1,41 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/search-form.schema.json",
+  "title": "Search Form",
+  "type": "object",
+  "properties": {
+    "component": {
+      "type": "string",
+      "description": "ks-component attribute",
+      "default": "dsa.search-form"
+    },
+    "result": {
+      "type": "object",
+      "properties": {
+        "maxSubresults": {
+          "type": "number",
+          "description": "Max number of subresults of a single search result"
+        },
+        "showLink": {
+          "title": "Show Link",
+          "type": "boolean",
+          "description": "Whether to display the link to the search result.",
+          "default": true
+        },
+        "imageColSize": {
+          "title": "Image Row Size",
+          "type": "string",
+          "description": "The reserved space of the image row.",
+          "default": "small",
+          "enum": [
+            "none",
+            "small",
+            "large"
+          ]
+        }
+      },
+      "additionalProperties": false
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/search-form/search-form.schema.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/search-form.schema.json",
+  "title": "Search Form",
+  "type": "object",
+  "properties": {
+    "component": {
+      "type": "string",
+      "description": "ks-component attribute",
+      "default": "dsa.search-form"
+    },
+    "result": {
+      "type": "object",
+      "properties": {
+        "maxSubresults": {
+          "type": "number",
+          "description": "Max number of subresults of a single search result"
+        },
+        "showLink": {
+          "$ref": "http://schema.mydesignsystem.com/search-result.schema.json#/properties/showLink"
+        },
+        "imageColSize": {
+          "$ref": "http://schema.mydesignsystem.com/search-result.schema.json#/properties/imageColSize"
+        }
+      },
+      "additionalProperties": false
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -18,7 +18,7 @@ const defaults = {
 const SearchResultContextDefault = forwardRef(({ title, previewImage, imageColSize = "small", initialMatch, matches, url, showLink, }, ref) => (jsx(Container, { name: "search-result", children: jsxs("div", { ref: ref, className: classnames("dsa-search-result", {
             "dsa-search-result--image-row-large": imageColSize === "large",
             "dsa-search-result--image-row-none": imageColSize === "none",
-        }), children: [jsxs("div", { className: "dsa-search-result__content", children: [jsx("div", { className: "dsa-search-result__header", children: jsx(Link, { "data-result-link": true, "data-result-title": true, href: url, className: "dsa-search-result__title", children: title }) }), initialMatch && (jsx(RichText, { className: "dsa-search-result__initial-match", text: initialMatch, "data-result-excerpt": true })), matches && matches.length > 0 && (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 }))] }), imageColSize !== "none" && (jsx("div", { className: "dsa-search-result__preview-image-row", children: 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, alt: "", className: "dsa-search-result__preview-image", "data-result-image": true }) })) }))] }) })));
+        }), children: [jsxs("div", { className: "dsa-search-result__content", children: [jsx("div", { className: "dsa-search-result__header", children: jsx(Link, { "data-result-link": true, "data-result-title": true, href: url, className: "dsa-search-result__title", children: title }) }), jsx(RichText, { className: "dsa-search-result__initial-match", text: initialMatch, "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 }))] }), imageColSize !== "none" && (jsx("div", { className: "dsa-search-result__preview-image-row", children: 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, 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

@@ -29,10 +29,12 @@
   width: fit-content;
   font: var(--ks-font-interface-s);
 }
-.dsa-search-result strong {
+.dsa-search-result strong,
+.dsa-search-result mark {
   border-bottom: 1px dashed var(--ks-color-fg);
   font-weight: unset;
   color: var(--ks-color-fg);
+  background-color: transparent;
 }
 .dsa-search-result__matches {
   padding: var(--ks-spacing-xxs) 0;
@@ -68,4 +70,7 @@
   object-fit: cover;
   aspect-ratio: 4/3;
   border-radius: calc(var(--ks-border-radius-card) / 2);
+}
+.dsa-search-result__preview-image:not([src]) {
+  display: none;
 }

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 14:03:24 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:05 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 14:03:28 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:10 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 14:03:26 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:07 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 14:03:30 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:13 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 14:03:21 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:02 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 14:03:22 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:03 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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