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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/{BlogOverviewProps-d62a0a9a.d.ts → BlogOverviewProps-9f207f1c.d.ts} +2 -2
  2. package/dist/{BlogPostProps-c04a5ed8.d.ts → BlogPostProps-6b3cff22.d.ts} +1 -1
  3. package/dist/PageProps-aa29c554.d.ts +1 -1
  4. package/dist/SearchResultMatchProps-777cd47c.d.ts +23 -0
  5. package/dist/{SearchResultProps-4a00e50a.d.ts → SearchResultProps-a4d09722.d.ts} +3 -18
  6. package/dist/{SectionProps-4e2b2ecf.d.ts → SectionProps-d60aba86.d.ts} +1 -1
  7. package/dist/SplitEvenProps-789f8508.d.ts +1 -1
  8. package/dist/SplitWeightedProps-789f8508.d.ts +1 -1
  9. package/dist/components/blog-overview/index.d.ts +1 -1
  10. package/dist/components/blog-post/index.d.ts +1 -1
  11. package/dist/components/blog-teaser/index.d.ts +1 -1
  12. package/dist/components/image-story/index.d.ts +1 -1
  13. package/dist/components/index/index.d.ts +2 -2
  14. package/dist/components/page-wrapper/tokens.css +1 -1
  15. package/dist/components/search/index.d.ts +1 -1
  16. package/dist/components/search/index.js +2 -1
  17. package/dist/components/search/search.schema.dereffed.json +3 -0
  18. package/dist/components/search-form/index.js +1 -0
  19. package/dist/components/search-modal/index.js +1 -0
  20. package/dist/components/search-result/index.d.ts +1 -1
  21. package/dist/components/search-result/index.js +3 -2
  22. package/dist/components/search-result/search-result.css +0 -20
  23. package/dist/components/search-result/search-result.schema.dereffed.json +3 -0
  24. package/dist/components/search-result/search-result.schema.json +1 -25
  25. package/dist/components/search-result-match/index.d.ts +7 -0
  26. package/dist/components/search-result-match/index.js +19 -0
  27. package/dist/components/search-result-match/search-result-match.css +20 -0
  28. package/dist/components/search-result-match/search-result-match.schema.dereffed.json +33 -0
  29. package/dist/components/search-result-match/search-result-match.schema.json +31 -0
  30. package/dist/components/section/index.d.ts +1 -1
  31. package/dist/tokens/themes.css +4 -4
  32. package/dist/tokens/tokens.css +1 -1
  33. package/dist/tokens/tokens.js +1 -1
  34. package/package.json +1 -1
  35. /package/dist/{BlogTeaserProps-d62a0a9a.d.ts → BlogTeaserProps-f5855e93.d.ts} +0 -0
  36. /package/dist/{ImageStoryProps-4e2b2ecf.d.ts → ImageStoryProps-e853e1e7.d.ts} +0 -0
@@ -3,8 +3,8 @@
3
3
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
- import { SectionProps } from "./SectionProps-4e2b2ecf.js";
7
- import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
6
+ import { SectionProps } from "./SectionProps-d60aba86.js";
7
+ import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
8
8
  import { CtaProps } from "./CtaProps-789f8508.js";
9
9
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
10
10
  /**
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
7
7
  import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
8
- import { SectionProps } from "./SectionProps-4e2b2ecf.js";
8
+ import { SectionProps } from "./SectionProps-d60aba86.js";
9
9
  import { CtaProps } from "./CtaProps-789f8508.js";
10
10
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
11
11
  /**
@@ -3,7 +3,7 @@
3
3
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
- import { SectionProps } from "./SectionProps-4e2b2ecf.js";
6
+ import { SectionProps } from "./SectionProps-d60aba86.js";
7
7
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
8
8
  /**
9
9
  * Collection of sections (with their contents) to render on the page
@@ -0,0 +1,23 @@
1
+ /**
2
+ * This file was automatically generated by json-schema-to-typescript.
3
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
+ * and run json-schema-to-typescript to regenerate this file.
5
+ */
6
+ /**
7
+ * The title of the match.
8
+ */
9
+ type Title = string;
10
+ /**
11
+ * The main content or description of the search result.
12
+ */
13
+ type Text = string;
14
+ /**
15
+ * A URL linking to the specific match or more information.
16
+ */
17
+ type URL = string;
18
+ interface SearchResultMatchProps {
19
+ title?: Title;
20
+ snippet?: Text;
21
+ url?: URL;
22
+ }
23
+ export { Title, Text, URL, SearchResultMatchProps };
@@ -3,6 +3,7 @@
3
3
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
+ import { SearchResultMatchProps } from "./SearchResultMatchProps-777cd47c.js";
6
7
  /**
7
8
  * A URL linking to the search result or more information.
8
9
  */
@@ -15,26 +16,10 @@ type Title = string;
15
16
  * The initial search match or summary of the search result.
16
17
  */
17
18
  type InitialMatch = string;
18
- /**
19
- * The title of the match.
20
- */
21
- type Title1 = string;
22
- /**
23
- * The main content or description of the search result.
24
- */
25
- type Text = string;
26
- /**
27
- * A URL linking to the specific match or more information.
28
- */
29
- type URL1 = string;
30
19
  /**
31
20
  * An array of search matches.
32
21
  */
33
- type Matches = {
34
- title?: Title1;
35
- snippet?: Text;
36
- url?: URL1;
37
- }[];
22
+ type Matches = SearchResultMatchProps[];
38
23
  /**
39
24
  * Whether to display the link to the search result.
40
25
  */
@@ -60,4 +45,4 @@ interface PreviewImage {
60
45
  */
61
46
  large?: boolean;
62
47
  }
63
- export { URL, Title, InitialMatch, Title1, Text, URL1, Matches, ShowLink, SearchResultProps, PreviewImage };
48
+ export { URL, Title, InitialMatch, Matches, ShowLink, SearchResultProps, PreviewImage };
@@ -13,7 +13,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
13
13
  import { GalleryProps } from "./GalleryProps-76e7de44.js";
14
14
  import { HeroProps } from "./HeroProps-fec6b267.js";
15
15
  import { HtmlProps } from "./HtmlProps-9d091769.js";
16
- import { ImageStoryProps } from "./ImageStoryProps-4e2b2ecf.js";
16
+ import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
17
17
  import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
18
18
  import { LogosProps } from "./LogosProps-f9474fe2.js";
19
19
  import { MosaicProps } from "./MosaicProps-d52c7151.js";
@@ -10,7 +10,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
10
10
  import { GalleryProps } from "./GalleryProps-76e7de44.js";
11
11
  import { HeroProps } from "./HeroProps-fec6b267.js";
12
12
  import { HtmlProps } from "./HtmlProps-9d091769.js";
13
- import { ImageStoryProps } from "./ImageStoryProps-4e2b2ecf.js";
13
+ import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
14
14
  import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
15
15
  import { LogosProps } from "./LogosProps-f9474fe2.js";
16
16
  import { MosaicProps } from "./MosaicProps-d52c7151.js";
@@ -10,7 +10,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
10
10
  import { GalleryProps } from "./GalleryProps-76e7de44.js";
11
11
  import { HeroProps } from "./HeroProps-fec6b267.js";
12
12
  import { HtmlProps } from "./HtmlProps-9d091769.js";
13
- import { ImageStoryProps } from "./ImageStoryProps-4e2b2ecf.js";
13
+ import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
14
14
  import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
15
15
  import { LogosProps } from "./LogosProps-f9474fe2.js";
16
16
  import { MosaicProps } from "./MosaicProps-d52c7151.js";
@@ -1,4 +1,4 @@
1
- import { BlogOverviewProps } from "../../BlogOverviewProps-d62a0a9a.js";
1
+ import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
4
4
  export type { BlogOverviewProps };
@@ -1,4 +1,4 @@
1
- import { BlogPostProps } from "../../BlogPostProps-c04a5ed8.js";
1
+ import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
4
4
  export type { BlogPostProps };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { BlogTeaserProps } from "../../BlogTeaserProps-d62a0a9a.js";
3
+ import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
4
4
  declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { ImageStoryProps } from "../../ImageStoryProps-4e2b2ecf.js";
3
+ import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
4
4
  declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -29,8 +29,8 @@ interface SettingsProps {
29
29
  seo: SeoProps;
30
30
  iconSprite?: IconSprite;
31
31
  }
32
- export * from "../../BlogPostProps-c04a5ed8.js";
33
- export * from "../../BlogOverviewProps-d62a0a9a.js";
32
+ export * from "../../BlogPostProps-6b3cff22.js";
33
+ export * from "../../BlogOverviewProps-9f207f1c.js";
34
34
  export * from "../../PageProps-aa29c554.js";
35
35
  export { IconSprite, SettingsProps };
36
36
  export * from "../../EventDetailProps-42a7eebe.js";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 05 Sep 2025 10:15:31 GMT
3
+ * Generated on Fri, 05 Sep 2025 10:45:55 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
@@ -8,7 +8,7 @@ import { FC, PropsWithChildren } from "react";
8
8
  import { HeadlineProps } from "../../HeadlineProps-e1305784.js";
9
9
  import { SearchBarProps } from "../../SearchBarProps-26263244.js";
10
10
  import { SearchFilterProps } from "../../SearchFilterProps-2fa6419b.js";
11
- import { SearchResultProps } from "../../SearchResultProps-4a00e50a.js";
11
+ import { SearchResultProps } from "../../SearchResultProps-a4d09722.js";
12
12
  interface SearchProps {
13
13
  /**
14
14
  * Referenced component HeadlineProps
@@ -17,8 +17,9 @@ import '../../helpers-12f48df8.js';
17
17
  import 'markdown-to-jsx';
18
18
  import '@kickstartds/base/lib/link';
19
19
  import '@kickstartds/base/lib/picture';
20
- import '@kickstartds/base/lib/icon';
21
20
  import '@kickstartds/core/lib/container';
21
+ import '../search-result-match/index.js';
22
+ import '@kickstartds/base/lib/icon';
22
23
  import '@kickstartds/form/lib/text-field';
23
24
  import '@kickstartds/base/lib/headline';
24
25
 
@@ -254,6 +254,9 @@
254
254
  "type": "array",
255
255
  "description": "An array of search matches.",
256
256
  "items": {
257
+ "$schema": "http://json-schema.org/draft-07/schema#",
258
+ "$id": "http://schema.mydesignsystem.com/search-result-match.schema.json",
259
+ "title": "Search Result Match",
257
260
  "type": "object",
258
261
  "properties": {
259
262
  "title": {
@@ -13,6 +13,7 @@ import '../../helpers-12f48df8.js';
13
13
  import '@kickstartds/base/lib/rich-text';
14
14
  import '@kickstartds/base/lib/picture';
15
15
  import '@kickstartds/core/lib/container';
16
+ import '../search-result-match/index.js';
16
17
  import '@kickstartds/core/lib/component';
17
18
 
18
19
  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" })] }));
@@ -21,6 +21,7 @@ import '../search-result/index.js';
21
21
  import '@kickstartds/base/lib/rich-text';
22
22
  import '@kickstartds/base/lib/picture';
23
23
  import '@kickstartds/core/lib/container';
24
+ import '../search-result-match/index.js';
24
25
  import '../search-form/SearchForm.client.js';
25
26
 
26
27
  const SearchModal = ({ headline = "Search", closeAriaLabel = "close", formComponent, }) => (jsx("dialog", { "ks-component": "dsa.search-modal", className: "dsa-search-modal", children: jsx(Section, { headline: {
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { SearchResultProps } from "../../SearchResultProps-4a00e50a.js";
2
+ import { SearchResultProps } from "../../SearchResultProps-a4d09722.js";
3
3
  declare const SearchResultContextDefault: import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLDivElement>>;
4
4
  declare const SearchResultContext: import("react").Context<import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLDivElement>>>;
5
5
  declare const SearchResult: import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -6,8 +6,9 @@ import { RichText } from '@kickstartds/base/lib/rich-text';
6
6
  import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
7
7
  import classnames from 'classnames';
8
8
  import { Picture } from '@kickstartds/base/lib/picture';
9
- import { Icon } from '@kickstartds/base/lib/icon';
10
9
  import { Container } from '@kickstartds/core/lib/container';
10
+ import { SearchResultMatch } from '../search-result-match/index.js';
11
+ import '@kickstartds/base/lib/icon';
11
12
 
12
13
  const defaults = {
13
14
  "previewImage": {
@@ -19,7 +20,7 @@ const defaults = {
19
20
 
20
21
  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", {
21
22
  "dsa-search-result--image-large": previewImage?.large,
22
- }), 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) => (jsxs(Link, { href: match.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" }), match.title] }), jsx(RichText, { text: match.snippet, className: "dsa-search-result__match-snippet" })] }, 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" }) }))] }) })));
23
+ }), 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" }) }))] }) })));
23
24
  const SearchResultContext = createContext(SearchResultContextDefault);
24
25
  const SearchResult = forwardRef((props, ref) => {
25
26
  const Component = useContext(SearchResultContext);
@@ -31,31 +31,11 @@
31
31
  .dsa-search-result__matches {
32
32
  padding: var(--ks-spacing-xxs) 0;
33
33
  }
34
- .dsa-search-result__match {
35
- --g-link--border-radius: 0;
36
- font: var(--ks-font-interface-m);
37
- padding: var(--ks-spacing-stack-s) 0;
38
- border-top: 1px solid var(--ks-border-color-default);
39
- display: block;
40
- }
41
- .dsa-search-result__match:last-child {
42
- border-bottom: 1px solid var(--ks-border-color-default);
43
- }
44
- .dsa-search-result__match .l-container--rich-text {
45
- margin-left: 1em;
46
- }
47
34
  .dsa-search-result__title {
48
35
  font-size: var(--ks-font-size-display-l);
49
36
  font-family: var(--ks-font-family-display);
50
37
  line-height: var(--ks-line-height-display-m);
51
38
  }
52
- .dsa-search-result__match-snippet {
53
- font: var(--ks-font-copy-m);
54
- }
55
- .dsa-search-result__match-chevron {
56
- width: 1em;
57
- height: 1em;
58
- }
59
39
  .dsa-search-result__preview-image-wrapper {
60
40
  height: fit-content;
61
41
  }
@@ -47,6 +47,9 @@
47
47
  "type": "array",
48
48
  "description": "An array of search matches.",
49
49
  "items": {
50
+ "$schema": "http://json-schema.org/draft-07/schema#",
51
+ "$id": "http://schema.mydesignsystem.com/search-result-match.schema.json",
52
+ "title": "Search Result Match",
50
53
  "type": "object",
51
54
  "properties": {
52
55
  "title": {
@@ -42,31 +42,7 @@
42
42
  "type": "array",
43
43
  "description": "An array of search matches.",
44
44
  "items": {
45
- "type": "object",
46
- "properties": {
47
- "title": {
48
- "title": "Title",
49
- "type": "string",
50
- "description": "The title of the match.",
51
- "examples": ["Panel Discussion: Ethics in AI"]
52
- },
53
- "snippet": {
54
- "title": "Text",
55
- "type": "string",
56
- "description": "The main content or description of the search result.",
57
- "examples": [
58
- "Experts debate the ethical challenges and responsibilities of deploying AI technologies."
59
- ]
60
- },
61
- "url": {
62
- "title": "URL",
63
- "type": "string",
64
- "description": "A URL linking to the specific match or more information.",
65
- "examples": [
66
- "https://www.example.com/ai-conference-2023/panel-discussion"
67
- ]
68
- }
69
- }
45
+ "$ref": "http://schema.mydesignsystem.com/search-result-match.schema.json"
70
46
  }
71
47
  },
72
48
  "showLink": {
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { SearchResultMatchProps } from "../../SearchResultMatchProps-777cd47c.js";
3
+ declare const SearchResultMatchContextDefault: import("react").ForwardRefExoticComponent<SearchResultMatchProps & import("react").RefAttributes<HTMLAnchorElement>>;
4
+ declare const SearchResultMatchContext: import("react").Context<import("react").ForwardRefExoticComponent<SearchResultMatchProps & import("react").RefAttributes<HTMLAnchorElement>>>;
5
+ declare const SearchResultMatch: import("react").ForwardRefExoticComponent<SearchResultMatchProps & import("react").RefAttributes<HTMLAnchorElement>>;
6
+ export type { SearchResultMatchProps };
7
+ export { SearchResultMatchContextDefault, SearchResultMatchContext, SearchResultMatch };
@@ -0,0 +1,19 @@
1
+ import "./search-result-match.css";
2
+ import { jsxs, jsx } from 'react/jsx-runtime';
3
+ import { forwardRef, createContext, useContext } from 'react';
4
+ import { Link } from '@kickstartds/base/lib/link';
5
+ import { RichText } from '@kickstartds/base/lib/rich-text';
6
+ import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
7
+ import { Icon } from '@kickstartds/base/lib/icon';
8
+
9
+ const defaults = {};
10
+
11
+ 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" })] })));
12
+ const SearchResultMatchContext = createContext(SearchResultMatchContextDefault);
13
+ const SearchResultMatch = forwardRef((props, ref) => {
14
+ const Component = useContext(SearchResultMatchContext);
15
+ return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
16
+ });
17
+ SearchResultMatch.displayName = "SearchResultMatch";
18
+
19
+ export { SearchResultMatch, SearchResultMatchContext, SearchResultMatchContextDefault };
@@ -0,0 +1,20 @@
1
+ .dsa-search-result-match {
2
+ --g-link--border-radius: 0;
3
+ font: var(--ks-font-interface-m);
4
+ padding: var(--ks-spacing-stack-s) 0;
5
+ border-top: 1px solid var(--ks-border-color-default);
6
+ display: block;
7
+ }
8
+ .dsa-search-result-match__snippet {
9
+ font: var(--ks-font-copy-m);
10
+ }
11
+ .dsa-search-result-match__chevron {
12
+ width: 1em;
13
+ height: 1em;
14
+ }
15
+ .dsa-search-result-match:last-child {
16
+ border-bottom: 1px solid var(--ks-border-color-default);
17
+ }
18
+ .dsa-search-result-match .l-container--rich-text {
19
+ margin-left: 1em;
20
+ }
@@ -0,0 +1,33 @@
1
+ {
2
+ "$schema": "http://json-schema.org/draft-07/schema#",
3
+ "$id": "http://schema.mydesignsystem.com/search-result-match.schema.json",
4
+ "title": "Search Result Match",
5
+ "type": "object",
6
+ "properties": {
7
+ "title": {
8
+ "title": "Title",
9
+ "type": "string",
10
+ "description": "The title of the match.",
11
+ "examples": [
12
+ "Panel Discussion: Ethics in AI"
13
+ ]
14
+ },
15
+ "snippet": {
16
+ "title": "Text",
17
+ "type": "string",
18
+ "description": "The main content or description of the search result.",
19
+ "examples": [
20
+ "Experts debate the ethical challenges and responsibilities of deploying AI technologies."
21
+ ]
22
+ },
23
+ "url": {
24
+ "title": "URL",
25
+ "type": "string",
26
+ "description": "A URL linking to the specific match or more information.",
27
+ "examples": [
28
+ "https://www.example.com/ai-conference-2023/panel-discussion"
29
+ ]
30
+ }
31
+ },
32
+ "additionalProperties": false
33
+ }
@@ -0,0 +1,31 @@
1
+ {
2
+ "$schema": "http://json-schema.org/draft-07/schema#",
3
+ "$id": "http://schema.mydesignsystem.com/search-result-match.schema.json",
4
+ "title": "Search Result Match",
5
+ "type": "object",
6
+ "properties": {
7
+ "title": {
8
+ "title": "Title",
9
+ "type": "string",
10
+ "description": "The title of the match.",
11
+ "examples": ["Panel Discussion: Ethics in AI"]
12
+ },
13
+ "snippet": {
14
+ "title": "Text",
15
+ "type": "string",
16
+ "description": "The main content or description of the search result.",
17
+ "examples": [
18
+ "Experts debate the ethical challenges and responsibilities of deploying AI technologies."
19
+ ]
20
+ },
21
+ "url": {
22
+ "title": "URL",
23
+ "type": "string",
24
+ "description": "A URL linking to the specific match or more information.",
25
+ "examples": [
26
+ "https://www.example.com/ai-conference-2023/panel-discussion"
27
+ ]
28
+ }
29
+ },
30
+ "additionalProperties": false
31
+ }
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes, FC, PropsWithChildren } from "react";
3
- import { SectionProps } from "../../SectionProps-4e2b2ecf.js";
3
+ import { SectionProps } from "../../SectionProps-d60aba86.js";
4
4
  declare const SectionContextDefault: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const SectionContext: import("react").Context<import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 05 Sep 2025 10:15:33 GMT
3
+ * Generated on Fri, 05 Sep 2025 10:45:57 GMT
4
4
  */
5
5
  :root [ks-theme=business] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
2727
2727
  }
2728
2728
  /**
2729
2729
  * Do not edit directly
2730
- * Generated on Fri, 05 Sep 2025 10:15:37 GMT
2730
+ * Generated on Fri, 05 Sep 2025 10:46:01 GMT
2731
2731
  */
2732
2732
  :root [ks-theme=google] {
2733
2733
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
5458
5458
  }
5459
5459
  /**
5460
5460
  * Do not edit directly
5461
- * Generated on Fri, 05 Sep 2025 10:15:35 GMT
5461
+ * Generated on Fri, 05 Sep 2025 10:45:59 GMT
5462
5462
  */
5463
5463
  :root [ks-theme=ngo] {
5464
5464
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
8459
8459
  }
8460
8460
  /**
8461
8461
  * Do not edit directly
8462
- * Generated on Fri, 05 Sep 2025 10:15:39 GMT
8462
+ * Generated on Fri, 05 Sep 2025 10:46:03 GMT
8463
8463
  */
8464
8464
  :root [ks-theme=telekom] {
8465
8465
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 05 Sep 2025 10:15:31 GMT
3
+ * Generated on Fri, 05 Sep 2025 10:45:55 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 05 Sep 2025 10:15:31 GMT
3
+ * Generated on Fri, 05 Sep 2025 10:45:55 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#f3f3f4";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.6.71--canary.50.2245.0",
3
+ "version": "1.6.71--canary.50.2247.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {