@kickstartds/ds-agency-premium 1.4.0--canary.12.465.0 → 1.4.0--canary.14.677.0

package/dist/{BlogPostProps-e1cbd5d3.d.ts → BlogPostProps-440f88a5.d.ts}

@@ -5,12 +5,17 @@
  */
 import { BlogHeadProps } from "./BlogHeadProps-f9a49428.js";
 import { BlogAsideProps } from "./BlogAsideProps-e1cbd5d3.js";
+import { SectionProps } from "./SectionProps-83d399b4.js";
 import { CtaProps } from "./CtaProps-93230a76.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
- * Body text for the blog post
+ * Body text for the blog post, overwrites sections if present
  */
 type Text = string;
+/**
+ * Collection of sections (with their contents) to render on the blog post
+ */
+type BlogSections = SectionProps[];
 /**
  * Abstracts a blog post concept into JSON schema
  */
@@ -24,6 +29,7 @@ interface BlogPostProps {
      */
     aside?: BlogAsideProps;
     content?: Text;
+    section?: BlogSections;
     /**
      * Referenced component CtaProps
      */
@@ -33,4 +39,4 @@ interface BlogPostProps {
      */
     seo: SeoProps;
 }
-export { Text, BlogPostProps };
+export { Text, BlogSections, BlogPostProps };

package/dist/{FooterProps-9f94ed98.d.ts → FooterProps-2d0b03c2.d.ts}

@@ -7,6 +7,10 @@
  * Picture source
  */
 type Source = string;
+/**
+ * Picture source
+ */
+type Source1 = string;
 /**
  * Alt text to display for picture
  */
@@ -29,19 +33,27 @@ type Byline = string;
 type Inverted = boolean;
 interface FooterProps {
     logo: Logo;
-    logoHref?: string;
     byline?: Byline;
     inverted?: Inverted;
     navItems?: {
         href: string;
         label: string;
         active?: boolean;
+        id?: string;
+        items?: {
+            href?: string;
+            label?: string;
+            active?: boolean;
+            id?: string;
+        }[];
     }[];
 }
 interface Logo {
     src?: Source;
+    srcInverted?: Source1;
     alt?: AltText;
+    homepageHref?: string;
     width?: Width;
     height?: Height;
 }
-export { Source, AltText, Width, Height, Byline, Inverted, FooterProps, Logo };
+export { Source, Source1, AltText, Width, Height, Byline, Inverted, FooterProps, Logo };

package/dist/HeaderProps-c6c32ccf.d.ts

@@ -0,0 +1,72 @@
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * Picture source
+ */
+type Source = string;
+/**
+ * Picture source
+ */
+type Source1 = string;
+/**
+ * Alt text to display for picture
+ */
+type AltText = string;
+/**
+ * Width of the picture
+ */
+type Width = number;
+/**
+ * Height of the picture
+ */
+type Height = number;
+/**
+ * Toggle the inversion of the flyout navigation
+ */
+type FlyoutInverted = boolean;
+/**
+ * Toggle the inversion of the dropdown navigation
+ */
+type DropdownInverted = boolean;
+/**
+ * Make the header float over the first Section
+ */
+type Floating = boolean;
+/**
+ * Invert the color scheme of the header
+ */
+type Inverted = boolean;
+/**
+ * Header layered on top by the CMS
+ */
+interface HeaderProps {
+    logo?: Logo;
+    flyoutInverted?: FlyoutInverted;
+    dropdownInverted?: DropdownInverted;
+    floating?: Floating;
+    inverted?: Inverted;
+    navItems?: {
+        href: string;
+        label: string;
+        active?: boolean;
+        id?: string;
+        items?: {
+            href?: string;
+            label?: string;
+            active?: boolean;
+            id?: string;
+        }[];
+    }[];
+}
+interface Logo {
+    src?: Source;
+    srcInverted?: Source1;
+    alt?: AltText;
+    homepageHref?: string;
+    width?: Width;
+    height?: Height;
+}
+export { Source, Source1, AltText, Width, Height, FlyoutInverted, DropdownInverted, Floating, Inverted, HeaderProps, Logo };

package/dist/{ImageStoryProps-24e0335c.d.ts → ImageStoryProps-e853e1e7.d.ts}

@@ -37,13 +37,17 @@ type Buttons = ButtonProps[];
  */
 type ImageSource = string;
 /**
- * Select an aspect ratio to use for cropping and displaying the image
+ * The aspect ratio of the image
  */
-type ImageAspectRatio = "4:3" | "3:2" | "16:9" | "1:1" | "none";
+type AspectRatio = "unset" | "square" | "wide" | "landscape";
 /**
  * Image description
  */
 type AltText = string;
+/**
+ * Select a vertical alignment for the image
+ */
+type ImageVerticalAlignment = "center" | "top" | "bottom";
 /**
  * Choose the alginment of the text
  */
@@ -64,7 +68,8 @@ interface ImageStoryProps {
  */
 interface Image {
     src?: ImageSource;
-    ratio?: ImageAspectRatio;
+    aspectRatio?: AspectRatio;
     alt?: AltText;
+    vAlign?: ImageVerticalAlignment;
 }
-export { ModuleHeadline, LargeHeadline, ModuleSubheadline, ModuleText, Layout, Padding, Buttons, ImageSource, ImageAspectRatio, AltText, TextAlignment, ImageStoryProps, Image };
+export { ModuleHeadline, LargeHeadline, ModuleSubheadline, ModuleText, Layout, Padding, Buttons, ImageSource, AspectRatio, AltText, ImageVerticalAlignment, TextAlignment, ImageStoryProps, Image };

package/dist/{HeaderProps-34d278ee.d.ts → LogoProps-01796f0a.d.ts}

@@ -7,10 +7,18 @@
  * Picture source
  */
 type Source = string;
+/**
+ * Picture source
+ */
+type Source1 = string;
 /**
  * Alt text to display for picture
  */
 type AltText = string;
+/**
+ * Toggle wether the inverted or default version of the logo is being displayed
+ */
+type Inverted = boolean;
 /**
  * Width of the picture
  */
@@ -20,28 +28,17 @@ type Width = number;
  */
 type Height = number;
 /**
- * Make the header float over the first Section
+ * Add additional css classes that should be applied to the logo
  */
-type Floating = boolean;
-/**
- * Invert the color scheme of the header
- */
-type Inverted = boolean;
-interface HeaderProps {
-    logo: Logo;
-    logoHref?: string;
-    floating?: Floating;
-    inverted?: Inverted;
-    navItems?: {
-        href: string;
-        label: string;
-        active?: boolean;
-    }[];
-}
-interface Logo {
+type AdditionalClasses = string;
+interface LogoProps {
     src?: Source;
+    srcInverted?: Source1;
     alt?: AltText;
+    homepageHref?: string;
+    inverted?: Inverted;
     width?: Width;
     height?: Height;
+    className?: AdditionalClasses;
 }
-export { Source, AltText, Width, Height, Floating, Inverted, HeaderProps, Logo };
+export { Source, Source1, AltText, Inverted, Width, Height, AdditionalClasses, LogoProps };

package/dist/LogosProps-f9474fe2.d.ts

@@ -0,0 +1,97 @@
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * A short tagline atop the logos
+ */
+type LogoTagline = string;
+/**
+ * The logos to display
+ *
+ * @minItems 1
+ * @maxItems 20
+ */
+type Logos = [Logo] | [Logo, Logo] | [Logo, Logo, Logo] | [Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo
+];
+/**
+ * The URL of the logo image
+ */
+type URL = string;
+/**
+ * The alt text of the logo
+ */
+type Caption = string;
+/**
+ * The alignment of the logo layout
+ */
+type Alignment = "left" | "center";
+/**
+ * The amount of logos to display per row
+ */
+type LogosPerRow = number;
+/**
+ * Activate/disable the CTA
+ */
+type CTAToggle = boolean;
+/**
+ * A short CTA text
+ */
+type CallToActionText = string;
+/**
+ * The CTA link
+ */
+type CallToActionLink = string;
+/**
+ * The text label displayed on the link
+ */
+type LinkLabel = string;
+/**
+ * Component used to display a set of logos
+ */
+interface LogosProps {
+    tagline?: LogoTagline;
+    logo?: Logos;
+    align?: Alignment;
+    logosPerRow?: LogosPerRow;
+    cta?: CallToAction;
+}
+/**
+ * Logo entry for Logos component
+ */
+interface Logo {
+    src: URL;
+    alt?: Caption;
+}
+/**
+ * The call to action
+ */
+interface CallToAction {
+    toggle?: CTAToggle;
+    text?: CallToActionText;
+    link: CallToActionLink;
+    label: LinkLabel;
+    style: "button" | "text";
+}
+export { LogoTagline, Logos, URL, Caption, Alignment, LogosPerRow, CTAToggle, CallToActionText, CallToActionLink, LinkLabel, LogosProps, Logo, CallToAction };

package/dist/{SectionProps-93230a76.d.ts → SectionProps-83d399b4.d.ts}

@@ -8,9 +8,9 @@ import { FaqProps } from "./FaqProps-ad618cd5.js";
 import { FeaturesProps } from "./FeaturesProps-b05859d6.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-cf82a16d.js";
-import { ImageStoryProps } from "./ImageStoryProps-24e0335c.js";
+import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
-import { LogosProps } from "./LogosProps-58c84ccc.js";
+import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";
 import { SliderProps } from "./SliderProps-93230a76.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";

package/dist/SliderProps-93230a76.d.ts

@@ -8,7 +8,7 @@ import { FeaturesProps } from "./FeaturesProps-b05859d6.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-cf82a16d.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
-import { LogosProps } from "./LogosProps-58c84ccc.js";
+import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";
 import { TeaserCardProps } from "./TeaserCardProps-b9c28e78.js";
 import { TestimonialsProps } from "./TestimonialsProps-f7211553.js";

package/dist/components/blog-aside/index.js

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { forwardRef, createContext, useContext } from 'react';
 import { PostAside } from '@kickstartds/blog/lib/post-aside';
 
-const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime, date, className }, ref) => {
+const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime, date, className, ...rest }, ref) => {
     const socialLinks = socialSharing?.map((link) => {
         return {
             icon: link.icon,
@@ -38,7 +38,7 @@ const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime
             newTab: false,
             label: author.email,
         });
-    return (jsx(PostAside, { className: classnames(className, "dsa-blog-aside"), author: {
+    return (jsx(PostAside, { ...rest, className: classnames(className, "dsa-blog-aside"), author: {
             title: author?.name,
             image: author?.image && { src: author.image },
             copy: author?.byline,

package/dist/components/blog-head/index.js

@@ -3,8 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { PostHead } from '@kickstartds/blog/lib/post-head';
 
-const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image }, ref) => {
-    return (jsx(PostHead, { date: date, headline: { text: headline, level: "h1", align: "left" }, image: { src: image }, categories: tags.map((tag) => {
+const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image, ...rest }, ref) => {
+    return (jsx(PostHead, { ...rest, date: date, headline: { text: headline, level: "h1", align: "left" }, image: { src: image }, categories: tags.map((tag) => {
             return { label: tag };
         }), ref: ref }));
 });

package/dist/components/blog-overview/index.js

@@ -4,7 +4,6 @@ import { Section } from '../section/index.js';
 import { BlogTeaser } from '../blog-teaser/index.js';
 import 'classnames';
 import '@kickstartds/core/lib/react';
-import '../headline-level-context/index.js';
 import '@kickstartds/base/lib/section';
 import '../section/js/Section.client.js';
 import '@kickstartds/core/lib/component';