@kickstartds/ds-agency-premium 1.6.71--canary.45.1803.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.
Files changed (51) hide show
  1. package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-d62a0a9a.d.ts} +2 -2
  2. package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-c760fd2a.d.ts} +1 -1
  3. package/dist/{EventListTeaserProps-796e306c.d.ts → EventListTeaserProps-5cc94436.d.ts} +9 -4
  4. package/dist/PageProps-aa29c554.d.ts +1 -1
  5. package/dist/{SectionProps-7caa223c.d.ts → SectionProps-21d04028.d.ts} +1 -1
  6. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +5 -4
  7. package/dist/components/blog-overview/index.d.ts +1 -1
  8. package/dist/components/blog-post/blog-post.schema.dereffed.json +5 -4
  9. package/dist/components/blog-post/index.d.ts +1 -1
  10. package/dist/components/blog-teaser/blog-teaser.css +2 -2
  11. package/dist/components/blog-teaser/index.d.ts +1 -1
  12. package/dist/components/contact/contact.css +2 -2
  13. package/dist/components/cta/cta.css +3 -3
  14. package/dist/components/event-list/event-list.schema.dereffed.json +11 -3
  15. package/dist/components/event-list/index.d.ts +1 -1
  16. package/dist/components/event-list/index.js +45 -2
  17. package/dist/components/event-list-teaser/event-list-teaser.css +23 -16
  18. package/dist/components/event-list-teaser/event-list-teaser.schema.dereffed.json +11 -3
  19. package/dist/components/event-list-teaser/event-list-teaser.schema.json +9 -3
  20. package/dist/components/event-list-teaser/index.d.ts +1 -1
  21. package/dist/components/event-list-teaser/index.js +2 -2
  22. package/dist/components/event-registration/event-registration.css +79 -0
  23. package/dist/components/event-registration/event-registration.schema.dereffed.json +174 -0
  24. package/dist/components/event-registration/event-registration.schema.json +138 -0
  25. package/dist/components/event-registration/index.d.ts +106 -0
  26. package/dist/components/event-registration/index.js +23 -0
  27. package/dist/components/features/features.css +2 -2
  28. package/dist/components/hero/hero.css +2 -2
  29. package/dist/components/image-story/image-story.css +4 -4
  30. package/dist/components/image-text/image-text.css +4 -4
  31. package/dist/components/index/index.d.ts +2 -2
  32. package/dist/components/mosaic/mosaic.css +4 -4
  33. package/dist/components/page/page.schema.dereffed.json +5 -4
  34. package/dist/components/page-wrapper/tokens.css +1 -1
  35. package/dist/components/pagination/index.js +4 -4
  36. package/dist/components/presets.json +142 -183
  37. package/dist/components/section/index.d.ts +1 -1
  38. package/dist/components/section/index.js +2 -16
  39. package/dist/components/section/section.schema.dereffed.json +5 -4
  40. package/dist/components/section/section.schema.json +3 -2
  41. package/dist/components/split-weighted/index.js +3 -4
  42. package/dist/components/split-weighted/split-weighted.css +6 -0
  43. package/dist/components/teaser-card/teaser-card.css +1 -1
  44. package/dist/components/text/text.css +2 -2
  45. package/dist/components/video-curtain/video-curtain.css +2 -2
  46. package/dist/global.css +3 -3
  47. package/dist/tokens/themes.css +4 -4
  48. package/dist/tokens/tokens.css +1 -1
  49. package/dist/tokens/tokens.js +1 -1
  50. package/package.json +1 -1
  51. /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-7caa223c.js";
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: style === "colorful" ? true : inverted, ref: ref, children: props.children }));
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
- "colorful"
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": "list"
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": ["framed", "deko", "colorful"]
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": "list"
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?.gutter &&
10
- `l-split-weighted__aside--gutter-${asideLayout.gutter || "large"}`, asideLayout?.minWidth &&
11
- `l-split-weighted__aside--width-${asideLayout.minWidth}`), children: jsx("div", { className: classnames("l-split-weighted__content-container", mainLayout?.gutter &&
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(--dsa-rich-text--font, var(--ks-font-copy-m)));
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), var(--ks-font-copy-m));
12
- color: var(--dsa-text--color, var(--dsa-rich-text--color), var(--ks-text-color-default));
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(--dsa-rich-text--font);
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(--dsa-rich-text--font));
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(--dsa-rich-text--color);
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(--dsa-rich-text--color));
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));
@@ -608,7 +608,7 @@ h3 {
608
608
  --dsa-input--border-color_active: var(--ks-border-color-interface-interactive-active);
609
609
  --dsa-input__label--color: var(--ks-text-color-interface);
610
610
  --dsa-input__label--font: var(--ks-font-interface-s);
611
- --dsa-input__label--font-weight: var(--ks-font-weight-regular);
611
+ --dsa-input__label--font-weight: var(--ks-font-weight-semi-bold);
612
612
  --dsa-input--font: var(--ks-font-interface-s);
613
613
  --dsa-input--background: transparent;
614
614
  --dsa-input--background_focus: transparent;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Jul 2025 09:16:32 GMT
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 Mon, 07 Jul 2025 09:16:36 GMT
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 Mon, 07 Jul 2025 09:16:34 GMT
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 Mon, 07 Jul 2025 09:16:37 GMT
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);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Jul 2025 09:16:29 GMT
3
+ * Generated on Tue, 08 Jul 2025 10:25:05 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 Mon, 07 Jul 2025 09:16:30 GMT
3
+ * Generated on Tue, 08 Jul 2025 10:25:05 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.45.1803.0",
3
+ "version": "1.6.71--canary.45.1813.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {