@kickstartds/ds-agency-premium 1.7.0--canary.18.1660.0 → 1.7.0--canary.46.1791.0

package/dist/{BlogHeadProps-3f6e4072.d.ts → BlogHeadProps-c04a5ed8.d.ts}

@@ -20,6 +20,10 @@ type Headline = string;
  * The source of the cover image for the blog post
  */
 type CoverImage = string;
+/**
+ * The alt text for the cover image
+ */
+type AltText = string;
 /**
  * Intro portion of a singular blog entry
  */
@@ -28,5 +32,6 @@ interface BlogHeadProps {
     tags?: Tags;
     headline: Headline;
     image?: CoverImage;
+    alt?: AltText;
 }
-export { PublishedDate, Tags, Headline, CoverImage, BlogHeadProps };
+export { PublishedDate, Tags, Headline, CoverImage, AltText, BlogHeadProps };

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-83d399b4.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-6b3cff22.d.ts

@@ -3,9 +3,9 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { BlogHeadProps } from "./BlogHeadProps-3f6e4072.js";
+import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
 import { BlogAsideProps } from "./BlogAsideProps-d9decb7c.js";
-import { SectionProps } from "./SectionProps-83d399b4.js";
+import { SectionProps } from "./SectionProps-1cfcf6e8.js";
 import { CtaProps } from "./CtaProps-93230a76.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/BlogTeaserProps-f5855e93.d.ts

@@ -24,14 +24,18 @@ type TeaserText = string;
  * The preview image for the blog post
  */
 type Image = string;
+/**
+ * The alt text for the preview image
+ */
+type Alt = string;
 /**
  * The blog entry URL to link
  */
 type URL = string;
 /**
- * The label to use for the link
+ * The text for the link
  */
-type Label = string;
+type Text = string;
 /**
  * Time to read for the blog post
  */
@@ -57,6 +61,7 @@ interface BlogTeaserProps {
     headline: Headline;
     teaserText: TeaserText;
     image?: Image;
+    alt?: Alt;
     link?: Link;
     readingTime?: ReadingTime;
     author?: Author;
@@ -67,7 +72,7 @@ interface BlogTeaserProps {
  */
 interface Link {
     url: URL;
-    label?: Label;
+    text?: Text;
 }
 /**
  * The author of the blog post
@@ -77,4 +82,4 @@ interface Author {
     title?: Title;
     image?: Image1;
 }
-export { Date, Tags, Headline, TeaserText, Image, URL, Label, ReadingTime, Name, Title, Image1, BlogTeaserProps, Link, Author };
+export { Date, Tags, Headline, TeaserText, Image, Alt, URL, Text, ReadingTime, Name, Title, Image1, BlogTeaserProps, Link, Author };

package/dist/DividerProps-2ef31901.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 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.
+ */
+/**
+ * Choose a variant for the divider
+ */
+type StyleOfTheDivider = "default" | "accent";
+/**
+ * Add additional css classes that should be applied to the divider
+ */
+type AdditionalClasses = string;
+/**
+ * Optional custom component identifier
+ */
+type KsComponentAttribute = string;
+/**
+ * Dividers bring clarity to a layout by grouping and dividing content in close proximity.
+ */
+interface DividerProps {
+    variant?: StyleOfTheDivider;
+    className?: AdditionalClasses;
+    component?: KsComponentAttribute;
+}
+export { StyleOfTheDivider, AdditionalClasses, KsComponentAttribute, DividerProps };

package/dist/FeaturesProps-e58616a5.d.ts

@@ -0,0 +1,62 @@
+/**
+ * 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.
+ */
+/**
+ * The layout variant to use for the features
+ */
+type Layout = "largeTiles" | "smallTiles" | "list";
+/**
+ * Activate/disable the CTAs
+ */
+type CTAToggle = boolean;
+/**
+ * The features to display
+ *
+ * @minItems 1
+ * @maxItems 8
+ */
+type Features = [Feature] | [Feature, Feature] | [Feature, Feature, Feature] | [Feature, Feature, Feature, Feature] | [Feature, Feature, Feature, Feature, Feature] | [Feature, Feature, Feature, Feature, Feature, Feature] | [Feature, Feature, Feature, Feature, Feature, Feature, Feature] | [Feature, Feature, Feature, Feature, Feature, Feature, Feature, Feature];
+/**
+ * The icon for the feature
+ */
+type Icon = string;
+/**
+ * The title of the feature
+ */
+type Title = string;
+/**
+ * The description of the feature
+ */
+type Text = string;
+/**
+ * The CTA target
+ */
+type CallToActionTarget = string;
+/**
+ * The text label displayed on the link
+ */
+type LinkLabel = string;
+/**
+ * Component used to display a set of features
+ */
+interface FeaturesProps {
+    layout?: Layout;
+    style?: "intext" | "stack" | "centered" | "besideLarge" | "besideSmall";
+    ctas?: {
+        toggle?: CTAToggle;
+        style?: "button" | "link" | "intext";
+    };
+    feature?: Features;
+}
+interface Feature {
+    icon?: Icon;
+    title?: Title;
+    text?: Text;
+    cta?: {
+        target?: CallToActionTarget;
+        label?: LinkLabel;
+    };
+}
+export { Layout, CTAToggle, Features, Icon, Title, Text, CallToActionTarget, LinkLabel, FeaturesProps, Feature };

package/dist/{HeroProps-cf82a16d.d.ts → HeroProps-f704d270.d.ts}

@@ -71,7 +71,7 @@ type AltText = string;
 /**
  * Choose the alginment of the module content
  */
-type ModuleAligment = "center" | "below" | "left" | "right";
+type ModuleAligment = "center" | "below" | "left" | "right" | "corner";
 interface HeroProps {
     headline?: Headline;
     sub?: ModuleSubheadline;

package/dist/HtmlProps-9d091769.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 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.
+ */
+type HTMLString = string;
+type ShowHTMLAfterConsent = boolean;
+/**
+ * Invert the colors of the HTML
+ */
+type Inverted = boolean;
+/**
+ * Add additional css classes that should be applied to the element
+ */
+type AdditionalClasses = string;
+/**
+ * Optional custom component identifier
+ */
+type KsComponentAttribute = string;
+/**
+ * Display raw HTML.
+ */
+interface HtmlProps {
+    html?: HTMLString;
+    consent?: ShowHTMLAfterConsent;
+    consentText?: string;
+    consentButtonLabel?: string;
+    consentBackgroundImage?: string;
+    consentAspectRatio?: "16:9" | "16:10" | "4:3" | "1:1";
+    inverted?: Inverted;
+    className?: AdditionalClasses;
+    component?: KsComponentAttribute;
+}
+export { HTMLString, ShowHTMLAfterConsent, Inverted, AdditionalClasses, KsComponentAttribute, HtmlProps };

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-83d399b4.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-83d399b4.d.ts → SectionProps-1cfcf6e8.d.ts}

@@ -4,10 +4,12 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { CtaProps } from "./CtaProps-93230a76.js";
+import { DividerProps } from "./DividerProps-2ef31901.js";
 import { FaqProps } from "./FaqProps-ad618cd5.js";
-import { FeaturesProps } from "./FeaturesProps-b05859d6.js";
+import { FeaturesProps } from "./FeaturesProps-e58616a5.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
-import { HeroProps } from "./HeroProps-cf82a16d.js";
+import { HeroProps } from "./HeroProps-f704d270.js";
+import { HtmlProps } from "./HtmlProps-9d091769.js";
 import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
@@ -15,7 +17,7 @@ import { MosaicProps } from "./MosaicProps-d52c7151.js";
 import { SliderProps } from "./SliderProps-93230a76.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";
 import { TeaserCardProps } from "./TeaserCardProps-b9c28e78.js";
-import { TestimonialsProps } from "./TestimonialsProps-f7211553.js";
+import { TestimonialsProps } from "./TestimonialsProps-e344f597.js";
 import { TextProps } from "./TextProps-a23170d2.js";
 import { VideoCurtainProps } from "./VideoCurtainProps-6c625a69.js";
 import { ButtonProps } from "./ButtonProps-03ff6d21.js";
@@ -31,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
  */
@@ -102,7 +108,7 @@ type TileWidth = "smallest" | "default" | "medium" | "large" | "largest";
 /**
  * Allowed components for content
  */
-type Content = (CtaProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
+type Content = (CtaProps | DividerProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | HtmlProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
 /**
  * Buttons of the Button Group
  */
@@ -114,6 +120,7 @@ interface SectionProps {
     width?: Width;
     style?: Style;
     backgroundColor?: Style1;
+    backgroundImage?: BackgroundImage;
     spotlight?: Spotlight;
     spaceBefore?: SpaceBefore;
     spaceAfter?: SpaceAfter;
@@ -138,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/SliderProps-93230a76.d.ts

@@ -4,14 +4,14 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { CtaProps } from "./CtaProps-93230a76.js";
-import { FeaturesProps } from "./FeaturesProps-b05859d6.js";
+import { FeaturesProps } from "./FeaturesProps-e58616a5.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
-import { HeroProps } from "./HeroProps-cf82a16d.js";
+import { HeroProps } from "./HeroProps-f704d270.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.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";
+import { TestimonialsProps } from "./TestimonialsProps-e344f597.js";
 import { TextProps } from "./TextProps-a23170d2.js";
 /**
  * Automatically move to next slide after 4 seconds without user interaction
@@ -50,7 +50,7 @@ interface SliderProps {
     equalHeight?: EqualizeSlidesHeights;
     gap?: Gap;
     arrows?: ShowArrows;
-    type?: Type;
+    variant?: Type;
     className?: Class;
     components?: Content;
 }

package/dist/{StatProps-12a3eae0.d.ts → StatProps-79109ad0.d.ts}

@@ -6,7 +6,7 @@
 /**
  * The number of the stat
  */
-type Number = number;
+type Number = string;
 /**
  * Optional description of the stat
  */

package/dist/StatsProps-bf5ef578.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 { StatProps } from "./StatProps-12a3eae0.js";
+import { StatProps } from "./StatProps-79109ad0.js";
 /**
  * The stats to display with a number upcounter
  *

package/dist/{TestimonialProps-94bdeac9.d.ts → TestimonialsProps-e344f597.d.ts}

@@ -3,6 +3,14 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
+/**
+ * The testimonial layout
+ */
+type Layout = "slider" | "list" | "alternating";
+/**
+ * The style of the quote signs
+ */
+type StyleOfTheQuoteSigns = "normal" | "large" | "none";
 /**
  * The testimonial quote
  */
@@ -27,10 +35,22 @@ type AltText = string;
  * The rating of the testimonial, from 1 to 5
  */
 type Rating = number;
+/**
+ * Add testimonials featuring an image, a quote, a source and a rating
+ */
+type Testimonials = Testimonial[];
+/**
+ * Display testimonials with an optional image and rating
+ */
+interface TestimonialsProps {
+    layout?: Layout;
+    quoteSigns?: StyleOfTheQuoteSigns;
+    testimonial?: Testimonials;
+}
 /**
  * Testimonial entry of Testimonials component
  */
-interface TestimonialProps {
+interface Testimonial {
     quote: Quote;
     name: Name;
     title?: Title;
@@ -40,4 +60,4 @@ interface TestimonialProps {
     };
     rating?: Rating;
 }
-export { Quote, Name, Title, Source, AltText, Rating, TestimonialProps };
+export { Layout, StyleOfTheQuoteSigns, Quote, Name, Title, Source, AltText, Rating, Testimonials, TestimonialsProps, Testimonial };

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

@@ -74,7 +74,8 @@
             "type": "object",
             "properties": {
               "icon": {
-                "type": "string"
+                "type": "string",
+                "format": "icon"
               },
               "label": {
                 "type": "string"
@@ -127,6 +128,7 @@
             "title": "Icon",
             "description": "The icon name for the social link",
             "type": "string",
+            "format": "icon",
             "examples": [
               "twitter",
               "facebook"

package/dist/components/blog-aside/blog-aside.schema.json

@@ -19,6 +19,7 @@
             "title": "Icon",
             "description": "The icon name for the social link",
             "type": "string",
+            "format": "icon",
             "examples": ["twitter", "facebook"]
           },
           "href": {

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

@@ -4,4 +4,5 @@ import { BlogAsideProps } from "../../BlogAsideProps-d9decb7c.js";
 declare const BlogAsideContextDefault: import("react").ForwardRefExoticComponent<BlogAsideProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogAsideContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogAsideProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogAside: import("react").ForwardRefExoticComponent<BlogAsideProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { BlogAsideProps };
 export { BlogAsideContextDefault, BlogAsideContext, BlogAside };

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

@@ -67,7 +67,8 @@
         "type": "object",
         "properties": {
           "icon": {
-            "type": "string"
+            "type": "string",
+            "format": "icon"
           },
           "label": {
             "type": "string"

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

@@ -4,4 +4,5 @@ import { BlogAuthorProps } from "../../BlogAuthorProps-88a11566.js";
 declare const BlogAuthorContextDefault: import("react").ForwardRefExoticComponent<BlogAuthorProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogAuthorContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogAuthorProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogAuthor: import("react").ForwardRefExoticComponent<BlogAuthorProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { BlogAuthorProps };
 export { BlogAuthorContextDefault, BlogAuthorContext, BlogAuthor };

package/dist/components/blog-head/blog-head.css

@@ -8,16 +8,16 @@
   --dsa-blog-head--margin-bottom: var(--ks-spacing-stack-m);
 }
 
-.dsa-post-head.c-post-head {
+.dsa-blog-head.c-post-head {
   --c-post-head_date--font: var(--dsa-blog-head__date--font, var(--ks-font-interface-xs));
   --c-post-head_date--font-weight: var(--dsa-blog-head__date--font-weight, var(--ks-font-weight-bold));
   --c-post-head_date--color: var(--dsa-blog-head__date--color, var(--ks-text-color-interface));
 }
-.dsa-post-head.c-post-head .dsa-headline__headline {
+.dsa-blog-head.c-post-head .dsa-headline__headline {
   font: var(--dsa-blog-head__headline--font, var(--dsa-headline_h2--font, var(--ks-font-display-l)));
   font-weight: var(--dsa-blog-head__headline--font-weight, var(--dsa-headline--font-weight, var(--ks-font-weight-medium)));
   color: var(--dsa-blog-head__headline--color, var(--dsa-headline--color, var(--ks-text-color-display)));
 }
-.dsa-post-head.c-post-head .c-post-head__image {
+.dsa-blog-head.c-post-head .c-post-head__image {
   margin-bottom: var(--dsa-blog-head--margin-bottom, var(--ks-spacing-stack-m));
 }

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

@@ -58,6 +58,14 @@
         "img/close-up-young-business-team-working.png"
       ]
     },
+    "alt": {
+      "title": "Alt Text",
+      "description": "The alt text for the cover image",
+      "type": "string",
+      "examples": [
+        "Image of a business team working"
+      ]
+    },
     "type": {
       "const": "blog-head"
     }

package/dist/components/blog-head/blog-head.schema.json

@@ -33,6 +33,12 @@
       "type": "string",
       "format": "image",
       "examples": ["img/close-up-young-business-team-working.png"]
+    },
+    "alt": {
+      "title": "Alt Text",
+      "description": "The alt text for the cover image",
+      "type": "string",
+      "examples": ["Image of a business team working"]
     }
   },
   "additionalProperties": false,

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { BlogHeadProps } from "../../BlogHeadProps-3f6e4072.js";
+import { BlogHeadProps } from "../../BlogHeadProps-c04a5ed8.js";
 declare const BlogHeadContextDefault: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogHeadContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogHead: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { BlogHeadProps };
 export { BlogHeadContextDefault, BlogHeadContext, BlogHead };

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, ...rest }, ref) => {
-    return (jsx(PostHead, { ...rest, date: date, headline: { text: headline, level: "h1", align: "left" }, image: { src: image }, categories: tags.map((tag) => {
+const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image, alt, ...rest }, ref) => {
+    return (jsx(PostHead, { ...rest, className: "dsa-blog-head", date: date, headline: { text: headline, level: "h1", align: "left" }, image: { src: image, alt: alt || headline }, categories: tags.map((tag) => {
             return { label: tag.entry };
         }), ref: ref }));
 });