@kickstartds/ds-agency-premium 1.6.42 → 1.6.44--canary.39.1363.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-7a46a8ad.js";
+import { SectionProps } from "./SectionProps-1cfcf6e8.js";
 import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
 import { CtaProps } from "./CtaProps-93230a76.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";

package/dist/{BlogPostProps-d9decb7c.d.ts → BlogPostProps-6b3cff22.d.ts}

@@ -5,7 +5,7 @@
  */
 import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
 import { BlogAsideProps } from "./BlogAsideProps-d9decb7c.js";
-import { SectionProps } from "./SectionProps-7a46a8ad.js";
+import { SectionProps } from "./SectionProps-1cfcf6e8.js";
 import { CtaProps } from "./CtaProps-93230a76.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-7a46a8ad.js";
+import { SectionProps } from "./SectionProps-1cfcf6e8.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Collection of sections (with their contents) to render on the page

package/dist/{SectionProps-7a46a8ad.d.ts → SectionProps-1cfcf6e8.d.ts}

@@ -33,6 +33,10 @@ type Style = "stagelights" | "horizontalGradient" | "verticalGradient" | "accent
  * Color of background
  */
 type Style1 = "default" | "accent" | "bold";
+/**
+ * Background image for the whole section
+ */
+type BackgroundImage = string;
 /**
  * Show spotlight behind cursor
  */
@@ -116,6 +120,7 @@ interface SectionProps {
     width?: Width;
     style?: Style;
     backgroundColor?: Style1;
+    backgroundImage?: BackgroundImage;
     spotlight?: Spotlight;
     spaceBefore?: SpaceBefore;
     spaceAfter?: SpaceAfter;
@@ -140,4 +145,4 @@ interface SectionProps {
     components?: Content;
     buttons?: Buttons;
 }
-export { Width, Style, Style1, Spotlight, SpaceBefore, SpaceAfter, Inverted, HeaderSpacing, Headline, LargeHeadline, HeadlineWidth, HeadlineTextAlignment, HeadlineAlignment, Subheadline, SwitchHeadlineOrder, ContentWidth, ContentAlignment, Gutter, Mode, TileWidth, Content, Buttons, SectionProps };
+export { Width, Style, Style1, BackgroundImage, Spotlight, SpaceBefore, SpaceAfter, Inverted, HeaderSpacing, Headline, LargeHeadline, HeadlineWidth, HeadlineTextAlignment, HeadlineAlignment, Subheadline, SwitchHeadlineOrder, ContentWidth, ContentAlignment, Gutter, Mode, TileWidth, Content, Buttons, SectionProps };

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

@@ -58,6 +58,15 @@
             ],
             "default": "default"
           },
+          "backgroundImage": {
+            "title": "Background image",
+            "description": "Background image for the whole section",
+            "type": "string",
+            "format": "image",
+            "examples": [
+              "https://picsum.photos/seed/visual/1920/600"
+            ]
+          },
           "spotlight": {
             "type": "boolean",
             "title": "Spotlight",

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

@@ -334,6 +334,15 @@
             ],
             "default": "default"
           },
+          "backgroundImage": {
+            "title": "Background image",
+            "description": "Background image for the whole section",
+            "type": "string",
+            "format": "image",
+            "examples": [
+              "https://picsum.photos/seed/visual/1920/600"
+            ]
+          },
           "spotlight": {
             "type": "boolean",
             "title": "Spotlight",

package/dist/components/blog-post/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-d9decb7c.js";
+import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export type { BlogPostProps };

package/dist/components/cta/cta.css

@@ -100,7 +100,7 @@
   }
   .dsa-cta.c-storytelling .c-storytelling__box:only-child {
     width: 100%;
-    max-width: calc(var(--l-section--content-width-default) - var(--dsa-content--spacing) * var(--c-storytelling--padding-ratio));
+    max-width: calc(var(--dsa-content--width_default) - var(--dsa-content--spacing) * var(--c-storytelling--padding-ratio));
   }
   .dsa-cta.c-storytelling > .c-storytelling__image {
     padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing));
@@ -111,7 +111,7 @@
   }
   .dsa-cta.c-storytelling > .c-storytelling__image,
   .dsa-cta.c-storytelling > .c-storytelling__box {
-    max-width: calc(var(--l-section--content-width-wide) / 2);
+    max-width: calc(var(--dsa-content--width_wide) / 2);
   }
   .dsa-cta.c-storytelling.dsa-cta--full-width > .c-storytelling__image,
   .dsa-cta.c-storytelling.dsa-cta--full-width > .c-storytelling__box {

package/dist/components/footer/footer.css

@@ -1,7 +1,7 @@
 .dsa-footer {
   --dsa-footer--background-color: var(--ks-background-color-default);
   --dsa-footer--border-top: 1px solid var(--ks-border-color-default);
-  --dsa-footer--max-width: var(--l-section--content-width-wide);
+  --dsa-footer--max-width: var(--dsa-content--width_wide);
   --dsa-footer--gap-vertical: var(--ks-spacing-stack-m);
   --dsa-footer__byline--font: var(--ks-font-copy-xs);
   --dsa-footer__byline--color: var(--ks-text-color-default);
@@ -29,7 +29,7 @@
 .dsa-footer__content {
   padding: var(--l-section--space-small) var(--dsa-content--spacing);
   border-top: var(--dsa-footer--border-top, 1px solid var(--ks-border-color-default));
-  max-width: var(--dsa-footer--max-width, var(--l-section--content-width-wide));
+  max-width: var(--dsa-footer--max-width, var(--dsa-content--width_wide));
   width: 100%;
   margin: auto;
   display: flex;

package/dist/components/header/header.css

@@ -14,7 +14,7 @@
 }
 
 .dsa-header {
-  --dsa-header--max-width: var(--l-section--content-width-max);
+  --dsa-header--max-width: var(--dsa-content--width_max);
   --dsa-header--background: var(--ks-background-color-default);
   --dsa-header_floating--background: linear-gradient(var(--ks-color-bg), transparent);
   --dsa-header__logo--height: var(--dsa-logo--height);

package/dist/components/headline/headline.css

@@ -113,7 +113,7 @@
 .dsa-headline .dsa-headline__subheadline {
   font: var(--subheadline--font);
   margin: 0;
-  max-width: var(--l-section--content-width-default);
+  max-width: var(--dsa-content--width_default);
   color: var(--dsa-headline__subheadline--color, var(--ks-text-color-primary));
   font-weight: var(--dsa-headline__subheadline--font-weight, var(--ks-font-weight-semi-bold));
 }

package/dist/components/hero/hero.css

@@ -14,9 +14,10 @@
   --dsa-hero__copy--font: var(--dsa-rich-text--font);
   --dsa-hero_highlight-text__copy--font: var(--ks-font-copy-l);
   --dsa-hero_color-neutral__copy--color: var(--ks-text-color-default);
+  --dsa-hero__textbox--background-color: var(--ks-color-bg-alpha-2);
   --dsa-hero__textbox--border-radius: var(--ks-border-radius-surface);
+  --dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
   --dsa-hero__textbox--padding: var(--ks-spacing-inset-squish-xl);
-  --dsa-hero__textbox--background-color: var(--ks-color-bg-alpha-2);
   --dsa-hero__overlay--background: linear-gradient(0deg, var(--ks-background-color-default) 15%, transparent 50%);
 }
 @container visual (min-width: 640px) {
@@ -81,7 +82,7 @@
     );
   }
   .c-visual.dsa-hero .c-visual__box {
-    --c-visual_box--max-width: 50rem;
+    --c-visual_box--max-width: var(--dsa-hero__textbox--max-width, var(--dsa-content--width_narrow));
   }
 }
 
@@ -103,7 +104,7 @@
   padding: var(--c-visual_box--padding);
 }
 .c-visual.dsa-hero .c-visual__content--indent {
-  max-width: var(--l-section--content-width-wide);
+  max-width: var(--dsa-content--width_wide);
 }
 @container visual (min-width: 640px) {
   .c-visual.dsa-hero.dsa-hero--content-below .c-visual__media {
@@ -118,7 +119,7 @@
     position: relative;
   }
   .c-visual.dsa-hero.dsa-hero--content-below .c-visual__content .c-visual__box {
-    --c-visual_box--max-width: var(--l-section--content-width-default);
+    --c-visual_box--max-width: var(--dsa-content--width_default);
   }
   @container visual (min-width: 640px) {
     .c-visual.dsa-hero.dsa-hero--content-below.c-visual--no-crop .c-visual__media .c-visual__image {

package/dist/components/image-story/image-story.css

@@ -12,7 +12,7 @@
   --c-storytelling--vertical-padding: var(--dsa-image-story--vertical-padding, var(--ks-spacing-xl));
 }
 .c-storytelling.dsa-image-story .c-storytelling__box__content {
-  max-width: var(--l-section--content-width-narrow);
+  max-width: var(--dsa-content--width_narrow);
 }
 .c-storytelling.dsa-image-story.c-storytelling--three-to-two img {
   aspect-ratio: 3/2;

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

@@ -29,7 +29,7 @@ interface SettingsProps {
     seo: SeoProps;
     iconSprite?: IconSprite;
 }
-export * from "../../BlogPostProps-d9decb7c.js";
+export * from "../../BlogPostProps-6b3cff22.js";
 export * from "../../BlogOverviewProps-9f207f1c.js";
 export * from "../../PageProps-aa29c554.js";
 export { IconSprite, SettingsProps };

package/dist/components/logos/logos.css

@@ -26,7 +26,7 @@
 .dsa-logos__tagline {
   font: var(--dsa-logos__tagline--font, var(--ks-font-display-m));
   font-weight: var(--dsa-logos__tagline--font-weight, var(--dsa-headline--font-weight));
-  max-width: var(--l-section--content-width-narrow);
+  max-width: var(--dsa-content--width_narrow);
   color: var(--dsa-logos__tagline--color, var(--dsa-headline--color, var(--ks-text-color-display)));
   width: 100%;
 }
@@ -40,7 +40,7 @@
 }
 .dsa-logos__cta__text {
   color: var(--ks-text-color-default);
-  max-width: var(--l-section--content-width-narrow);
+  max-width: var(--dsa-content--width_narrow);
 }
 .dsa-logos__cta__text, .dsa-logos__cta__link {
   font: var(--ks-font-copy-m);

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

@@ -58,6 +58,15 @@
             ],
             "default": "default"
           },
+          "backgroundImage": {
+            "title": "Background image",
+            "description": "Background image for the whole section",
+            "type": "string",
+            "format": "image",
+            "examples": [
+              "https://picsum.photos/seed/visual/1920/600"
+            ]
+          },
           "spotlight": {
             "type": "boolean",
             "title": "Spotlight",

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 11:48:47 GMT
+ * Generated on Wed, 11 Dec 2024 09:16:09 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -744,49 +744,49 @@
   --ks-spacing-xxs-bp-factor-tablet: 1.5006;
   --ks-spacing-xxs-bp-factor-laptop: 1.8383;
   --ks-spacing-xxs-bp-factor-desktop: 2.2519;
-  --ks-spacing-xxs-bp-factor-tv: 2.35;
+  --ks-spacing-xxs-bp-factor-tv: 2.5;
   --ks-spacing-xs: var(--ks-spacing-xs-base);
   --ks-spacing-xs-base: 0.4309rem;
   --ks-spacing-xs-bp-factor-phone: 1.225;
   --ks-spacing-xs-bp-factor-tablet: 1.5006;
   --ks-spacing-xs-bp-factor-laptop: 1.8383;
   --ks-spacing-xs-bp-factor-desktop: 2.2519;
-  --ks-spacing-xs-bp-factor-tv: 2.35;
+  --ks-spacing-xs-bp-factor-tv: 2.5;
   --ks-spacing-s: var(--ks-spacing-s-base);
   --ks-spacing-s-base: 0.614rem;
   --ks-spacing-s-bp-factor-phone: 1.225;
   --ks-spacing-s-bp-factor-tablet: 1.5006;
   --ks-spacing-s-bp-factor-laptop: 1.8383;
   --ks-spacing-s-bp-factor-desktop: 2.2519;
-  --ks-spacing-s-bp-factor-tv: 2.35;
+  --ks-spacing-s-bp-factor-tv: 2.5;
   --ks-spacing-m: var(--ks-spacing-m-base);
   --ks-spacing-m-base: 0.875rem;
   --ks-spacing-m-bp-factor-phone: 1.225;
   --ks-spacing-m-bp-factor-tablet: 1.5006;
   --ks-spacing-m-bp-factor-laptop: 1.8383;
   --ks-spacing-m-bp-factor-desktop: 2.2519;
-  --ks-spacing-m-bp-factor-tv: 2.35;
+  --ks-spacing-m-bp-factor-tv: 2.5;
   --ks-spacing-l: var(--ks-spacing-l-base);
   --ks-spacing-l-base: 1.2469rem;
   --ks-spacing-l-bp-factor-phone: 1.225;
   --ks-spacing-l-bp-factor-tablet: 1.5006;
   --ks-spacing-l-bp-factor-laptop: 1.8383;
   --ks-spacing-l-bp-factor-desktop: 2.2519;
-  --ks-spacing-l-bp-factor-tv: 2.35;
+  --ks-spacing-l-bp-factor-tv: 2.5;
   --ks-spacing-xl: var(--ks-spacing-xl-base);
   --ks-spacing-xl-base: 1.7768rem;
   --ks-spacing-xl-bp-factor-phone: 1.225;
   --ks-spacing-xl-bp-factor-tablet: 1.5006;
   --ks-spacing-xl-bp-factor-laptop: 1.8383;
   --ks-spacing-xl-bp-factor-desktop: 2.2519;
-  --ks-spacing-xl-bp-factor-tv: 2.35;
+  --ks-spacing-xl-bp-factor-tv: 2.7;
   --ks-spacing-xxl: var(--ks-spacing-xxl-base);
   --ks-spacing-xxl-base: 2.5319rem;
   --ks-spacing-xxl-bp-factor-phone: 1.225;
   --ks-spacing-xxl-bp-factor-tablet: 1.5006;
   --ks-spacing-xxl-bp-factor-laptop: 1.8383;
   --ks-spacing-xxl-bp-factor-desktop: 2.2519;
-  --ks-spacing-xxl-bp-factor-tv: 2.35;
+  --ks-spacing-xxl-bp-factor-tv: 2.5;
   --ks-spacing-stack-xs: var(--ks-spacing-xs);
   --ks-spacing-stack-s: var(--ks-spacing-s);
   --ks-spacing-stack-m: var(--ks-spacing-m);
@@ -947,7 +947,7 @@
   --ks-font-size-display-bp-factor-tablet: 1.5;
   --ks-font-size-display-bp-factor-laptop: 1.5;
   --ks-font-size-display-bp-factor-desktop: 1.75;
-  --ks-font-size-display-bp-factor-tv: 2;
+  --ks-font-size-display-bp-factor-tv: 2.25;
   --ks-font-size-display-xxs-base: 0.68rem;
   --ks-font-size-display-xs-base: 0.833rem;
   --ks-font-size-display-s-base: 1.0204rem;
@@ -956,7 +956,7 @@
   --ks-font-size-display-xl-base: 1.8758rem;
   --ks-font-size-display-xxl-base: 2.2978rem;
   --ks-font-size-copy-bp-factor-tablet: 1.125;
-  --ks-font-size-copy-bp-factor-tv: 1.25;
+  --ks-font-size-copy-bp-factor-tv: 1.35;
   --ks-font-size-copy-xxs-base: 0.612rem;
   --ks-font-size-copy-xs-base: 0.7497rem;
   --ks-font-size-copy-s-base: 0.9184rem;
@@ -965,7 +965,7 @@
   --ks-font-size-copy-xl-base: 1.6882rem;
   --ks-font-size-copy-xxl-base: 2.068rem;
   --ks-font-size-interface-bp-factor-tablet: 1.125;
-  --ks-font-size-interface-bp-factor-tv: 1.25;
+  --ks-font-size-interface-bp-factor-tv: 1.5;
   --ks-font-size-interface-xxs-base: 0.544rem;
   --ks-font-size-interface-xs-base: 0.6664rem;
   --ks-font-size-interface-s-base: 0.8163rem;
@@ -974,7 +974,7 @@
   --ks-font-size-interface-xl-base: 1.5006rem;
   --ks-font-size-interface-xxl-base: 1.8383rem;
   --ks-font-size-mono-bp-factor-tablet: 1.125;
-  --ks-font-size-mono-bp-factor-tv: 1.25;
+  --ks-font-size-mono-bp-factor-tv: 1.5;
   --ks-font-size-mono-xxs-base: 0.612rem;
   --ks-font-size-mono-xs-base: 0.7497rem;
   --ks-font-size-mono-s-base: 0.9184rem;