@kickstartds/ds-agency-premium 1.6.71--canary.50.2263.0 → 1.6.71--canary.50.2265.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.
- package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
- package/dist/SearchFormProps-b44fa754.d.ts +28 -0
- package/dist/components/blog-teaser/index.d.ts +1 -1
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +8 -2
- package/dist/components/search-form/index.d.ts +1 -28
- package/dist/components/search-modal/index.d.ts +5 -1
- package/dist/components/search-modal/index.js +2 -2
- package/dist/components/search-modal/search-modal.schema.dereffed.json +40 -2
- package/dist/components/search-modal/search-modal.schema.json +6 -3
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
- /package/dist/{BlogTeaserProps-d62a0a9a.d.ts → BlogTeaserProps-f5855e93.d.ts} +0 -0
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* and run json-schema-to-typescript to regenerate this file.
|
|
5
5
|
*/
|
|
6
6
|
import { SectionProps } from "./SectionProps-d60aba86.js";
|
|
7
|
-
import { BlogTeaserProps } from "./BlogTeaserProps-
|
|
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
|
/**
|
|
@@ -0,0 +1,28 @@
|
|
|
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
|
+
* Whether to display the link to the search result.
|
|
8
|
+
*/
|
|
9
|
+
type ShowLink = boolean;
|
|
10
|
+
/**
|
|
11
|
+
* The reserved space of the image row.
|
|
12
|
+
*/
|
|
13
|
+
type ImageRowSize = "none" | "small" | "large";
|
|
14
|
+
interface SearchFormProps {
|
|
15
|
+
/**
|
|
16
|
+
* ks-component attribute
|
|
17
|
+
*/
|
|
18
|
+
component?: string;
|
|
19
|
+
result?: {
|
|
20
|
+
/**
|
|
21
|
+
* Max number of subresults of a single search result
|
|
22
|
+
*/
|
|
23
|
+
maxSubresults?: number;
|
|
24
|
+
showLink?: ShowLink;
|
|
25
|
+
imageColSize?: ImageRowSize;
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
export { ShowLink, ImageRowSize, SearchFormProps };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
import { BlogTeaserProps } from "../../BlogTeaserProps-
|
|
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>>;
|
|
@@ -3976,11 +3976,17 @@
|
|
|
3976
3976
|
"id": "corporate-search-modal--pagefind",
|
|
3977
3977
|
"group": "Corporate / Search Modal",
|
|
3978
3978
|
"name": "Pagefind",
|
|
3979
|
-
"code": "<>\n <Button\n data-topic=\"dsa.search-modal.open\"\n ks-component=\"dsa.radio-emit\"\n label=\"Open\"\n size=\"small\"\n />\n <hr />\n <SearchModal\n closeAriaLabel=\"close\"\n
|
|
3979
|
+
"code": "<>\n <Button\n data-topic=\"dsa.search-modal.open\"\n ks-component=\"dsa.radio-emit\"\n label=\"Open\"\n size=\"small\"\n />\n <hr />\n <SearchModal\n closeAriaLabel=\"close\"\n form={{\n component: 'dsa.search-form.pagefind',\n result: {\n imageColSize: 'small',\n showLink: true\n }\n }}\n headline=\"Search\"\n />\n</>",
|
|
3980
3980
|
"args": {
|
|
3981
3981
|
"headline": "Search",
|
|
3982
3982
|
"closeAriaLabel": "close",
|
|
3983
|
-
"
|
|
3983
|
+
"form": {
|
|
3984
|
+
"component": "dsa.search-form.pagefind",
|
|
3985
|
+
"result": {
|
|
3986
|
+
"showLink": true,
|
|
3987
|
+
"imageColSize": "small"
|
|
3988
|
+
}
|
|
3989
|
+
}
|
|
3984
3990
|
},
|
|
3985
3991
|
"screenshot": "img/screenshots/corporate-search-modal--pagefind.png"
|
|
3986
3992
|
},
|
|
@@ -1,31 +1,4 @@
|
|
|
1
1
|
import { FC, HTMLAttributes } from "react";
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
5
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
6
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
7
|
-
*/
|
|
8
|
-
/**
|
|
9
|
-
* Whether to display the link to the search result.
|
|
10
|
-
*/
|
|
11
|
-
type ShowLink = boolean;
|
|
12
|
-
/**
|
|
13
|
-
* The reserved space of the image row.
|
|
14
|
-
*/
|
|
15
|
-
type ImageRowSize = "none" | "small" | "large";
|
|
16
|
-
interface SearchFormProps {
|
|
17
|
-
/**
|
|
18
|
-
* ks-component attribute
|
|
19
|
-
*/
|
|
20
|
-
component?: string;
|
|
21
|
-
result?: {
|
|
22
|
-
/**
|
|
23
|
-
* Max number of subresults of a single search result
|
|
24
|
-
*/
|
|
25
|
-
maxSubresults?: number;
|
|
26
|
-
showLink?: ShowLink;
|
|
27
|
-
imageColSize?: ImageRowSize;
|
|
28
|
-
};
|
|
29
|
-
}
|
|
2
|
+
import { SearchFormProps } from "../../SearchFormProps-b44fa754.js";
|
|
30
3
|
declare const SearchForm: FC<SearchFormProps & HTMLAttributes<HTMLFormElement>>;
|
|
31
4
|
export { SearchForm };
|
|
@@ -5,10 +5,14 @@ import { FC } from "react";
|
|
|
5
5
|
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
6
6
|
* and run json-schema-to-typescript to regenerate this file.
|
|
7
7
|
*/
|
|
8
|
+
import { SearchFormProps } from "../../SearchFormProps-b44fa754.js";
|
|
8
9
|
interface SearchModalProps {
|
|
9
10
|
headline: string;
|
|
10
11
|
closeAriaLabel: string;
|
|
11
|
-
|
|
12
|
+
/**
|
|
13
|
+
* Referenced component SearchFormProps
|
|
14
|
+
*/
|
|
15
|
+
form?: SearchFormProps;
|
|
12
16
|
}
|
|
13
17
|
declare const SearchModal: FC<SearchModalProps>;
|
|
14
18
|
export { SearchModal };
|
|
@@ -25,13 +25,13 @@ import '../search-result-match/index.js';
|
|
|
25
25
|
import '../search-form/SearchForm.client.js';
|
|
26
26
|
import '@kickstartds/core/lib/core';
|
|
27
27
|
|
|
28
|
-
const SearchModal = ({ headline = "Search", closeAriaLabel = "close",
|
|
28
|
+
const SearchModal = ({ headline = "Search", closeAriaLabel = "close", form: formProps = {}, }) => (jsx("dialog", { "ks-component": "dsa.search-modal", className: "dsa-search-modal", children: jsx(Section, { headline: {
|
|
29
29
|
text: headline,
|
|
30
30
|
sub: closeAriaLabel,
|
|
31
31
|
// @ts-expect-error
|
|
32
32
|
renderSubheadline(sub) {
|
|
33
33
|
return (jsx(Button, { className: "dsa-search-modal__close", "aria-label": sub, label: "", icon: "close", size: "small", "ks-component": "dsa.radio-emit", "data-topic": "dsa.search-modal.close" }));
|
|
34
34
|
},
|
|
35
|
-
}, spaceBefore: "small", spaceAfter: "small", children: jsx(SearchForm, {
|
|
35
|
+
}, spaceBefore: "small", spaceAfter: "small", children: jsx(SearchForm, { ...formProps }) }) }));
|
|
36
36
|
|
|
37
37
|
export { SearchModal };
|
|
@@ -12,8 +12,46 @@
|
|
|
12
12
|
"type": "string",
|
|
13
13
|
"default": "close"
|
|
14
14
|
},
|
|
15
|
-
"
|
|
16
|
-
"
|
|
15
|
+
"form": {
|
|
16
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
17
|
+
"$id": "http://schema.mydesignsystem.com/search-form.schema.json",
|
|
18
|
+
"title": "Search Form",
|
|
19
|
+
"type": "object",
|
|
20
|
+
"properties": {
|
|
21
|
+
"component": {
|
|
22
|
+
"type": "string",
|
|
23
|
+
"description": "ks-component attribute",
|
|
24
|
+
"default": "dsa.search-form"
|
|
25
|
+
},
|
|
26
|
+
"result": {
|
|
27
|
+
"type": "object",
|
|
28
|
+
"properties": {
|
|
29
|
+
"maxSubresults": {
|
|
30
|
+
"type": "number",
|
|
31
|
+
"description": "Max number of subresults of a single search result"
|
|
32
|
+
},
|
|
33
|
+
"showLink": {
|
|
34
|
+
"title": "Show Link",
|
|
35
|
+
"type": "boolean",
|
|
36
|
+
"description": "Whether to display the link to the search result.",
|
|
37
|
+
"default": true
|
|
38
|
+
},
|
|
39
|
+
"imageColSize": {
|
|
40
|
+
"title": "Image Row Size",
|
|
41
|
+
"type": "string",
|
|
42
|
+
"description": "The reserved space of the image row.",
|
|
43
|
+
"default": "small",
|
|
44
|
+
"enum": [
|
|
45
|
+
"none",
|
|
46
|
+
"small",
|
|
47
|
+
"large"
|
|
48
|
+
]
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
"additionalProperties": false
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
"additionalProperties": false
|
|
17
55
|
}
|
|
18
56
|
},
|
|
19
57
|
"required": [
|
|
@@ -12,10 +12,13 @@
|
|
|
12
12
|
"type": "string",
|
|
13
13
|
"default": "close"
|
|
14
14
|
},
|
|
15
|
-
"
|
|
16
|
-
"
|
|
15
|
+
"form": {
|
|
16
|
+
"$ref": "http://schema.mydesignsystem.com/search-form.schema.json"
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
|
-
"required": [
|
|
19
|
+
"required": [
|
|
20
|
+
"headline",
|
|
21
|
+
"closeAriaLabel"
|
|
22
|
+
],
|
|
20
23
|
"additionalProperties": false
|
|
21
24
|
}
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 05 Sep 2025 14:
|
|
3
|
+
* Generated on Fri, 05 Sep 2025 14:46:37 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 14:
|
|
2730
|
+
* Generated on Fri, 05 Sep 2025 14:46:41 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 14:
|
|
5461
|
+
* Generated on Fri, 05 Sep 2025 14:46:39 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 14:
|
|
8462
|
+
* Generated on Fri, 05 Sep 2025 14:46:43 GMT
|
|
8463
8463
|
*/
|
|
8464
8464
|
:root [ks-theme=telekom] {
|
|
8465
8465
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
package/dist/tokens/tokens.css
CHANGED
package/dist/tokens/tokens.js
CHANGED
package/package.json
CHANGED
|
File without changes
|