@kickstartds/ds-agency-premium 1.6.71--canary.1980.46f1ffa.0 → 1.6.71--canary.1987.c5111c0.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 (26) hide show
  1. package/dist/{BlogOverviewProps-2fd5dbde.d.ts → BlogOverviewProps-9f207f1c.d.ts} +1 -1
  2. package/dist/{BlogPostProps-2fd5dbde.d.ts → BlogPostProps-6b3cff22.d.ts} +1 -1
  3. package/dist/{PageProps-2fd5dbde.d.ts → PageProps-aa29c554.d.ts} +1 -1
  4. package/dist/{SectionProps-2fd5dbde.d.ts → SectionProps-ca3bc416.d.ts} +2 -2
  5. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +2 -1
  6. package/dist/components/blog-overview/index.d.ts +1 -1
  7. package/dist/components/blog-post/blog-post.schema.dereffed.json +2 -1
  8. package/dist/components/blog-post/index.d.ts +1 -1
  9. package/dist/components/hero/hero.css +1 -1
  10. package/dist/components/image-story/index.d.ts +1 -1
  11. package/dist/components/index/index.d.ts +3 -3
  12. package/dist/components/page/index.d.ts +1 -1
  13. package/dist/components/page/page.schema.dereffed.json +2 -1
  14. package/dist/components/page-wrapper/tokens.css +1 -1
  15. package/dist/components/section/index.d.ts +1 -1
  16. package/dist/components/section/section.css +4 -1
  17. package/dist/components/section/section.schema.dereffed.json +2 -1
  18. package/dist/components/section/section.schema.json +8 -1
  19. package/dist/components/split-even/index.d.ts +1 -1
  20. package/dist/components/split-weighted/index.d.ts +1 -1
  21. package/dist/components/teaser-card/teaser-card.css +4 -2
  22. package/dist/tokens/themes.css +4 -4
  23. package/dist/tokens/tokens.css +1 -1
  24. package/dist/tokens/tokens.js +1 -1
  25. package/package.json +1 -1
  26. /package/dist/{ImageStoryProps-00ddee3a.d.ts → ImageStoryProps-e853e1e7.d.ts} +0 -0
@@ -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-2fd5dbde.js";
6
+ import { SectionProps } from "./SectionProps-ca3bc416.js";
7
7
  import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
8
8
  import { CtaProps } from "./CtaProps-789f8508.js";
9
9
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
7
7
  import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
8
- import { SectionProps } from "./SectionProps-2fd5dbde.js";
8
+ import { SectionProps } from "./SectionProps-ca3bc416.js";
9
9
  import { CtaProps } from "./CtaProps-789f8508.js";
10
10
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
11
11
  /**
@@ -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-2fd5dbde.js";
6
+ import { SectionProps } from "./SectionProps-ca3bc416.js";
7
7
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
8
8
  /**
9
9
  * Collection of sections (with their contents) to render on the page
@@ -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";
@@ -28,7 +28,7 @@ type Width = "full" | "max" | "wide" | "default" | "narrow";
28
28
  /**
29
29
  * Style of background
30
30
  */
31
- type Style = "default" | "framed" | "shine-left" | "shine-right" | "carbon";
31
+ type Style = "default" | "framed" | "shine-left" | "shine-right" | "carbon" | "stripe";
32
32
  /**
33
33
  * Color of background
34
34
  */
@@ -41,7 +41,8 @@
41
41
  "framed",
42
42
  "shine-left",
43
43
  "shine-right",
44
- "carbon"
44
+ "carbon",
45
+ "stripe"
45
46
  ],
46
47
  "default": "default"
47
48
  },
@@ -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 };
@@ -313,7 +313,8 @@
313
313
  "framed",
314
314
  "shine-left",
315
315
  "shine-right",
316
- "carbon"
316
+ "carbon",
317
+ "stripe"
317
318
  ],
318
319
  "default": "default"
319
320
  },
@@ -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 };
@@ -39,7 +39,7 @@
39
39
  );
40
40
  --dsa-hero_left__overlay--background: radial-gradient(
41
41
  100% 200% at 0% 50%,
42
- var(--ks-color-bg-alpha-3) 15%,
42
+ var(--ks-color-fg-inverted-alpha-4) 25%,
43
43
  var(--ks-color-bg-alpha-9) 50%
44
44
  );
45
45
  --dsa-hero_offset__textbox--max-width: var(--dsa-content--width_default);
@@ -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>>;
@@ -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";
@@ -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 };
@@ -41,7 +41,8 @@
41
41
  "framed",
42
42
  "shine-left",
43
43
  "shine-right",
44
- "carbon"
44
+ "carbon",
45
+ "stripe"
45
46
  ],
46
47
  "default": "default"
47
48
  },
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Aug 2025 06:49:29 GMT
3
+ * Generated on Fri, 01 Aug 2025 07:54:21 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes, FC, PropsWithChildren } from "react";
3
- import { SectionProps } from "../../SectionProps-2fd5dbde.js";
3
+ import { SectionProps } from "../../SectionProps-ca3bc416.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>>;
@@ -177,7 +177,10 @@
177
177
  width: 100%;
178
178
  height: 100%;
179
179
  z-index: 0;
180
- background: linear-gradient(180deg, var(--ks-color-fg-alpha-9) 0%, transparent 10px), linear-gradient(180deg, transparent calc(100% - 10px), var(--ks-color-fg-alpha-9) 100%), radial-gradient(100% 100% at 50% 50%, var(--ks-color-bg), var(--ks-color-bg-to-fg-1));
180
+ background: linear-gradient(180deg, var(--ks-color-fg-alpha-9) 0%, transparent 5px), linear-gradient(180deg, var(--ks-color-fg-alpha-9) 0%, transparent 30px), linear-gradient(180deg, transparent calc(100% - 30px), var(--ks-color-fg-alpha-9) 100%), linear-gradient(180deg, transparent calc(100% - 5px), var(--ks-color-fg-alpha-9) 100%), radial-gradient(100% 100% at 50% 50%, var(--ks-color-bg), var(--ks-color-bg-to-fg-1));
181
+ }
182
+ .l-section.dsa-section--style-stripe::before {
183
+ background-image: linear-gradient(45deg, transparent 5%, var(--ks-color-bg-inverted-alpha-8) 5%, var(--ks-color-bg-inverted-alpha-8) 18%, transparent 18%), linear-gradient(180deg, transparent calc(100% - 30px), var(--ks-color-fg-alpha-9) 100%), linear-gradient(180deg, transparent calc(100% - 5px), var(--ks-color-fg-alpha-9) 100%);
181
184
  }
182
185
  .l-section.dsa-section--spotlight {
183
186
  position: relative;
@@ -27,7 +27,8 @@
27
27
  "framed",
28
28
  "shine-left",
29
29
  "shine-right",
30
- "carbon"
30
+ "carbon",
31
+ "stripe"
31
32
  ],
32
33
  "default": "default"
33
34
  },
@@ -16,7 +16,14 @@
16
16
  "type": "string",
17
17
  "title": "Style",
18
18
  "description": "Style of background",
19
- "enum": ["default", "framed", "shine-left", "shine-right", "carbon"],
19
+ "enum": [
20
+ "default",
21
+ "framed",
22
+ "shine-left",
23
+ "shine-right",
24
+ "carbon",
25
+ "stripe"
26
+ ],
20
27
  "default": "default"
21
28
  },
22
29
  "backgroundColor": {
@@ -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";
@@ -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";
@@ -9,8 +9,10 @@
9
9
  --dsa-teaser-card--border-color: var(--ks-border-color-card-interactive);
10
10
  --dsa-teaser-card--border-color_hover: var(--ks-border-color-card-interactive-hover);
11
11
  --dsa-teaser-card--border-radius: var(--ks-border-radius-card);
12
- --dsa-teaser-card--shadow: none;
13
- --dsa-teaser-card--shadow_hover: none;
12
+ --dsa-teaser-card--shadow: 0px 0px 1px rgba(0, 0, 0, 0.01), 0px 2px 4px rgba(0, 0, 0, 0.02),
13
+ 0px 4px 9px rgba(0, 0, 0, 0.03), 0px 6px 15px rgba(0, 0, 0, 0.04), 0px 10px 24px rgba(0, 0, 0, 0.05);
14
+ --dsa-teaser-card--shadow_hover: 0px 0px 1px rgba(0, 0, 0, 0.01), 0px 2px 4px rgba(0, 0, 0, 0.02),
15
+ 0px 4px 9px rgba(0, 0, 0, 0.03), 0px 6px 15px rgba(0, 0, 0, 0.04), 0px 10px 24px rgba(0, 0, 0, 0.05);
14
16
  --dsa-teaser-card__image--transform_hover: scale(1.1);
15
17
  --dsa-teaser-card__image--transition: transform var(--ks-transition-fade);
16
18
  --dsa-teaser-card__topic--color: var(--dsa-topic--color);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 01 Aug 2025 06:49:32 GMT
3
+ * Generated on Fri, 01 Aug 2025 07:54:23 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, 01 Aug 2025 06:49:36 GMT
2730
+ * Generated on Fri, 01 Aug 2025 07:54:28 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, 01 Aug 2025 06:49:34 GMT
5461
+ * Generated on Fri, 01 Aug 2025 07:54:26 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, 01 Aug 2025 06:49:38 GMT
8462
+ * Generated on Fri, 01 Aug 2025 07:54:30 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 Fri, 01 Aug 2025 06:49:29 GMT
3
+ * Generated on Fri, 01 Aug 2025 07:54:21 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 Fri, 01 Aug 2025 06:49:30 GMT
3
+ * Generated on Fri, 01 Aug 2025 07:54:21 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.1980.46f1ffa.0",
3
+ "version": "1.6.71--canary.1987.c5111c0.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {