@kickstartds/ds-agency-premium 1.6.71--canary.1936.50e360d.0 → 1.6.71--canary.1948.6cfa581.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/SectionProps-2fd5dbde.d.ts +1 -1
  2. package/dist/components/blog-overview/index.d.ts +1 -1
  3. package/dist/components/blog-post/index.d.ts +1 -1
  4. package/dist/components/image-story/index.d.ts +1 -1
  5. package/dist/components/index/index.d.ts +3 -3
  6. package/dist/components/page/index.d.ts +1 -1
  7. package/dist/components/page-wrapper/tokens.css +1 -1
  8. package/dist/components/section/index.js +3 -1
  9. package/dist/components/section/section.css +52 -12
  10. package/dist/components/split-even/index.d.ts +1 -1
  11. package/dist/components/split-weighted/index.d.ts +1 -1
  12. package/dist/static/guenther/car-cutout-3.png +0 -0
  13. package/dist/static/guenther/car-yellow.webp +0 -0
  14. package/dist/static/guenther/kia-header.webp +0 -0
  15. package/dist/tokens/themes.css +4 -4
  16. package/dist/tokens/tokens.css +1 -1
  17. package/dist/tokens/tokens.js +1 -1
  18. package/package.json +1 -1
  19. /package/dist/{BlogOverviewProps-2fd5dbde.d.ts → BlogOverviewProps-9f207f1c.d.ts} +0 -0
  20. /package/dist/{BlogPostProps-2fd5dbde.d.ts → BlogPostProps-6b3cff22.d.ts} +0 -0
  21. /package/dist/{ImageStoryProps-00ddee3a.d.ts → ImageStoryProps-e853e1e7.d.ts} +0 -0
  22. /package/dist/{PageProps-2fd5dbde.d.ts → PageProps-aa29c554.d.ts} +0 -0
package/dist/SectionProps-2fd5dbde.d.ts CHANGED
@@ -10,7 +10,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
10
10
  import { GalleryProps } from "./GalleryProps-76e7de44.js";
11
11
  import { HeroProps } from "./HeroProps-fec6b267.js";
12
12
  import { HtmlProps } from "./HtmlProps-9d091769.js";
13
- import { ImageStoryProps } from "./ImageStoryProps-00ddee3a.js";
13
+ import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
14
14
  import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
15
15
  import { LogosProps } from "./LogosProps-f9474fe2.js";
16
16
  import { MosaicProps } from "./MosaicProps-d52c7151.js";
package/dist/components/blog-overview/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BlogOverviewProps } from "../../BlogOverviewProps-2fd5dbde.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 };
package/dist/components/blog-post/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BlogPostProps } from "../../BlogPostProps-2fd5dbde.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 };
package/dist/components/image-story/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { ImageStoryProps } from "../../ImageStoryProps-00ddee3a.js";
3
+ import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
4
4
  declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
package/dist/components/index/index.d.ts CHANGED
@@ -29,8 +29,8 @@ interface SettingsProps {
29
29
  seo: SeoProps;
30
30
  iconSprite?: IconSprite;
31
31
  }
32
- export * from "../../BlogPostProps-2fd5dbde.js";
33
- export * from "../../BlogOverviewProps-2fd5dbde.js";
34
- export * from "../../PageProps-2fd5dbde.js";
32
+ export * from "../../BlogPostProps-6b3cff22.js";
33
+ export * from "../../BlogOverviewProps-9f207f1c.js";
34
+ export * from "../../PageProps-aa29c554.js";
35
35
  export { IconSprite, SettingsProps };
36
36
  export * from "../../EventDetailProps-42a7eebe.js";
package/dist/components/page/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { PageProps } from "../../PageProps-2fd5dbde.js";
1
+ import { PageProps } from "../../PageProps-aa29c554.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-wrapper/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 31 Jul 2025 14:05:16 GMT
3
+ * Generated on Fri, 01 Aug 2025 04:53:17 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.js CHANGED
@@ -16,7 +16,9 @@ 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 && style !== "default" && `dsa-section-style--${style}`, transition &&
19
+ return (jsx(SectionContextDefault$1, { ...props, ...componentProps, className: classnames("dsa-section", style &&
20
+ style !== "default" &&
21
+ `dsa-section--style dsa-section--style-${style}`, transition &&
20
22
  transition !== "none" &&
21
23
  `dsa-section--transition-${transition}`, headerSpacing && "dsa-section--header-spacing", spotlight && "dsa-section--spotlight", className), background: backgroundColor === "default"
22
24
  ? "default"
package/dist/components/section/section.css CHANGED
@@ -26,6 +26,16 @@
26
26
  --dsa-section--background-color_default: var(--ks-background-color-default);
27
27
  --dsa-section--background-color_accent: var(--ks-background-color-accent);
28
28
  --dsa-section--background-color_bold: var(--ks-background-color-bold);
29
+ --dsa-section_shine-left--background-image: radial-gradient(
30
+ 80% 150% at 20% 50%,
31
+ var(--ks-color-fg-inverted),
32
+ var(--ks-color-bg-inverted-alpha-8)
33
+ );
34
+ --dsa-section_shine-right--background-image: radial-gradient(
35
+ 80% 150% at 80% 50%,
36
+ var(--ks-color-fg-inverted),
37
+ var(--ks-color-bg-inverted-alpha-8)
38
+ );
29
39
  --dsa-section--transition_to-default: linear-gradient(transparent, var(--ks-background-color-default));
30
40
  --dsa-section--transition_to-accent: linear-gradient(transparent, var(--ks-background-color-accent));
31
41
  --dsa-section--transition_to-bold: linear-gradient(transparent, var(--ks-background-color-bold));
@@ -41,6 +51,18 @@
41
51
  --dsa-section__spotlight--blur: 0%;
42
52
  --dsa-section__spotlight--color: var(--ks-color-primary-alpha-5);
43
53
  }
54
+ .dsa-section[ks-inverted=true] {
55
+ --dsa-section_shine-left--background-image: radial-gradient(
56
+ 70% 150% at 20% 50%,
57
+ var(--ks-color-fg-inverted-alpha-8-base),
58
+ var(--ks-color-bg)
59
+ );
60
+ --dsa-section_shine-right--background-image: radial-gradient(
61
+ 70% 150% at 80% 50%,
62
+ var(--ks-color-fg-inverted-alpha-87-base),
63
+ var(--ks-color-bg)
64
+ );
65
+ }
44
66
 
45
67
  .l-section.dsa-section {
46
68
  --l-section_buttons--space-before: var(--dsa-section__buttons--space-before, var(--l-section--gutter));
@@ -79,6 +101,8 @@
79
101
  position: relative;
80
102
  }
81
103
  .l-section.dsa-section .l-section__container {
104
+ position: relative;
105
+ z-index: 2;
82
106
  font: var(--ks-font-copy-m);
83
107
  }
84
108
  .l-section.dsa-section.l-section--gutter-large {
@@ -117,27 +141,43 @@
117
141
  .l-section.dsa-section--header-spacing.l-section--space-before-small {
118
142
  padding-top: calc(var(--dsa-header--height) + var(--dsa-section--space-small));
119
143
  }
120
- .l-section.dsa-section-style--framed {
144
+ .l-section.dsa-section--style::before {
145
+ content: "";
146
+ position: absolute;
147
+ top: 0;
148
+ left: 0;
149
+ width: 100%;
150
+ height: 100%;
151
+ z-index: 0;
152
+ }
153
+ .l-section.dsa-section--style-framed {
121
154
  background-color: var(--ks-background-color-accent);
122
155
  }
123
- .l-section.dsa-section-style--framed .l-section__container--content .l-section__content {
156
+ .l-section.dsa-section--style-framed .l-section__container--content .l-section__content {
124
157
  padding: var(--dsa-section--space_default);
125
158
  background-color: var(--ks-background-color-default);
126
159
  border-radius: var(--ks-border-radius-surface);
127
160
  }
128
- .l-section.dsa-section-style--shine-left {
129
- background-image: var(--dsa-section_shine--background-image, radial-gradient(70% 150% at 20% 50%, var(--ks-color-fg-inverted-alpha-8-base), var(--ks-color-bg-inverted-alpha-8)));
161
+ .l-section.dsa-section--style-shine-left::before {
162
+ background-image: var(--dsa-section_shine-left--background-image, radial-gradient(70% 150% at 20% 50%, var(--ks-color-fg-inverted), var(--ks-color-bg-inverted-alpha-7)));
130
163
  }
131
- .l-section.dsa-section-style--shine-left[ks-inverted=true] {
132
- background-image: var(--dsa-section_shine--background-image, radial-gradient(70% 150% at 20% 50%, var(--ks-color-fg-inverted-alpha-8-base), var(--ks-color-bg)));
164
+ .l-section.dsa-section--style-shine-right::before {
165
+ background-image: var(--dsa-section_shine-right--background-image, radial-gradient(70% 150% at 80% 50%, var(--ks-color-fg-inverted-alpha-8-base), var(--ks-color-bg)));
133
166
  }
134
- .l-section.dsa-section-style--shine-right {
135
- background-image: var(--dsa-section_shine--background-image, radial-gradient(70% 150% at 80% 50%, var(--ks-color-fg-inverted-alpha-8-base), var(--ks-color-bg)));
167
+ .l-section.dsa-section--style-carbon::before {
168
+ background: radial-gradient(var(--ks-color-fg-inverted-alpha-7) 15%, transparent 16%) 0 0, radial-gradient(var(--ks-color-fg-inverted-alpha-7) 15%, transparent 16%) 8px 8px, radial-gradient(var(--ks-color-fg-alpha-9) 15%, transparent 20%) 0 1px, radial-gradient(var(--ks-color-fg-alpha-9) 15%, transparent 20%) 8px 9px;
169
+ background-size: 16px 16px;
170
+ z-index: 1;
136
171
  }
137
- .l-section.dsa-section-style--carbon {
138
- background: radial-gradient(var(--ks-color-fg-inverted-alpha-7) 15%, transparent 16%) 0 0, radial-gradient(var(--ks-color-fg-inverted-alpha-7) 15%, transparent 16%) 8px 8px, radial-gradient(var(--ks-color-fg-alpha-9) 15%, transparent 20%) 0 1px, radial-gradient(var(--ks-color-fg-alpha-9) 15%, transparent 20%) 8px 9px !important;
139
- background-color: var(--dsa-section--background-color) !important;
140
- background-size: 16px 16px !important;
172
+ .l-section.dsa-section--style-carbon::after {
173
+ content: "";
174
+ position: absolute;
175
+ top: 0;
176
+ left: 0;
177
+ width: 100%;
178
+ height: 100%;
179
+ z-index: 0;
180
+ background: radial-gradient(100% 100% at 50% 50%, var(--ks-color-bg), var(--ks-color-bg-to-fg-1));
141
181
  }
142
182
  .l-section.dsa-section--spotlight {
143
183
  position: relative;
package/dist/components/split-even/index.d.ts CHANGED
@@ -13,7 +13,7 @@ import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
13
13
  import { GalleryProps } from "../../GalleryProps-76e7de44.js";
14
14
  import { HeroProps } from "../../HeroProps-fec6b267.js";
15
15
  import { HtmlProps } from "../../HtmlProps-9d091769.js";
16
- import { ImageStoryProps } from "../../ImageStoryProps-00ddee3a.js";
16
+ import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
17
17
  import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
18
18
  import { LogosProps } from "../../LogosProps-f9474fe2.js";
19
19
  import { MosaicProps } from "../../MosaicProps-d52c7151.js";
package/dist/components/split-weighted/index.d.ts CHANGED
@@ -13,7 +13,7 @@ import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
13
13
  import { GalleryProps } from "../../GalleryProps-76e7de44.js";
14
14
  import { HeroProps } from "../../HeroProps-fec6b267.js";
15
15
  import { HtmlProps } from "../../HtmlProps-9d091769.js";
16
- import { ImageStoryProps } from "../../ImageStoryProps-00ddee3a.js";
16
+ import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
17
17
  import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
18
18
  import { LogosProps } from "../../LogosProps-f9474fe2.js";
19
19
  import { MosaicProps } from "../../MosaicProps-d52c7151.js";
package/dist/tokens/themes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 31 Jul 2025 14:05:18 GMT
3
+ * Generated on Fri, 01 Aug 2025 04:53:20 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, 31 Jul 2025 14:05:23 GMT
2730
+ * Generated on Fri, 01 Aug 2025 04:53:24 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, 31 Jul 2025 14:05:20 GMT
5461
+ * Generated on Fri, 01 Aug 2025 04:53:22 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, 31 Jul 2025 14:05:25 GMT
8462
+ * Generated on Fri, 01 Aug 2025 04:53:26 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 Thu, 31 Jul 2025 14:05:16 GMT
3
+ * Generated on Fri, 01 Aug 2025 04:53:17 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 Thu, 31 Jul 2025 14:05:16 GMT
3
+ * Generated on Fri, 01 Aug 2025 04:53:18 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#f2f2f2";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.6.71--canary.1936.50e360d.0",
3
+ "version": "1.6.71--canary.1948.6cfa581.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {