@kickstartds/ds-agency-premium 1.6.71--canary.45.2011.0 → 1.6.71--canary.45.2013.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.
@@ -4,7 +4,7 @@
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
6
  import { SectionProps } from "./SectionProps-b9fd1bfd.js";
7
- import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.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
  /**
@@ -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-c760fd2a.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>>;
@@ -29,8 +29,8 @@ interface SettingsProps {
29
29
  seo: SeoProps;
30
30
  iconSprite?: IconSprite;
31
31
  }
32
- export * from "../../BlogPostProps-c760fd2a.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 Wed, 06 Aug 2025 10:03:05 GMT
3
+ * Generated on Wed, 06 Aug 2025 12:26:15 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
@@ -16,7 +16,7 @@ const defaults = {
16
16
  "imageRatio": "wide"
17
17
  };
18
18
 
19
- const TeaserCardContextDefault = forwardRef(({ headline, text, button, url, image, imageRatio = "wide", label, layout = "stack", ...rest }, ref) => (jsx(Container, { name: "teaser-card", children: jsxs("div", { className: classnames(`dsa-teaser-card`, `dsa-teaser-card--${layout}`, `dsa-teaser-card--${imageRatio}`), children: [label && jsx("span", { className: "dsa-teaser-card__label", children: label }), jsx(TeaserBoxContextDefault, { ...rest, topic: headline, text: text,
19
+ const TeaserCardContextDefault = forwardRef(({ headline, text, button, url, image, imageRatio = "wide", label, layout = "stack", ...rest }, ref) => (jsx(Container, { name: "teaser-card", children: jsxs("div", { className: classnames(`dsa-teaser-card`, `dsa-teaser-card--${layout}`, `dsa-teaser-card--${imageRatio}`, !image && "dsa-teaser-card--no-image"), children: [label && jsx("span", { className: "dsa-teaser-card__label", children: label }), jsx(TeaserBoxContextDefault, { ...rest, topic: headline, text: text,
20
20
  // @ts-expect-error
21
21
  renderTopic: () => jsx(Fragment, { children: compiler(headline) }), link: {
22
22
  hidden: button?.hidden,
@@ -14,6 +14,7 @@
14
14
  --dsa-teaser-card--shadow_hover: none;
15
15
  --dsa-teaser-card__image--transform_hover: scale(1.05);
16
16
  --dsa-teaser-card__image--transition: transform var(--ks-transition-hover);
17
+ --dsa-teaser__body--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
17
18
  --dsa-teaser-card__topic--color: var(--dsa-topic--color);
18
19
  --dsa-teaser-card__label--font: var(--ks-font-interface-s);
19
20
  --dsa-teaser-card__label--font-weight: var(--ks-font-weight-semi-bold);
@@ -56,8 +57,6 @@
56
57
  @container teaser-card (min-width: 820px) {
57
58
  .dsa-teaser-card {
58
59
  --dsa-teaser-card--padding: var(--ks-spacing-inset-l);
59
- --dsa-teaser-card__topic--font: var(--ks-font-display-l);
60
- --dsa-teaser-card__copy--font: var(--ks-font-copy-l);
61
60
  }
62
61
  }
63
62
  }
@@ -104,6 +103,11 @@
104
103
  object-fit: cover;
105
104
  transition: var(--dsa-teaser-card__image--transition, transform var(--ks-transition-hover));
106
105
  }
106
+ .dsa-teaser-card .c-teaser .c-teaser__body {
107
+ display: flex;
108
+ flex-direction: column;
109
+ gap: var(--dsa-teaser__body--gap, var(--ks-spacing-stack-s) var(--ks-spacing-inline-s));
110
+ }
107
111
  .dsa-teaser-card--wide .c-teaser__image {
108
112
  aspect-ratio: 4/3;
109
113
  }
@@ -137,6 +141,9 @@
137
141
  color: var(--dsa-teaser-card__label--color);
138
142
  background-color: var(--dsa-teaser-card__label--background-color);
139
143
  }
144
+ .dsa-teaser-card .c-teaser__link {
145
+ margin-top: 0;
146
+ }
140
147
  .dsa-teaser-card .c-teaser__link .dsa-button {
141
148
  font: var(--dsa-teaser-card__button--font, var(--dsa-button_medium--font));
142
149
  padding: var(--dsa-teaser-card__button--padding, var(--dsa-button--padding));
@@ -145,6 +152,23 @@
145
152
  .dsa-teaser-card--unset .c-teaser__image {
146
153
  height: 100%;
147
154
  }
155
+ .dsa-teaser-card--row.dsa-teaser-card--no-image .c-teaser {
156
+ align-items: center;
157
+ }
158
+ .dsa-teaser-card--row.dsa-teaser-card--no-image .c-teaser .c-teaser__body {
159
+ flex-direction: row;
160
+ align-items: center;
161
+ flex-wrap: wrap;
162
+ height: fit-content;
163
+ justify-content: space-between;
164
+ }
165
+ .dsa-teaser-card--row.dsa-teaser-card--no-image .c-teaser .c-teaser__body .c-teaser__text {
166
+ flex-grow: 1;
167
+ flex-basis: var(--dsa-tile--width_large);
168
+ }
169
+ .dsa-teaser-card--row.dsa-teaser-card--no-image .c-teaser .c-teaser__body .c-teaser__link {
170
+ height: fit-content;
171
+ }
148
172
  .dsa-teaser-card--row .c-teaser {
149
173
  flex-direction: row;
150
174
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Aug 2025 10:03:07 GMT
3
+ * Generated on Wed, 06 Aug 2025 12:26:18 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 Wed, 06 Aug 2025 10:03:12 GMT
2730
+ * Generated on Wed, 06 Aug 2025 12:26:23 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 Wed, 06 Aug 2025 10:03:10 GMT
5461
+ * Generated on Wed, 06 Aug 2025 12:26:20 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 Wed, 06 Aug 2025 10:03:14 GMT
8462
+ * Generated on Wed, 06 Aug 2025 12:26:25 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 Wed, 06 Aug 2025 10:03:05 GMT
3
+ * Generated on Wed, 06 Aug 2025 12:26:15 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 Wed, 06 Aug 2025 10:03:05 GMT
3
+ * Generated on Wed, 06 Aug 2025 12:26:16 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.2011.0",
3
+ "version": "1.6.71--canary.45.2013.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {