@kickstartds/ds-agency-premium 1.6.71--canary.45.2022.0 → 1.6.71--canary.45.2029.0

package/dist/BlogOverviewProps-9f207f1c.d.ts

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-b9fd1bfd.js";
+import { SectionProps } from "./SectionProps-d60aba86.js";
 import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";

package/dist/BlogPostProps-6b3cff22.d.ts

@@ -5,7 +5,7 @@
  */
 import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
 import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
-import { SectionProps } from "./SectionProps-b9fd1bfd.js";
+import { SectionProps } from "./SectionProps-d60aba86.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/PageProps-aa29c554.d.ts

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-b9fd1bfd.js";
+import { SectionProps } from "./SectionProps-d60aba86.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Collection of sections (with their contents) to render on the page

package/dist/{SectionProps-b9fd1bfd.d.ts → SectionProps-d60aba86.d.ts}

@@ -113,7 +113,7 @@ type Mode = "default" | "tile" | "list" | "slider";
 /**
  * Set min-width for the tiles in the grid
  */
-type TileWidth = "smallest" | "default" | "medium" | "large" | "largest";
+type TileWidth = "smallest" | "default" | "medium" | "large" | "largest" | "full";
 /**
  * Allowed components for content
  */

package/dist/components/blog-overview/blog-overview.schema.dereffed.json

@@ -236,7 +236,8 @@
                   "default",
                   "medium",
                   "large",
-                  "largest"
+                  "largest",
+                  "full"
                 ],
                 "default": "default"
               }

package/dist/components/blog-post/blog-post.schema.dereffed.json

@@ -508,7 +508,8 @@
                   "default",
                   "medium",
                   "large",
-                  "largest"
+                  "largest",
+                  "full"
                 ],
                 "default": "default"
               }

package/dist/components/contact/contact.css

@@ -19,7 +19,7 @@
   --dsa-contact__subtitle--color: var(--ks-text-color-display);
   --dsa-contact__subtitle--font: var(--ks-font-copy-m);
   --dsa-contact__subtitle--font-weight: var(--ks-font-weight-regular);
-  --dsa-contact__links--gap: 0;
+  --dsa-contact__links--gap: calc(var(--ks-spacing-xxs) * 0.5);
   --dsa-contact__link--color: var(--dsa-link--color);
   --dsa-contact__link--color_hover: var(--dsa-link--color_hover);
   --dsa-contact__link--font: var(--ks-font-interface-m);

package/dist/components/hero/hero.css

@@ -32,6 +32,16 @@
     var(--ks-color-primary-alpha-5) 0%,
     var(--ks-color-bg-alpha-4) 100%
   );
+  --dsa-hero--left__overlay--background: linear-gradient(
+    90deg,
+    var(--ks-color-bg-alpha-1) var(--dsa-hero__textbox--max-width),
+    transparent
+  );
+  --dsa-hero--right__overlay--background: linear-gradient(
+    270deg,
+    var(--ks-color-bg-alpha-1) var(--dsa-hero__textbox--max-width),
+    transparent
+  );
   --dsa-hero_offset__textbox--max-width: var(--dsa-content--width_default);
   --dsa-hero_offset__textbox--offset: -10%;
   --dsa-hero_offset__overlay--background: linear-gradient(
@@ -113,6 +123,18 @@
       linear-gradient(0deg, var(--ks-background-color-default) 15%, transparent 50%)
     );
   }
+  .c-visual.dsa-hero.dsa-hero--content-left {
+    --c-visual_overlay--background: var(
+      --dsa-hero--left__overlay--background,
+      linear-gradient(90deg, var(--ks-color-bg-alpha-1) var(--dsa-hero__textbox--max-width), transparent)
+    );
+  }
+  .c-visual.dsa-hero.dsa-hero--content-right {
+    --c-visual_overlay--background: var(
+      --dsa-hero--right__overlay--background,
+      linear-gradient(270deg, var(--ks-color-bg-alpha-1) var(--dsa-hero__textbox--max-width), transparent)
+    );
+  }
   .c-visual.dsa-hero .c-visual__box {
     --c-visual_box--max-width: var(--dsa-hero__textbox--max-width, var(--dsa-content--width_narrow));
   }

package/dist/components/hero/index.js

@@ -30,8 +30,7 @@ const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightT
     // @ts-expect-error
     , { 
         // @ts-expect-error
-        value: ButtonGroup, children: jsx(Container, { name: "hero", children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, className: classnames(`dsa-hero dsa-hero--content-${textPosition}`, highlightText && `dsa-hero--highlight-text`, colorNeutral && `dsa-hero--color-neutral`, overlay && `dsa-hero--overlay`, className), height: height, overlay: overlay, skipButton: skipButton, box: {
-                        inverted: invertText,
+        value: ButtonGroup, children: jsx(Container, { name: "hero", children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, className: classnames(`dsa-hero dsa-hero--content-${textPosition}`, highlightText && `dsa-hero--highlight-text`, colorNeutral && `dsa-hero--color-neutral`, overlay && `dsa-hero--overlay`, className), "ks-inverted": invertText ? "true" : undefined, height: height, overlay: overlay, skipButton: skipButton, box: {
                         background: textPosition === "below"
                             ? "transparent"
                             : textbox === true

package/dist/components/page/page.schema.dereffed.json

@@ -236,7 +236,8 @@
                   "default",
                   "medium",
                   "large",
-                  "largest"
+                  "largest",
+                  "full"
                 ],
                 "default": "default"
               }

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 06 Aug 2025 15:12:08 GMT
+ * Generated on Thu, 07 Aug 2025 12:13:44 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/section/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { SectionProps } from "../../SectionProps-b9fd1bfd.js";
+import { SectionProps } from "../../SectionProps-d60aba86.js";
 declare const SectionContextDefault: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const SectionContext: import("react").Context<import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/section/index.js

@@ -50,7 +50,9 @@ const SectionContextDefault = forwardRef(({ headline, content, headerSpacing, wi
                 ? "accent"
                 : backgroundColor === "bold"
                     ? "bold"
-                    : undefined, backgroundImage: backgroundImage, content: content, headline: {
+                    : undefined, backgroundImage: backgroundImage, 
+        // @ts-expect-error
+        content: content, headline: {
             ...headlineRest,
             spaceAfter: "large",
             // @ts-expect-error

package/dist/components/section/section.css

@@ -170,6 +170,9 @@
   --l-section_tile-width--largest: var(--dsa-section__col--min-width_largest, var(--dsa-tile--width_largest));
   --l-section_buttons--space-before: var(--dsa-section__buttons--space-before, var(--l-section--gutter));
 }
+.l-section.dsa-section .l-section__content--tiles-full {
+  --l-section_col--min-width: 100%;
+}
 .l-section.dsa-section .l-section__content--slider {
   padding: var(--ks-spacing-s) 0;
 }

package/dist/components/section/section.schema.dereffed.json

@@ -222,7 +222,8 @@
             "default",
             "medium",
             "large",
-            "largest"
+            "largest",
+            "full"
           ],
           "default": "default"
         }

package/dist/components/section/section.schema.json

@@ -155,7 +155,7 @@
           "type": "string",
           "title": "Tile Width",
           "description": "Set min-width for the tiles in the grid",
-          "enum": ["smallest", "default", "medium", "large", "largest"],
+          "enum": ["smallest", "default", "medium", "large", "largest", "full"],
           "default": "default"
         }
       },

package/dist/global.css

@@ -325,7 +325,7 @@ h3 {
   --dsa-tile--width_small: calc(var(--ks-font-size-copy-m) * 14);
   --dsa-tile--width_medium: calc(var(--ks-font-size-copy-m) * 20);
   --dsa-tile--width_large: calc(var(--ks-font-size-copy-m) * 28);
-  --dsa-tile--width_largest: calc(var(--ks-font-size-copy-m) * 38);
+  --dsa-tile--width_largest: calc(var(--ks-font-size-copy-m) * 42);
   --dsa-logo--height: 2rem;
   --dsa-header--height: calc(var(--dsa-logo--height) + var(--ks-spacing-stack-m) + var(--ks-spacing-stack-m));
 }
@@ -351,7 +351,7 @@ h3 {
 [ks-inverted=true] {
   --spacing-base: 18px;
   --spacing-shrink-factor: 0.65;
-  --spacing-grow-factor: 1.3;
+  --spacing-grow-factor: 1.325;
   --spacing-bp-factor: 1.0135;
   --spacing-xxs-bp-factor: calc(1 * var(--spacing-bp-factor));
   --spacing-xs-bp-factor: calc(var(--spacing-xxs-bp-factor) * var(--spacing-bp-factor));

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 06 Aug 2025 15:12:10 GMT
+ * Generated on Thu, 07 Aug 2025 12:13:47 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 06 Aug 2025 15:12:14 GMT
+ * Generated on Thu, 07 Aug 2025 12:13:52 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 06 Aug 2025 15:12:12 GMT
+ * Generated on Thu, 07 Aug 2025 12:13:49 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 06 Aug 2025 15:12:16 GMT
+ * Generated on Thu, 07 Aug 2025 12:13:54 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 06 Aug 2025 15:12:08 GMT
+ * Generated on Thu, 07 Aug 2025 12:13:44 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 06 Aug 2025 15:12:09 GMT
+ * Generated on Thu, 07 Aug 2025 12:13:45 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.71--canary.45.2022.0",
+  "version": "1.6.71--canary.45.2029.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {