@kickstartds/ds-agency-premium 1.6.68--canary.1578.da53ae0.0 → 1.6.68--canary.1584.8af5120.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 (22) hide show
  1. package/dist/{BlogOverviewProps-be148b48.d.ts → BlogOverviewProps-a1b289ca.d.ts} +1 -1
  2. package/dist/{BlogPostProps-d9decb7c.d.ts → BlogPostProps-a1b289ca.d.ts} +1 -1
  3. package/dist/{PageProps-be148b48.d.ts → PageProps-a1b289ca.d.ts} +1 -1
  4. package/dist/{SectionProps-03ff6d21.d.ts → SectionProps-a1b289ca.d.ts} +1 -1
  5. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +1 -1
  6. package/dist/components/blog-overview/index.d.ts +1 -1
  7. package/dist/components/blog-post/blog-post.schema.dereffed.json +1 -1
  8. package/dist/components/blog-post/index.d.ts +1 -1
  9. package/dist/components/index/index.d.ts +3 -3
  10. package/dist/components/page/index.d.ts +1 -1
  11. package/dist/components/page/page.schema.dereffed.json +1 -1
  12. package/dist/components/page-wrapper/tokens.css +1 -1
  13. package/dist/components/section/index.d.ts +1 -1
  14. package/dist/components/section/section.css +3 -0
  15. package/dist/components/section/section.schema.dereffed.json +1 -1
  16. package/dist/components/section/section.schema.json +1 -1
  17. package/dist/components/teaser-card/index.js +9 -9
  18. package/dist/components/teaser-card/teaser-card.css +36 -36
  19. package/dist/tokens/themes.css +4 -4
  20. package/dist/tokens/tokens.css +1 -1
  21. package/dist/tokens/tokens.js +1 -1
  22. package/package.json +1 -1
package/dist/{BlogOverviewProps-be148b48.d.ts → BlogOverviewProps-a1b289ca.d.ts} RENAMED
@@ -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-03ff6d21.js";
6
+ import { SectionProps } from "./SectionProps-a1b289ca.js";
7
7
  import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
8
8
  import { CtaProps } from "./CtaProps-8a0dba0d.js";
9
9
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
package/dist/{BlogPostProps-d9decb7c.d.ts → BlogPostProps-a1b289ca.d.ts} RENAMED
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
7
7
  import { BlogAsideProps } from "./BlogAsideProps-d9decb7c.js";
8
- import { SectionProps } from "./SectionProps-03ff6d21.js";
8
+ import { SectionProps } from "./SectionProps-a1b289ca.js";
9
9
  import { CtaProps } from "./CtaProps-8a0dba0d.js";
10
10
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
11
11
  /**
package/dist/{PageProps-be148b48.d.ts → PageProps-a1b289ca.d.ts} RENAMED
@@ -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-03ff6d21.js";
6
+ import { SectionProps } from "./SectionProps-a1b289ca.js";
7
7
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
8
8
  /**
9
9
  * Collection of sections (with their contents) to render on the page
package/dist/{SectionProps-03ff6d21.d.ts → SectionProps-a1b289ca.d.ts} RENAMED
@@ -28,7 +28,7 @@ type Width = "full" | "max" | "wide" | "default" | "narrow";
28
28
  /**
29
29
  * Style of background
30
30
  */
31
- type Style = "framed" | "eye-candy" | "colorful" | "accentTransition" | "boldTransition";
31
+ type Style = "framed" | "deko" | "colorful" | "accentTransition" | "boldTransition";
32
32
  /**
33
33
  * Color of background
34
34
  */
package/dist/components/blog-overview/blog-overview.schema.dereffed.json CHANGED
@@ -38,7 +38,7 @@
38
38
  "description": "Style of background",
39
39
  "enum": [
40
40
  "framed",
41
- "eye-candy",
41
+ "deko",
42
42
  "colorful",
43
43
  "accentTransition",
44
44
  "boldTransition"
package/dist/components/blog-overview/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BlogOverviewProps } from "../../BlogOverviewProps-be148b48.js";
1
+ import { BlogOverviewProps } from "../../BlogOverviewProps-a1b289ca.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
4
4
  export type { BlogOverviewProps };
package/dist/components/blog-post/blog-post.schema.dereffed.json CHANGED
@@ -314,7 +314,7 @@
314
314
  "description": "Style of background",
315
315
  "enum": [
316
316
  "framed",
317
- "eye-candy",
317
+ "deko",
318
318
  "colorful",
319
319
  "accentTransition",
320
320
  "boldTransition"
package/dist/components/blog-post/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BlogPostProps } from "../../BlogPostProps-d9decb7c.js";
1
+ import { BlogPostProps } from "../../BlogPostProps-a1b289ca.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
4
4
  export type { BlogPostProps };
package/dist/components/index/index.d.ts CHANGED
@@ -29,7 +29,7 @@ interface SettingsProps {
29
29
  seo: SeoProps;
30
30
  iconSprite?: IconSprite;
31
31
  }
32
- export * from "../../BlogPostProps-d9decb7c.js";
33
- export * from "../../BlogOverviewProps-be148b48.js";
34
- export * from "../../PageProps-be148b48.js";
32
+ export * from "../../BlogPostProps-a1b289ca.js";
33
+ export * from "../../BlogOverviewProps-a1b289ca.js";
34
+ export * from "../../PageProps-a1b289ca.js";
35
35
  export { IconSprite, SettingsProps };
package/dist/components/page/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { PageProps } from "../../PageProps-be148b48.js";
1
+ import { PageProps } from "../../PageProps-a1b289ca.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const Page: FC<PropsWithChildren<PageProps>>;
4
4
  export type { PageProps };
package/dist/components/page/page.schema.dereffed.json CHANGED
@@ -38,7 +38,7 @@
38
38
  "description": "Style of background",
39
39
  "enum": [
40
40
  "framed",
41
- "eye-candy",
41
+ "deko",
42
42
  "colorful",
43
43
  "accentTransition",
44
44
  "boldTransition"
package/dist/components/page-wrapper/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 09 May 2025 11:29:45 GMT
3
+ * Generated on Mon, 12 May 2025 08:13:09 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
package/dist/components/section/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes, FC, PropsWithChildren } from "react";
3
- import { SectionProps } from "../../SectionProps-03ff6d21.js";
3
+ import { SectionProps } from "../../SectionProps-a1b289ca.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/components/section/section.css CHANGED
@@ -151,6 +151,9 @@
151
151
  .l-section.dsa-section-style--bold-transition {
152
152
  background-image: var(--dsa-section_bold-transition--background-image, linear-gradient(180deg, transparent 0%, var(--ks-background-color-bold) 100%));
153
153
  }
154
+ .l-section.dsa-section-style--colorful {
155
+ background-image: var(--dsa-section_colorful--background-image, linear-gradient(145deg, var(--ks-color-primary) 70%, var(--ks-color-secondary) 100%));
156
+ }
154
157
  .l-section.dsa-section--spotlight {
155
158
  position: relative;
156
159
  }
package/dist/components/section/section.schema.dereffed.json CHANGED
@@ -24,7 +24,7 @@
24
24
  "description": "Style of background",
25
25
  "enum": [
26
26
  "framed",
27
- "eye-candy",
27
+ "deko",
28
28
  "colorful",
29
29
  "accentTransition",
30
30
  "boldTransition"
package/dist/components/section/section.schema.json CHANGED
@@ -18,7 +18,7 @@
18
18
  "description": "Style of background",
19
19
  "enum": [
20
20
  "framed",
21
- "eye-candy",
21
+ "deko",
22
22
  "colorful",
23
23
  "accentTransition",
24
24
  "boldTransition"
package/dist/components/teaser-card/index.js CHANGED
@@ -6,15 +6,15 @@ import { TeaserBoxContextDefault, TeaserBoxContext } from '@kickstartds/base/lib
6
6
  import { Container } from '@kickstartds/core/lib/container';
7
7
  import { compiler } from 'markdown-to-jsx';
8
8
 
9
- const TeaserCardContextDefault = forwardRef(({ headline, text, button, target, image, imageRatio = "wide", label, layout = "stack", ...rest }, ref) => (jsx(Container, { name: "teaser-card", children: jsx(TeaserBoxContextDefault, { ...rest, className: classnames(`dsa-teaser-card`, label && `dsa-teaser-card--label`, `dsa-teaser-card--${layout}`, `dsa-teaser-card--${imageRatio}`), topic: headline, text: text,
10
- // @ts-expect-error
11
- renderTopic: () => (jsxs(Fragment, { children: [label ? (jsx("span", { className: "dsa-teaser-card__label", children: label })) : (""), compiler(headline)] })), link: {
12
- hidden: button?.hidden,
13
- label: button.label,
14
- variant: "primary",
15
- target: target,
16
- icon: button?.chevron ? "chevron-right" : undefined,
17
- }, image: image, ref: ref }) })));
9
+ const TeaserCardContextDefault = forwardRef(({ headline, text, button, target, 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,
10
+ // @ts-expect-error
11
+ renderTopic: () => jsx(Fragment, { children: compiler(headline) }), link: {
12
+ hidden: button?.hidden,
13
+ label: button.label,
14
+ variant: "primary",
15
+ target: target,
16
+ icon: button?.chevron ? "chevron-right" : undefined,
17
+ }, image: image, ref: ref })] }) })));
18
18
  const TeaserCardContext = createContext(TeaserCardContextDefault);
19
19
  const TeaserCard = forwardRef((props, ref) => {
20
20
  const Component = useContext(TeaserCardContext);
package/dist/components/teaser-card/teaser-card.css CHANGED
@@ -54,7 +54,13 @@
54
54
  display: flex;
55
55
  }
56
56
 
57
- .c-teaser.dsa-teaser-card {
57
+ .dsa-teaser-card {
58
+ display: flex;
59
+ width: 100%;
60
+ height: 100%;
61
+ position: relative;
62
+ }
63
+ .dsa-teaser-card .c-teaser {
58
64
  --c-teaser--padding: var(--dsa-teaser-card--padding, var(--ks-spacing-inset-l));
59
65
  --c-teaser--background: var(--dsa-teaser-card--background, var(--ks-background-color-card-interactive));
60
66
  --c-teaser--color: var(--dsa-teaser-card__copy--color, var(--ks-text-color-default));
@@ -63,71 +69,65 @@
63
69
  --c-teaser--border-radius: var(--dsa-teaser-card--border-radius, var(--ks-border-radius-card));
64
70
  --c-teaser--shadow-hover: var(--dsa-teaser-card--shadow_hover, var(--ks-box-shadow-card-hover));
65
71
  position: relative;
66
- overflow: visible;
67
72
  transition-property: border-color, background-color, box-shadow;
68
73
  box-shadow: var(--dsa-teaser-card--shadow, var(--ks-box-shadow-card));
69
74
  }
70
- .c-teaser.dsa-teaser-card > :first-child:not(.c-teaser__body) {
71
- overflow: hidden;
72
- border-radius: var(--dsa-teaser-card--border-radius) var(--dsa-teaser-card--border-radius) 0 0;
73
- }
74
- .c-teaser.dsa-teaser-card:hover {
75
+ .dsa-teaser-card .c-teaser:hover {
75
76
  --c-teaser--border: var(--dsa-teaser-card--border-color_hover, var(--ks-background-color-card-interactive))
76
77
  var(--dsa-teaser-card--border-width) solid;
77
78
  }
78
- .c-teaser.dsa-teaser-card img {
79
+ .dsa-teaser-card .c-teaser img {
79
80
  object-fit: cover;
80
- border-radius: var(--dsa-teaser-card--border-radius);
81
- border-bottom-left-radius: 0;
82
- border-bottom-right-radius: 0;
83
81
  }
84
- .c-teaser.dsa-teaser-card--wide img {
82
+ .dsa-teaser-card--wide img {
85
83
  aspect-ratio: 4/3;
86
84
  }
87
- .c-teaser.dsa-teaser-card--landscape img {
85
+ .dsa-teaser-card--landscape img {
88
86
  aspect-ratio: 16/9;
89
87
  }
90
- .c-teaser.dsa-teaser-card--square img {
88
+ .dsa-teaser-card--square img {
91
89
  aspect-ratio: 1/1;
92
90
  }
93
- .c-teaser.dsa-teaser-card .c-rich-text {
91
+ .dsa-teaser-card .c-rich-text {
94
92
  font: var(--dsa-teaser-card__copy--font, var(--dsa-rich-text--font, var(--ks-font-copy-m)));
95
93
  }
96
- .c-teaser.dsa-teaser-card .c-teaser__topic {
94
+ .dsa-teaser-card .c-teaser__topic {
95
+ color: var(--dsa-teaser__topic--color, var(--dsa-topic--color));
97
96
  font: var(--dsa-teaser-card__topic--font, var(--dsa-topic--font));
98
97
  font-weight: var(--dsa-teaser-card__topic--font-weight, var(--dsa-topic--font-weight));
99
98
  }
99
+ .dsa-teaser-card .dsa-teaser-card__label {
100
+ position: absolute;
101
+ z-index: 1;
102
+ top: 0;
103
+ right: 0;
104
+ border-radius: var(--dsa-teaser-card__label--border-radius);
105
+ border: var(--dsa-teaser-card__label--border, 0);
106
+ pointer-events: initial;
107
+ padding: var(--dsa-teaser-card__label--padding);
108
+ transform: translate(0.5em, -50%);
109
+ font: var(--dsa-teaser-card__label--font);
110
+ text-align: center;
111
+ font-weight: var(--dsa-teaser-card__label--font-weight);
112
+ color: var(--dsa-teaser-card__label--color);
113
+ background-color: var(--dsa-teaser-card__label--background-color);
114
+ }
100
115
  @container teaser-card (min-width: 640px) {
101
- .c-teaser.dsa-teaser-card--unset img {
116
+ .dsa-teaser-card--unset img {
102
117
  height: 100%;
103
118
  }
104
- .c-teaser.dsa-teaser-card--row {
119
+ .dsa-teaser-card--row {
105
120
  flex-direction: row;
106
121
  }
107
- .c-teaser.dsa-teaser-card--row .c-teaser__body {
122
+ .dsa-teaser-card--row .c-teaser__body {
108
123
  justify-content: center;
109
124
  flex-basis: 50%;
110
125
  }
111
- .c-teaser.dsa-teaser-card--row .c-teaser__body .c-teaser__text {
126
+ .dsa-teaser-card--row .c-teaser__body .c-teaser__text {
112
127
  flex: 0;
113
128
  }
114
- .c-teaser.dsa-teaser-card--row > :first-child:not(.c-teaser__body) {
129
+ .dsa-teaser-card--row > :first-child:not(.c-teaser__body) {
115
130
  flex: 50%;
116
131
  border-radius: var(--dsa-teaser-card--border-radius) 0 0 var(--dsa-teaser-card--border-radius);
117
132
  }
118
- }
119
- .c-teaser.dsa-teaser-card--label .dsa-teaser-card__label {
120
- border-radius: var(--dsa-teaser-card__label--border-radius);
121
- border: var(--dsa-teaser-card__label--border, 0);
122
- pointer-events: initial;
123
- padding: var(--dsa-teaser-card__label--padding);
124
- transform: translate(0.5em, -50%);
125
- font: var(--dsa-teaser-card__label--font);
126
- text-align: center;
127
- font-weight: var(--dsa-teaser-card__label--font-weight);
128
- color: var(--dsa-teaser-card__label--color);
129
- position: absolute;
130
- background-color: var(--dsa-teaser-card__label--background-color);
131
- top: 0;
132
- right: 0;
133
133
  }
package/dist/tokens/themes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 09 May 2025 11:29:47 GMT
3
+ * Generated on Mon, 12 May 2025 08:13:12 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, 09 May 2025 11:29:51 GMT
2730
+ * Generated on Mon, 12 May 2025 08:13:16 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, 09 May 2025 11:29:49 GMT
5461
+ * Generated on Mon, 12 May 2025 08:13:14 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, 09 May 2025 11:29:53 GMT
8462
+ * Generated on Mon, 12 May 2025 08:13:18 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
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 09 May 2025 11:29:45 GMT
3
+ * Generated on Mon, 12 May 2025 08:13:09 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
package/dist/tokens/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 09 May 2025 11:29:45 GMT
3
+ * Generated on Mon, 12 May 2025 08:13:10 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.68--canary.1578.da53ae0.0",
3
+ "version": "1.6.68--canary.1584.8af5120.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {