@kickstartds/ds-agency-premium 1.6.71--canary.45.2026.0 → 1.6.71--canary.45.2032.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-d60aba86.d.ts → BlogOverviewProps-d62a0a9a.d.ts} +1 -1
- package/dist/{BlogPostProps-d60aba86.d.ts → BlogPostProps-c760fd2a.d.ts} +2 -2
- package/dist/{PageProps-d60aba86.d.ts → PageProps-aa29c554.d.ts} +1 -1
- package/dist/components/blog-head/index.d.ts +1 -1
- package/dist/components/blog-overview/index.d.ts +1 -1
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/contact/contact.css +1 -1
- package/dist/components/cookie-consent/cookie-consent.schema.dereffed.json +59 -28
- package/dist/components/cookie-consent/cookie-consent.schema.json +45 -16
- package/dist/components/cookie-consent/index.d.ts +34 -12
- package/dist/components/cookie-consent/index.js +1 -1
- package/dist/components/index/index.d.ts +3 -3
- package/dist/components/page/index.d.ts +1 -1
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +29 -12
- package/dist/components/section/index.d.ts +1 -1
- 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/{BlogHeadProps-f5855e93.d.ts → BlogHeadProps-c04a5ed8.d.ts} +0 -0
- /package/dist/{SectionProps-d60aba86.d.ts → SectionProps-e10e7b62.d.ts} +0 -0
|
@@ -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-
|
|
6
|
+
import { SectionProps } from "./SectionProps-e10e7b62.js";
|
|
7
7
|
import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
|
|
8
8
|
import { CtaProps } from "./CtaProps-789f8508.js";
|
|
9
9
|
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
@@ -3,9 +3,9 @@
|
|
|
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 { BlogHeadProps } from "./BlogHeadProps-
|
|
6
|
+
import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
|
|
7
7
|
import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
|
|
8
|
-
import { SectionProps } from "./SectionProps-
|
|
8
|
+
import { SectionProps } from "./SectionProps-e10e7b62.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-
|
|
6
|
+
import { SectionProps } from "./SectionProps-e10e7b62.js";
|
|
7
7
|
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
8
8
|
/**
|
|
9
9
|
* Collection of sections (with their contents) to render on the page
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { BlogHeadProps } from "../../BlogHeadProps-
|
|
2
|
+
import { BlogHeadProps } from "../../BlogHeadProps-c04a5ed8.js";
|
|
3
3
|
declare const BlogHeadContextDefault: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
4
|
declare const BlogHeadContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
5
5
|
declare const BlogHead: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BlogOverviewProps } from "../../BlogOverviewProps-
|
|
1
|
+
import { BlogOverviewProps } from "../../BlogOverviewProps-d62a0a9a.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-
|
|
1
|
+
import { BlogPostProps } from "../../BlogPostProps-c760fd2a.js";
|
|
2
2
|
import { FC, PropsWithChildren } from "react";
|
|
3
3
|
declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
|
|
4
4
|
export type { BlogPostProps };
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
--dsa-contact__subtitle--color: var(--ks-text-color-display);
|
|
20
20
|
--dsa-contact__subtitle--font: var(--ks-font-copy-m);
|
|
21
21
|
--dsa-contact__subtitle--font-weight: var(--ks-font-weight-regular);
|
|
22
|
-
--dsa-contact__links--gap: 0;
|
|
22
|
+
--dsa-contact__links--gap: calc(var(--ks-spacing-xxs) * 0.5);
|
|
23
23
|
--dsa-contact__link--color: var(--dsa-link--color);
|
|
24
24
|
--dsa-contact__link--color_hover: var(--dsa-link--color_hover);
|
|
25
25
|
--dsa-contact__link--font: var(--ks-font-interface-m);
|
|
@@ -34,18 +34,6 @@
|
|
|
34
34
|
"examples": [
|
|
35
35
|
"Accept All Cookies"
|
|
36
36
|
]
|
|
37
|
-
},
|
|
38
|
-
"variant": {
|
|
39
|
-
"type": "string",
|
|
40
|
-
"enum": [
|
|
41
|
-
"primary",
|
|
42
|
-
"secondary",
|
|
43
|
-
"tertiary"
|
|
44
|
-
],
|
|
45
|
-
"examples": [
|
|
46
|
-
"primary"
|
|
47
|
-
],
|
|
48
|
-
"description": "The variant of the accept button"
|
|
49
37
|
}
|
|
50
38
|
},
|
|
51
39
|
"additionalProperties": false
|
|
@@ -59,18 +47,6 @@
|
|
|
59
47
|
"examples": [
|
|
60
48
|
"Reject All Cookies"
|
|
61
49
|
]
|
|
62
|
-
},
|
|
63
|
-
"variant": {
|
|
64
|
-
"type": "string",
|
|
65
|
-
"enum": [
|
|
66
|
-
"primary",
|
|
67
|
-
"secondary",
|
|
68
|
-
"tertiary"
|
|
69
|
-
],
|
|
70
|
-
"examples": [
|
|
71
|
-
"tertiary"
|
|
72
|
-
],
|
|
73
|
-
"description": "The variant of the reject button"
|
|
74
50
|
}
|
|
75
51
|
},
|
|
76
52
|
"additionalProperties": false
|
|
@@ -87,19 +63,29 @@
|
|
|
87
63
|
},
|
|
88
64
|
"variant": {
|
|
89
65
|
"type": "string",
|
|
66
|
+
"title": "Variant",
|
|
67
|
+
"description": "Variant of button to be used",
|
|
90
68
|
"enum": [
|
|
91
69
|
"primary",
|
|
92
70
|
"secondary",
|
|
93
71
|
"tertiary"
|
|
94
72
|
],
|
|
95
|
-
"
|
|
96
|
-
"tertiary"
|
|
97
|
-
],
|
|
98
|
-
"description": "The variant of the customize button"
|
|
73
|
+
"default": "secondary"
|
|
99
74
|
}
|
|
100
75
|
},
|
|
101
76
|
"additionalProperties": false
|
|
102
77
|
},
|
|
78
|
+
"decisionButtonVariant": {
|
|
79
|
+
"type": "string",
|
|
80
|
+
"title": "Variant",
|
|
81
|
+
"description": "Variant of button to be used",
|
|
82
|
+
"enum": [
|
|
83
|
+
"primary",
|
|
84
|
+
"secondary",
|
|
85
|
+
"tertiary"
|
|
86
|
+
],
|
|
87
|
+
"default": "secondary"
|
|
88
|
+
},
|
|
103
89
|
"description": {
|
|
104
90
|
"type": "string",
|
|
105
91
|
"description": "The description of the cookie consent section",
|
|
@@ -153,6 +139,35 @@
|
|
|
153
139
|
"additionalProperties": false
|
|
154
140
|
}
|
|
155
141
|
},
|
|
142
|
+
"buttons": {
|
|
143
|
+
"type": "object",
|
|
144
|
+
"properties": {
|
|
145
|
+
"acceptLabel": {
|
|
146
|
+
"type": "string",
|
|
147
|
+
"description": "The label for the accept button in the dialogue",
|
|
148
|
+
"default": "Accept All"
|
|
149
|
+
},
|
|
150
|
+
"rejectLabel": {
|
|
151
|
+
"type": "string",
|
|
152
|
+
"description": "The label for the reject button in the dialogue",
|
|
153
|
+
"default": "Reject All"
|
|
154
|
+
},
|
|
155
|
+
"savePreferencesLabel": {
|
|
156
|
+
"type": "string",
|
|
157
|
+
"description": "The label for the button to save preferences",
|
|
158
|
+
"default": "Save Preferences"
|
|
159
|
+
}
|
|
160
|
+
},
|
|
161
|
+
"additionalProperties": false
|
|
162
|
+
},
|
|
163
|
+
"decisionButtonVariant": {
|
|
164
|
+
"type": "string",
|
|
165
|
+
"description": "The variant of the decision buttons in the dialogue",
|
|
166
|
+
"enum": [
|
|
167
|
+
"secondary",
|
|
168
|
+
"tertiary"
|
|
169
|
+
]
|
|
170
|
+
},
|
|
156
171
|
"options": {
|
|
157
172
|
"type": "array",
|
|
158
173
|
"items": {
|
|
@@ -180,6 +195,22 @@
|
|
|
180
195
|
},
|
|
181
196
|
"additionalProperties": false
|
|
182
197
|
}
|
|
198
|
+
},
|
|
199
|
+
"toggleLabels": {
|
|
200
|
+
"type": "object",
|
|
201
|
+
"properties": {
|
|
202
|
+
"accept": {
|
|
203
|
+
"type": "string",
|
|
204
|
+
"description": "Label for enabled toggle state",
|
|
205
|
+
"default": "Accept"
|
|
206
|
+
},
|
|
207
|
+
"reject": {
|
|
208
|
+
"type": "string",
|
|
209
|
+
"description": "Label for disabled toggle state",
|
|
210
|
+
"default": "Reject"
|
|
211
|
+
}
|
|
212
|
+
},
|
|
213
|
+
"additionalProperties": false
|
|
183
214
|
}
|
|
184
215
|
},
|
|
185
216
|
"additionalProperties": false
|
|
@@ -27,12 +27,6 @@
|
|
|
27
27
|
"type": "string",
|
|
28
28
|
"description": "The label for the accept button",
|
|
29
29
|
"examples": ["Accept All Cookies"]
|
|
30
|
-
},
|
|
31
|
-
"variant": {
|
|
32
|
-
"type": "string",
|
|
33
|
-
"enum": ["primary", "secondary", "tertiary"],
|
|
34
|
-
"examples": ["primary"],
|
|
35
|
-
"description": "The variant of the accept button"
|
|
36
30
|
}
|
|
37
31
|
}
|
|
38
32
|
},
|
|
@@ -43,12 +37,6 @@
|
|
|
43
37
|
"type": "string",
|
|
44
38
|
"description": "The label for the reject button",
|
|
45
39
|
"examples": ["Reject All Cookies"]
|
|
46
|
-
},
|
|
47
|
-
"variant": {
|
|
48
|
-
"type": "string",
|
|
49
|
-
"enum": ["primary", "secondary", "tertiary"],
|
|
50
|
-
"examples": ["tertiary"],
|
|
51
|
-
"description": "The variant of the reject button"
|
|
52
40
|
}
|
|
53
41
|
}
|
|
54
42
|
},
|
|
@@ -61,13 +49,13 @@
|
|
|
61
49
|
"examples": ["Customize Cookies"]
|
|
62
50
|
},
|
|
63
51
|
"variant": {
|
|
64
|
-
"
|
|
65
|
-
"enum": ["primary", "secondary", "tertiary"],
|
|
66
|
-
"examples": ["tertiary"],
|
|
67
|
-
"description": "The variant of the customize button"
|
|
52
|
+
"$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/variant"
|
|
68
53
|
}
|
|
69
54
|
}
|
|
70
55
|
},
|
|
56
|
+
"decisionButtonVariant": {
|
|
57
|
+
"$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/variant"
|
|
58
|
+
},
|
|
71
59
|
"description": {
|
|
72
60
|
"type": "string",
|
|
73
61
|
"description": "The description of the cookie consent section",
|
|
@@ -115,6 +103,31 @@
|
|
|
115
103
|
}
|
|
116
104
|
}
|
|
117
105
|
},
|
|
106
|
+
"buttons": {
|
|
107
|
+
"type": "object",
|
|
108
|
+
"properties": {
|
|
109
|
+
"acceptLabel": {
|
|
110
|
+
"type": "string",
|
|
111
|
+
"description": "The label for the accept button in the dialogue",
|
|
112
|
+
"default": "Accept All"
|
|
113
|
+
},
|
|
114
|
+
"rejectLabel": {
|
|
115
|
+
"type": "string",
|
|
116
|
+
"description": "The label for the reject button in the dialogue",
|
|
117
|
+
"default": "Reject All"
|
|
118
|
+
},
|
|
119
|
+
"savePreferencesLabel": {
|
|
120
|
+
"type": "string",
|
|
121
|
+
"description": "The label for the button to save preferences",
|
|
122
|
+
"default": "Save Preferences"
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
"decisionButtonVariant": {
|
|
127
|
+
"type": "string",
|
|
128
|
+
"description": "The variant of the decision buttons in the dialogue",
|
|
129
|
+
"enum": ["secondary", "tertiary"]
|
|
130
|
+
},
|
|
118
131
|
"options": {
|
|
119
132
|
"type": "array",
|
|
120
133
|
"items": {
|
|
@@ -139,6 +152,22 @@
|
|
|
139
152
|
}
|
|
140
153
|
}
|
|
141
154
|
}
|
|
155
|
+
},
|
|
156
|
+
"toggleLabels": {
|
|
157
|
+
"type": "object",
|
|
158
|
+
"properties": {
|
|
159
|
+
"accept": {
|
|
160
|
+
"type": "string",
|
|
161
|
+
"description": "Label for enabled toggle state",
|
|
162
|
+
"default": "Accept"
|
|
163
|
+
},
|
|
164
|
+
"reject": {
|
|
165
|
+
"type": "string",
|
|
166
|
+
"description": "Label for disabled toggle state",
|
|
167
|
+
"default": "Reject"
|
|
168
|
+
}
|
|
169
|
+
},
|
|
170
|
+
"additionalProperties": false
|
|
142
171
|
}
|
|
143
172
|
}
|
|
144
173
|
}
|
|
@@ -6,6 +6,10 @@ import { HTMLAttributes } from "react";
|
|
|
6
6
|
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
7
7
|
* and run json-schema-to-typescript to regenerate this file.
|
|
8
8
|
*/
|
|
9
|
+
/**
|
|
10
|
+
* Variant of button to be used
|
|
11
|
+
*/
|
|
12
|
+
type Variant = "primary" | "secondary" | "tertiary";
|
|
9
13
|
type RequiredCookies = {
|
|
10
14
|
/**
|
|
11
15
|
* The name of the required cookie
|
|
@@ -37,31 +41,21 @@ interface InitialCookieConsentNotice {
|
|
|
37
41
|
* The label for the accept button
|
|
38
42
|
*/
|
|
39
43
|
label?: string;
|
|
40
|
-
/**
|
|
41
|
-
* The variant of the accept button
|
|
42
|
-
*/
|
|
43
|
-
variant?: "primary" | "secondary" | "tertiary";
|
|
44
44
|
};
|
|
45
45
|
rejectButton?: {
|
|
46
46
|
/**
|
|
47
47
|
* The label for the reject button
|
|
48
48
|
*/
|
|
49
49
|
label?: string;
|
|
50
|
-
/**
|
|
51
|
-
* The variant of the reject button
|
|
52
|
-
*/
|
|
53
|
-
variant?: "primary" | "secondary" | "tertiary";
|
|
54
50
|
};
|
|
55
51
|
customizeButton?: {
|
|
56
52
|
/**
|
|
57
53
|
* The label for the customize button
|
|
58
54
|
*/
|
|
59
55
|
label?: string;
|
|
60
|
-
|
|
61
|
-
* The variant of the customize button
|
|
62
|
-
*/
|
|
63
|
-
variant?: "primary" | "secondary" | "tertiary";
|
|
56
|
+
variant?: Variant;
|
|
64
57
|
};
|
|
58
|
+
decisionButtonVariant?: Variant;
|
|
65
59
|
/**
|
|
66
60
|
* The description of the cookie consent section
|
|
67
61
|
*/
|
|
@@ -80,6 +74,24 @@ interface CookieConsentDialogue {
|
|
|
80
74
|
*/
|
|
81
75
|
description?: string;
|
|
82
76
|
required?: RequiredCookies;
|
|
77
|
+
buttons?: {
|
|
78
|
+
/**
|
|
79
|
+
* The label for the accept button in the dialogue
|
|
80
|
+
*/
|
|
81
|
+
acceptLabel?: string;
|
|
82
|
+
/**
|
|
83
|
+
* The label for the reject button in the dialogue
|
|
84
|
+
*/
|
|
85
|
+
rejectLabel?: string;
|
|
86
|
+
/**
|
|
87
|
+
* The label for the button to save preferences
|
|
88
|
+
*/
|
|
89
|
+
savePreferencesLabel?: string;
|
|
90
|
+
};
|
|
91
|
+
/**
|
|
92
|
+
* The variant of the decision buttons in the dialogue
|
|
93
|
+
*/
|
|
94
|
+
decisionButtonVariant?: "secondary" | "tertiary";
|
|
83
95
|
options?: {
|
|
84
96
|
/**
|
|
85
97
|
* The name of the cookie category
|
|
@@ -94,6 +106,16 @@ interface CookieConsentDialogue {
|
|
|
94
106
|
*/
|
|
95
107
|
checked?: boolean;
|
|
96
108
|
}[];
|
|
109
|
+
toggleLabels?: {
|
|
110
|
+
/**
|
|
111
|
+
* Label for enabled toggle state
|
|
112
|
+
*/
|
|
113
|
+
accept?: string;
|
|
114
|
+
/**
|
|
115
|
+
* Label for disabled toggle state
|
|
116
|
+
*/
|
|
117
|
+
reject?: string;
|
|
118
|
+
};
|
|
97
119
|
}
|
|
98
120
|
declare const CookieConsentContextDefault: import("react").ForwardRefExoticComponent<CookieConsentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
99
121
|
declare const CookieConsentContext: import("react").Context<import("react").ForwardRefExoticComponent<CookieConsentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
@@ -18,7 +18,7 @@ const CookieConsentContextDefault = forwardRef(({ notice, dialogue }, ref) => {
|
|
|
18
18
|
const handleRadioChange = (index, value) => {
|
|
19
19
|
setOptionStates((prev) => prev.map((checked, i) => (i === index ? value : checked)));
|
|
20
20
|
};
|
|
21
|
-
return (jsxs("div", { className: "dsa-cookie-consent", ref: ref, children: [jsxs("div", { className: classnames(`dsa-cookie-consent-notice dsa-cookie-consent-notice--${notice?.displayMode}`), children: [jsx(Headline, { spaceAfter: "minimum", text: notice?.title, level: "h2", style: "h3" }), jsx(RichText, { text: notice?.description }), jsxs("div", { className: "dsa-cookie-consent-notice__buttons", children: [jsx(Button, { size: "small", label: notice?.customizeButton?.label, variant: notice?.customizeButton?.variant, onClick: () => setShowDialogue(true) }), jsx(Button, { size: "small", label: notice?.rejectButton?.label, variant: notice?.
|
|
21
|
+
return (jsxs("div", { className: "dsa-cookie-consent", ref: ref, children: [jsxs("div", { className: classnames(`dsa-cookie-consent-notice dsa-cookie-consent-notice--${notice?.displayMode}`), children: [jsx(Headline, { spaceAfter: "minimum", text: notice?.title, level: "h2", style: "h3" }), jsx(RichText, { text: notice?.description }), jsxs("div", { className: "dsa-cookie-consent-notice__buttons", children: [jsx(Button, { size: "small", label: notice?.customizeButton?.label, variant: notice?.customizeButton?.variant, onClick: () => setShowDialogue(true) }), jsx(Button, { size: "small", label: notice?.rejectButton?.label, variant: notice?.decisionButtonVariant }), jsx(Button, { size: "small", label: notice?.acceptButton?.label, variant: notice?.decisionButtonVariant })] })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue", hidden: !showDialogue, "aria-hidden": !showDialogue, children: [jsxs("div", { className: "dsa-cookie-consent-dialogue__header", children: [jsx(Headline, { spaceAfter: "minimum", text: dialogue?.title, level: "h2", style: "h3" }), jsx(Button, { "aria-label": "Close Cookie Consent Dialogue", className: "dsa-cookie-consent-dialogue__close", icon: "close", label: "", onClick: () => setShowDialogue(false) })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue__content", children: [jsx(RichText, { className: "dsa-cookie-consent-dialogue__description", text: dialogue?.description }), jsxs("div", { className: "dsa-cookie-consent-dialogue__options", children: [dialogue?.required?.map((option, index) => (jsxs("div", { className: "dsa-cookie-consent-dialogue__option", children: [jsx(Headline, { spaceAfter: "minimum", text: option.name, level: "h3", style: "h4" }, index), jsx(Markdown, { className: "dsa-cookie-consent-dialogue__option-description", children: option.description }), jsx("span", { className: "dsa-cookie-consent-dialogue__label", children: "Always active" })] }, index))), dialogue?.options?.map((option, index) => (jsxs("div", { className: "dsa-cookie-consent-dialogue__option", children: [jsx(Headline, { spaceAfter: "minimum", text: option.name, level: "h3", style: "h4" }, index), jsx(Markdown, { className: "dsa-cookie-consent-dialogue__option-description", children: option.description }), jsxs("div", { className: "dsa-cookie-consent-dialogue__toggle", children: [jsx(Radio, { name: option.name, checked: optionStates?.[index] ?? true, label: dialogue?.toggleLabels?.accept || "Accept", onChange: () => handleRadioChange(index, true) }), jsx(Radio, { name: option.name, checked: optionStates ? !optionStates[index] : false, label: dialogue?.toggleLabels?.reject || "Reject", onChange: () => handleRadioChange(index, false) })] })] }, index)))] })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue__buttons", children: [jsx(Button, { size: "small", variant: dialogue?.decisionButtonVariant, label: dialogue?.buttons.acceptLabel || "Accept All", onClick: () => setOptionStates(optionStates?.map(() => true)) }), jsx(Button, { size: "small", variant: dialogue?.decisionButtonVariant, label: dialogue?.buttons.rejectLabel || "Reject All", onClick: () => setOptionStates(optionStates?.map(() => false)) }), jsx(Button, { size: "small", variant: "primary", label: dialogue?.buttons.savePreferencesLabel || "Save Preferences", onClick: () => setShowDialogue(false) })] })] }), jsx("div", { className: "dsa-cookie-consent-overlay", hidden: !showDialogue })] }));
|
|
22
22
|
});
|
|
23
23
|
const CookieConsentContext = createContext(CookieConsentContextDefault);
|
|
24
24
|
const CookieConsent = forwardRef((props, ref) => {
|
|
@@ -29,8 +29,8 @@ interface SettingsProps {
|
|
|
29
29
|
seo: SeoProps;
|
|
30
30
|
iconSprite?: IconSprite;
|
|
31
31
|
}
|
|
32
|
-
export * from "../../BlogPostProps-
|
|
33
|
-
export * from "../../BlogOverviewProps-
|
|
34
|
-
export * from "../../PageProps-
|
|
32
|
+
export * from "../../BlogPostProps-c760fd2a.js";
|
|
33
|
+
export * from "../../BlogOverviewProps-d62a0a9a.js";
|
|
34
|
+
export * from "../../PageProps-aa29c554.js";
|
|
35
35
|
export { IconSprite, SettingsProps };
|
|
36
36
|
export * from "../../EventDetailProps-42a7eebe.js";
|
|
@@ -1544,23 +1544,22 @@
|
|
|
1544
1544
|
"id": "corporate-cookie-consent--card",
|
|
1545
1545
|
"group": "Corporate/Cookie Consent",
|
|
1546
1546
|
"name": "Card",
|
|
1547
|
-
"code": "<CookieConsent\n dialogue={{\n description: 'Manage your cookie preferences below.',\n options: [\n {\n checked: true,\n description: 'These cookies help us understand how our visitors interact with the website.',\n name: 'Analytics Cookies'\n },\n {\n checked: true,\n description: 'These cookies are used to deliver advertisements that are relevant to you.',\n name: 'Marketing Cookies'\n },\n {\n checked: true,\n description: 'These cookies allow the website to remember choices you make and provide enhanced, more personal features.',\n name: 'Functional Cookies'\n },\n {\n checked: true,\n description: 'These cookies collect information about how visitors use the website, such as which pages are visited most often and if they get error messages from web pages.',\n name: 'Performance Cookies'\n }\n ],\n required: [\n {\n description: 'These cookies are necessary for the website to function.',\n name: 'Essential Cookies'\n }\n ],\n title: 'Cookie Preferences'\n }}\n notice={{\n acceptButton: {\n label: 'Accept All'
|
|
1547
|
+
"code": "<CookieConsent\n dialogue={{\n buttons: {\n acceptLabel: 'Accept All',\n rejectLabel: 'Reject All',\n savePreferencesLabel: 'Save Preferences'\n },\n description: 'Manage your cookie preferences below.',\n options: [\n {\n checked: true,\n description: 'These cookies help us understand how our visitors interact with the website.',\n name: 'Analytics Cookies'\n },\n {\n checked: true,\n description: 'These cookies are used to deliver advertisements that are relevant to you.',\n name: 'Marketing Cookies'\n },\n {\n checked: true,\n description: 'These cookies allow the website to remember choices you make and provide enhanced, more personal features.',\n name: 'Functional Cookies'\n },\n {\n checked: true,\n description: 'These cookies collect information about how visitors use the website, such as which pages are visited most often and if they get error messages from web pages.',\n name: 'Performance Cookies'\n }\n ],\n required: [\n {\n description: 'These cookies are necessary for the website to function.',\n name: 'Essential Cookies'\n }\n ],\n title: 'Cookie Preferences',\n toggleLabels: {\n accept: 'Accept',\n reject: 'Reject'\n }\n }}\n notice={{\n acceptButton: {\n label: 'Accept All'\n },\n customizeButton: {\n label: 'Customize',\n variant: 'tertiary'\n },\n decisionButtonVariant: 'primary',\n description: 'We use cookies to enhance your experience on our website. You can choose which cookies to accept.',\n displayMode: 'card',\n rejectButton: {\n label: 'Reject All'\n },\n title: 'We use cookies'\n }}\n/>",
|
|
1548
1548
|
"args": {
|
|
1549
1549
|
"notice": {
|
|
1550
1550
|
"displayMode": "card",
|
|
1551
1551
|
"title": "We use cookies",
|
|
1552
1552
|
"acceptButton": {
|
|
1553
|
-
"label": "Accept All"
|
|
1554
|
-
"variant": "primary"
|
|
1553
|
+
"label": "Accept All"
|
|
1555
1554
|
},
|
|
1556
1555
|
"rejectButton": {
|
|
1557
|
-
"label": "Reject All"
|
|
1558
|
-
"variant": "tertiary"
|
|
1556
|
+
"label": "Reject All"
|
|
1559
1557
|
},
|
|
1560
1558
|
"customizeButton": {
|
|
1561
1559
|
"label": "Customize",
|
|
1562
1560
|
"variant": "tertiary"
|
|
1563
1561
|
},
|
|
1562
|
+
"decisionButtonVariant": "primary",
|
|
1564
1563
|
"description": "We use cookies to enhance your experience on our website. You can choose which cookies to accept."
|
|
1565
1564
|
},
|
|
1566
1565
|
"dialogue": {
|
|
@@ -1572,6 +1571,11 @@
|
|
|
1572
1571
|
"description": "These cookies are necessary for the website to function."
|
|
1573
1572
|
}
|
|
1574
1573
|
],
|
|
1574
|
+
"buttons": {
|
|
1575
|
+
"acceptLabel": "Accept All",
|
|
1576
|
+
"rejectLabel": "Reject All",
|
|
1577
|
+
"savePreferencesLabel": "Save Preferences"
|
|
1578
|
+
},
|
|
1575
1579
|
"options": [
|
|
1576
1580
|
{
|
|
1577
1581
|
"name": "Analytics Cookies",
|
|
@@ -1593,7 +1597,11 @@
|
|
|
1593
1597
|
"description": "These cookies collect information about how visitors use the website, such as which pages are visited most often and if they get error messages from web pages.",
|
|
1594
1598
|
"checked": true
|
|
1595
1599
|
}
|
|
1596
|
-
]
|
|
1600
|
+
],
|
|
1601
|
+
"toggleLabels": {
|
|
1602
|
+
"accept": "Accept",
|
|
1603
|
+
"reject": "Reject"
|
|
1604
|
+
}
|
|
1597
1605
|
}
|
|
1598
1606
|
},
|
|
1599
1607
|
"screenshot": "img/screenshots/corporate-cookie-consent--card.png"
|
|
@@ -1602,23 +1610,22 @@
|
|
|
1602
1610
|
"id": "corporate-cookie-consent--banner",
|
|
1603
1611
|
"group": "Corporate/Cookie Consent",
|
|
1604
1612
|
"name": "Banner",
|
|
1605
|
-
"code": "<CookieConsent\n dialogue={{\n description: 'Here you can enable or disable different types of cookies. Essential cookies are always active as they are necessary for the website to function properly. You can change your preferences at any time. Please note that disabling certain cookies may affect your experience on our website.',\n options: [\n {\n checked: true,\n description: 'These cookies help us to understand how visitors interact with our website by collecting and reporting information anonymously.',\n name: 'Statistics Cookies'\n },\n {\n checked: true,\n description: 'These cookies allow the website to remember choices you make, such as your language or region, to provide a more personalized experience.',\n name: 'Personalization Cookies'\n },\n {\n checked: true,\n description: 'Advertising cookies are used to deliver relevant ads and marketing campaigns to you. They track visitors across websites and collect information to provide customized ads.',\n name: 'Advertising Cookies'\n }\n ],\n required: [\n {\n description: 'These cookies are required for basic website functionality, such as page navigation and access to secure areas of the website. The website cannot function properly without these cookies.',\n name: 'Essential Cookies'\n }\n ],\n title: 'Manage Your Cookie Preferences'\n }}\n notice={{\n acceptButton: {\n label: 'Accept All Cookies'
|
|
1613
|
+
"code": "<CookieConsent\n dialogue={{\n buttons: {\n acceptLabel: 'Accept All',\n rejectLabel: 'Reject All',\n savePreferencesLabel: 'Save Preferences'\n },\n decisionButtonVariant: 'tertiary',\n description: 'Here you can enable or disable different types of cookies. Essential cookies are always active as they are necessary for the website to function properly. You can change your preferences at any time. Please note that disabling certain cookies may affect your experience on our website.',\n options: [\n {\n checked: true,\n description: 'These cookies help us to understand how visitors interact with our website by collecting and reporting information anonymously.',\n name: 'Statistics Cookies'\n },\n {\n checked: true,\n description: 'These cookies allow the website to remember choices you make, such as your language or region, to provide a more personalized experience.',\n name: 'Personalization Cookies'\n },\n {\n checked: true,\n description: 'Advertising cookies are used to deliver relevant ads and marketing campaigns to you. They track visitors across websites and collect information to provide customized ads.',\n name: 'Advertising Cookies'\n }\n ],\n required: [\n {\n description: 'These cookies are required for basic website functionality, such as page navigation and access to secure areas of the website. The website cannot function properly without these cookies.',\n name: 'Essential Cookies'\n }\n ],\n title: 'Manage Your Cookie Preferences',\n toggleLabels: {\n accept: 'Accept',\n reject: 'Reject'\n }\n }}\n notice={{\n acceptButton: {\n label: 'Accept All Cookies'\n },\n customizeButton: {\n label: 'Customize Settings',\n variant: 'secondary'\n },\n decisionButtonVariant: 'tertiary',\n description: 'We use cookies and similar technologies to personalize content, provide social media features, and analyze our traffic. You can choose which categories you want to allow and change your preferences at any time. For more information, please see our privacy policy.',\n displayMode: 'banner',\n rejectButton: {\n label: 'Reject Non-Essential'\n },\n title: 'Your Privacy Matters to Us'\n }}\n/>",
|
|
1606
1614
|
"args": {
|
|
1607
1615
|
"notice": {
|
|
1608
1616
|
"displayMode": "banner",
|
|
1609
1617
|
"title": "Your Privacy Matters to Us",
|
|
1610
1618
|
"acceptButton": {
|
|
1611
|
-
"label": "Accept All Cookies"
|
|
1612
|
-
"variant": "tertiary"
|
|
1619
|
+
"label": "Accept All Cookies"
|
|
1613
1620
|
},
|
|
1614
1621
|
"rejectButton": {
|
|
1615
|
-
"label": "Reject Non-Essential"
|
|
1616
|
-
"variant": "tertiary"
|
|
1622
|
+
"label": "Reject Non-Essential"
|
|
1617
1623
|
},
|
|
1618
1624
|
"customizeButton": {
|
|
1619
1625
|
"label": "Customize Settings",
|
|
1620
1626
|
"variant": "secondary"
|
|
1621
1627
|
},
|
|
1628
|
+
"decisionButtonVariant": "tertiary",
|
|
1622
1629
|
"description": "We use cookies and similar technologies to personalize content, provide social media features, and analyze our traffic. You can choose which categories you want to allow and change your preferences at any time. For more information, please see our privacy policy."
|
|
1623
1630
|
},
|
|
1624
1631
|
"dialogue": {
|
|
@@ -1630,6 +1637,11 @@
|
|
|
1630
1637
|
"description": "These cookies are required for basic website functionality, such as page navigation and access to secure areas of the website. The website cannot function properly without these cookies."
|
|
1631
1638
|
}
|
|
1632
1639
|
],
|
|
1640
|
+
"buttons": {
|
|
1641
|
+
"acceptLabel": "Accept All",
|
|
1642
|
+
"rejectLabel": "Reject All",
|
|
1643
|
+
"savePreferencesLabel": "Save Preferences"
|
|
1644
|
+
},
|
|
1633
1645
|
"options": [
|
|
1634
1646
|
{
|
|
1635
1647
|
"name": "Statistics Cookies",
|
|
@@ -1646,7 +1658,12 @@
|
|
|
1646
1658
|
"description": "Advertising cookies are used to deliver relevant ads and marketing campaigns to you. They track visitors across websites and collect information to provide customized ads.",
|
|
1647
1659
|
"checked": true
|
|
1648
1660
|
}
|
|
1649
|
-
]
|
|
1661
|
+
],
|
|
1662
|
+
"toggleLabels": {
|
|
1663
|
+
"accept": "Accept",
|
|
1664
|
+
"reject": "Reject"
|
|
1665
|
+
},
|
|
1666
|
+
"decisionButtonVariant": "tertiary"
|
|
1650
1667
|
}
|
|
1651
1668
|
},
|
|
1652
1669
|
"screenshot": "img/screenshots/corporate-cookie-consent--banner.png"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes, FC, PropsWithChildren } from "react";
|
|
3
|
-
import { SectionProps } from "../../SectionProps-
|
|
3
|
+
import { SectionProps } from "../../SectionProps-e10e7b62.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>>;
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 07 Aug 2025
|
|
3
|
+
* Generated on Thu, 07 Aug 2025 14:18:10 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 Thu, 07 Aug 2025
|
|
2730
|
+
* Generated on Thu, 07 Aug 2025 14:18:14 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 Thu, 07 Aug 2025
|
|
5461
|
+
* Generated on Thu, 07 Aug 2025 14:18:12 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 Thu, 07 Aug 2025
|
|
8462
|
+
* Generated on Thu, 07 Aug 2025 14:18:16 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
|
|
File without changes
|