@kickstartds/ds-agency-premium 1.6.71--canary.45.1809.0 → 1.6.71--canary.45.1813.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 → BlogOverviewProps-d62a0a9a.d.ts} +2 -2
- package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-c760fd2a.d.ts} +1 -1
- package/dist/{EventListTeaserProps-796e306c.d.ts → EventListTeaserProps-5cc94436.d.ts} +9 -4
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-7caa223c.d.ts → SectionProps-21d04028.d.ts} +1 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +5 -4
- package/dist/components/blog-overview/index.d.ts +1 -1
- package/dist/components/blog-post/blog-post.schema.dereffed.json +5 -4
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/blog-teaser/blog-teaser.css +2 -2
- package/dist/components/blog-teaser/index.d.ts +1 -1
- package/dist/components/contact/contact.css +2 -2
- package/dist/components/cta/cta.css +3 -3
- package/dist/components/event-list/event-list.schema.dereffed.json +11 -3
- package/dist/components/event-list/index.d.ts +1 -1
- package/dist/components/event-list/index.js +43 -1
- package/dist/components/event-list-teaser/event-list-teaser.css +9 -2
- package/dist/components/event-list-teaser/event-list-teaser.schema.dereffed.json +11 -3
- package/dist/components/event-list-teaser/event-list-teaser.schema.json +9 -3
- package/dist/components/event-list-teaser/index.d.ts +1 -1
- package/dist/components/event-list-teaser/index.js +2 -2
- package/dist/components/features/features.css +2 -2
- package/dist/components/hero/hero.css +2 -2
- package/dist/components/image-story/image-story.css +4 -4
- package/dist/components/image-text/image-text.css +4 -4
- package/dist/components/index/index.d.ts +2 -2
- package/dist/components/mosaic/mosaic.css +4 -4
- package/dist/components/page/page.schema.dereffed.json +5 -4
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/pagination/index.js +4 -4
- package/dist/components/presets.json +105 -182
- package/dist/components/section/index.d.ts +1 -1
- package/dist/components/section/index.js +2 -16
- package/dist/components/section/section.schema.dereffed.json +5 -4
- package/dist/components/section/section.schema.json +3 -2
- package/dist/components/split-weighted/index.js +3 -4
- package/dist/components/split-weighted/split-weighted.css +6 -0
- package/dist/components/teaser-card/teaser-card.css +1 -1
- package/dist/components/text/text.css +2 -2
- package/dist/components/video-curtain/video-curtain.css +2 -2
- package/dist/global.css +2 -2
- 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-f5855e93.d.ts → BlogTeaserProps-d62a0a9a.d.ts} +0 -0
|
@@ -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-21d04028.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>>;
|
|
@@ -16,21 +16,7 @@ const SectionContextDefault = forwardRef(({ headline, content, headerSpacing, wi
|
|
|
16
16
|
spotlight,
|
|
17
17
|
content?.mode === "slider",
|
|
18
18
|
]);
|
|
19
|
-
return (jsx(SectionContextDefault$1, { ...props, ...componentProps, className: classnames("dsa-section", style &&
|
|
20
|
-
style !== "default" &&
|
|
21
|
-
`dsa-section-style--${style === "verticalGradient"
|
|
22
|
-
? "vertical-gradient"
|
|
23
|
-
: style === "horizontalGradient"
|
|
24
|
-
? "horizontal-gradient"
|
|
25
|
-
: style === "accentTransition"
|
|
26
|
-
? "accent-transition"
|
|
27
|
-
: style === "boldTransition"
|
|
28
|
-
? "bold-transition"
|
|
29
|
-
: style === "symmetricGlow"
|
|
30
|
-
? "symmetric-glow"
|
|
31
|
-
: style === "anchorGlow"
|
|
32
|
-
? "anchor-glow"
|
|
33
|
-
: style}`, transition &&
|
|
19
|
+
return (jsx(SectionContextDefault$1, { ...props, ...componentProps, className: classnames("dsa-section", style && style !== "default" && `dsa-section-style--${style}`, transition &&
|
|
34
20
|
transition !== "none" &&
|
|
35
21
|
`dsa-section--transition-${transition}`, headerSpacing && "dsa-section--header-spacing", spotlight && "dsa-section--spotlight", className), background: backgroundColor === "default"
|
|
36
22
|
? "default"
|
|
@@ -49,7 +35,7 @@ const SectionContextDefault = forwardRef(({ headline, content, headerSpacing, wi
|
|
|
49
35
|
buttons,
|
|
50
36
|
// @ts-expect-error
|
|
51
37
|
items: buttons,
|
|
52
|
-
}, width: width, spaceBefore: spaceBefore, spaceAfter: spaceAfter, inverted:
|
|
38
|
+
}, width: width, spaceBefore: spaceBefore, spaceAfter: spaceAfter, inverted: inverted, ref: ref, children: props.children }));
|
|
53
39
|
});
|
|
54
40
|
const SectionContext = createContext(SectionContextDefault);
|
|
55
41
|
const Section = forwardRef((props, ref) => {
|
|
@@ -23,10 +23,11 @@
|
|
|
23
23
|
"title": "Style",
|
|
24
24
|
"description": "Style of background",
|
|
25
25
|
"enum": [
|
|
26
|
+
"default",
|
|
26
27
|
"framed",
|
|
27
|
-
"deko"
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
"deko"
|
|
29
|
+
],
|
|
30
|
+
"default": "default"
|
|
30
31
|
},
|
|
31
32
|
"backgroundColor": {
|
|
32
33
|
"type": "string",
|
|
@@ -210,7 +211,7 @@
|
|
|
210
211
|
"list",
|
|
211
212
|
"slider"
|
|
212
213
|
],
|
|
213
|
-
"default": "
|
|
214
|
+
"default": "default"
|
|
214
215
|
},
|
|
215
216
|
"tileWidth": {
|
|
216
217
|
"type": "string",
|
|
@@ -16,7 +16,8 @@
|
|
|
16
16
|
"type": "string",
|
|
17
17
|
"title": "Style",
|
|
18
18
|
"description": "Style of background",
|
|
19
|
-
"enum": ["
|
|
19
|
+
"enum": ["default", "framed", "deko"],
|
|
20
|
+
"default": "default"
|
|
20
21
|
},
|
|
21
22
|
"backgroundColor": {
|
|
22
23
|
"type": "string",
|
|
@@ -148,7 +149,7 @@
|
|
|
148
149
|
"title": "Mode",
|
|
149
150
|
"description": "Layout mode used for section contents",
|
|
150
151
|
"enum": ["default", "tile", "list", "slider"],
|
|
151
|
-
"default": "
|
|
152
|
+
"default": "default"
|
|
152
153
|
},
|
|
153
154
|
"tileWidth": {
|
|
154
155
|
"type": "string",
|
|
@@ -6,9 +6,8 @@ const SplitWeighted = ({ order, mainLayout, asideLayout, horizontalGutter = "def
|
|
|
6
6
|
"l-split-weighted--desktop-aside-first", order?.mobile === "asideFirst" && "l-split-weighted--mobile-aside-first", horizontalGutter && `l-split-weighted--h-gutter-${horizontalGutter}`, verticalGutter && `l-split-weighted--v-gutter-${verticalGutter}`, verticalAlign && `l-split-weighted--align-${verticalAlign}`), children: [jsx("div", { className: classnames("l-split-weighted__main l-split-weighted__content", mainLayout?.gutter &&
|
|
7
7
|
`l-split-weighted__main--gutter-${mainLayout.gutter}`, mainLayout?.minWidth &&
|
|
8
8
|
`l-split-weighted__main--width-${mainLayout.minWidth}`), children: jsx("div", { className: classnames("l-split-weighted__content-container", mainLayout?.gutter &&
|
|
9
|
-
`l-split-weighted__content-container--gutter-${mainLayout.gutter}`), children: main }) }), jsx("div", { className: classnames("l-split-weighted__aside l-split-weighted__content", asideLayout?.
|
|
10
|
-
`l-split-weighted__aside--
|
|
11
|
-
|
|
12
|
-
`l-split-weighted__content-container--gutter-${mainLayout.gutter}`), children: aside }) })] }));
|
|
9
|
+
`l-split-weighted__content-container--gutter-${mainLayout.gutter}`), children: main }) }), jsx("div", { className: classnames("l-split-weighted__aside l-split-weighted__content", asideLayout?.minWidth &&
|
|
10
|
+
`l-split-weighted__aside--width-${asideLayout.minWidth}`), children: jsx("div", { className: classnames("l-split-weighted__content-container", asideLayout?.gutter &&
|
|
11
|
+
`l-split-weighted__content-container--gutter-${asideLayout.gutter}`), children: aside }) })] }));
|
|
13
12
|
|
|
14
13
|
export { SplitWeighted };
|
|
@@ -99,6 +99,9 @@
|
|
|
99
99
|
.l-split-weighted__main .l-split-weighted__content-container {
|
|
100
100
|
gap: var(--dsa-split-weighted__main--gutter_default, var(--dsa-content--width_narrow));
|
|
101
101
|
}
|
|
102
|
+
.l-split-weighted__main .l-split-weighted__content-container--gutter-none {
|
|
103
|
+
gap: 0;
|
|
104
|
+
}
|
|
102
105
|
.l-split-weighted__main .l-split-weighted__content-container--gutter-small {
|
|
103
106
|
gap: var(--dsa-split-weighted__main--gutter_small, var(--ks-spacing-stack-s));
|
|
104
107
|
}
|
|
@@ -119,6 +122,9 @@
|
|
|
119
122
|
.l-split-weighted__aside .l-split-weighted__content-container {
|
|
120
123
|
gap: var(--dsa-split-weighted__main--gutter_default, var(--dsa-content--width_narrow));
|
|
121
124
|
}
|
|
125
|
+
.l-split-weighted__aside .l-split-weighted__content-container--gutter-none {
|
|
126
|
+
gap: 0;
|
|
127
|
+
}
|
|
122
128
|
.l-split-weighted__aside .l-split-weighted__content-container--gutter-small {
|
|
123
129
|
gap: var(--dsa-split-weighted__main--gutter_small, var(--ks-spacing-stack-s));
|
|
124
130
|
}
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
aspect-ratio: 1/1;
|
|
104
104
|
}
|
|
105
105
|
.dsa-teaser-card .c-rich-text {
|
|
106
|
-
font: var(--dsa-teaser-card__copy--font, var(--
|
|
106
|
+
font: var(--dsa-teaser-card__copy--font, var(--ks-font-copy-m));
|
|
107
107
|
}
|
|
108
108
|
.dsa-teaser-card .c-teaser__topic {
|
|
109
109
|
color: var(--dsa-teaser__topic--color, var(--dsa-topic--color));
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.c-rich-text.dsa-text {
|
|
11
|
-
font: var(--dsa-text--font, var(--dsa-rich-text--font
|
|
12
|
-
color: var(--dsa-text--color, var(--dsa-rich-text--color
|
|
11
|
+
font: var(--dsa-text--font, var(--dsa-rich-text--font, var(--ks-font-copy-m)));
|
|
12
|
+
color: var(--dsa-text--color, var(--dsa-rich-text--color, var(--ks-text-color-default)));
|
|
13
13
|
}
|
|
14
14
|
.c-rich-text.dsa-text--highlight.c-rich-text {
|
|
15
15
|
color: var(--dsa-text_highlight--color, var(--ks-text-color-default));
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
--dsa-video-curtain_color-neutral__headline--color: var(--ks-text-color-default);
|
|
5
5
|
--dsa-video-curtain_color-neutral__subheadline--color: var(--ks-text-color-default);
|
|
6
6
|
--dsa-video-curtain__copy--color: var(--ks-text-color-default);
|
|
7
|
-
--dsa-video-curtain__copy--font: var(--
|
|
7
|
+
--dsa-video-curtain__copy--font: var(--ks-font-copy-m);
|
|
8
8
|
--dsa-video-curtain_highlight-text__copy--font: var(--ks-font-copy-l);
|
|
9
9
|
--dsa-video-curtain_color-neutral__copy--color: var(--ks-text-color-default);
|
|
10
10
|
--dsa-video-curtain__textbox--background-color: var(--ks-color-bg-alpha-2);
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
--c-visual_box--color: var(--dsa-video-curtain__copy--color, var(--ks-text-color-default));
|
|
64
64
|
--c-visual_box--border-radius: var(--dsa-video-curtain__textbox--border-radius, var(--ks-border-radius-surface));
|
|
65
65
|
--c-visual_box--padding: var(--dsa-video-curtain__textbox--padding, var(--ks-spacing-inset-squish-xl));
|
|
66
|
-
--c-visual_text--font: var(--dsa-video-curtain__copy--font, var(--
|
|
66
|
+
--c-visual_text--font: var(--dsa-video-curtain__copy--font, var(--ks-font-copy-m));
|
|
67
67
|
}
|
|
68
68
|
.c-visual.dsa-video-curtain--highlight-text {
|
|
69
69
|
--dsa-video-curtain__copy--font: var(--dsa-video-curtain_highlight-text__box--font, var(--ks-font-copy-l));
|
package/dist/global.css
CHANGED
|
@@ -493,7 +493,7 @@ h3 {
|
|
|
493
493
|
--dsa-blog-teaser__topic--font-weight: var(--dsa-topic--font-weight);
|
|
494
494
|
--dsa-blog-teaser__tag-label--font: var(--ks-font-interface-xs);
|
|
495
495
|
--dsa-blog-teaser__copy--font: var(--ks-font-copy-s);
|
|
496
|
-
--dsa-blog-teaser__copy--color: var(--
|
|
496
|
+
--dsa-blog-teaser__copy--color: var(--ks-text-color-copy);
|
|
497
497
|
--dsa-blog-teaser__copy--color_hover: var(--ks-text-color-default);
|
|
498
498
|
--dsa-blog-teaser__copy--margin-top: 0.5em;
|
|
499
499
|
--dsa-blog-teaser__meta--font: var(--ks-spacing-stack-s);
|
|
@@ -525,7 +525,7 @@ h3 {
|
|
|
525
525
|
--c-teaser--background: var(--dsa-blog-teaser--background, transparent);
|
|
526
526
|
--c-post-teaser--gap: var(--dsa-blog-teaser--gap, var(--ks-spacing-stack-s) var(--ks-spacing-inline-s));
|
|
527
527
|
--c-teaser_text--spacing: var(--dsa-blog-teaser__copy--margin-top, var(--ks-spacing-stack-s));
|
|
528
|
-
--c-post-teaser--color: var(--dsa-blog-teaser__copy--color, var(--
|
|
528
|
+
--c-post-teaser--color: var(--dsa-blog-teaser__copy--color, var(--ks-text-color-copy));
|
|
529
529
|
}
|
|
530
530
|
.dsa-blog-teaser.c-post-teaser .c-tag-label {
|
|
531
531
|
--c-tag-label--font: var(--dsa-blog-teaser__tag-label--font, var(--ks-font-interface-s));
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 08 Jul 2025
|
|
3
|
+
* Generated on Tue, 08 Jul 2025 10:25:07 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 Tue, 08 Jul 2025
|
|
2730
|
+
* Generated on Tue, 08 Jul 2025 10:25:12 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 Tue, 08 Jul 2025
|
|
5461
|
+
* Generated on Tue, 08 Jul 2025 10:25:09 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 Tue, 08 Jul 2025
|
|
8462
|
+
* Generated on Tue, 08 Jul 2025 10:25:14 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
|