@kickstartds/ds-agency-premium 1.2.21 → 1.2.23

package/dist/BlogOverviewProps-525f7f9f.d.ts

@@ -0,0 +1,36 @@
+/**
+ * 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.
+ */
+import { BlogTeaserProps } from "./BlogTeaserProps-525f7f9f.js";
+import { CtaProps } from "./CtaProps-93230a76.js";
+import { SeoProps } from "./SeoProps-f2d6dcaa.js";
+/**
+ * Collection of posts to list on the page
+ */
+type Posts = BlogTeaserProps[];
+/**
+ * Collection of posts to list on the page
+ */
+type Posts1 = BlogTeaserProps[];
+/**
+ * Abstracts a blog overview concept into JSON schema
+ */
+interface BlogOverviewProps {
+    /**
+     * Referenced component BlogTeaserProps
+     */
+    latest?: BlogTeaserProps;
+    list?: Posts;
+    more?: Posts1;
+    /**
+     * Referenced component CtaProps
+     */
+    cta?: CtaProps;
+    /**
+     * Referenced component SeoProps
+     */
+    seo: SeoProps;
+}
+export { Posts, Posts1, BlogOverviewProps };

package/dist/BlogPostProps-e1cbd5d3.d.ts

@@ -0,0 +1,36 @@
+/**
+ * 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.
+ */
+import { BlogHeadProps } from "./BlogHeadProps-f9a49428.js";
+import { BlogAsideProps } from "./BlogAsideProps-e1cbd5d3.js";
+import { CtaProps } from "./CtaProps-93230a76.js";
+import { SeoProps } from "./SeoProps-f2d6dcaa.js";
+/**
+ * Body text for the blog post
+ */
+type Text = string;
+/**
+ * Abstracts a blog post concept into JSON schema
+ */
+interface BlogPostProps {
+    /**
+     * Referenced component BlogHeadProps
+     */
+    head?: BlogHeadProps;
+    /**
+     * Referenced component BlogAsideProps
+     */
+    aside?: BlogAsideProps;
+    content?: Text;
+    /**
+     * Referenced component CtaProps
+     */
+    cta?: CtaProps;
+    /**
+     * Referenced component SeoProps
+     */
+    seo: SeoProps;
+}
+export { Text, BlogPostProps };

package/dist/FooterProps-b5c16ab5.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 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;
+/**
+ * Alt text to display for picture
+ */
+type AltText = string;
+/**
+ * Width of the picture
+ */
+type Width = number;
+/**
+ * Height of the picture
+ */
+type Height = number;
+interface FooterProps {
+    logo: Logo;
+    logoHref?: string;
+    navItems?: {
+        href: string;
+        label: string;
+        target?: string;
+    }[];
+}
+interface Logo {
+    src?: Source;
+    alt?: AltText;
+    width?: Width;
+    height?: Height;
+}
+export { Source, AltText, Width, Height, FooterProps, Logo };

package/dist/HeaderProps-ae331ab2.d.ts

@@ -0,0 +1,42 @@
+/**
+ * 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;
+/**
+ * Alt text to display for picture
+ */
+type AltText = string;
+/**
+ * Width of the picture
+ */
+type Width = number;
+/**
+ * Height of the picture
+ */
+type Height = number;
+/**
+ * Make the header float over the first Section
+ */
+type Floating = boolean;
+interface HeaderProps {
+    logo: Logo;
+    logoHref?: string;
+    floating?: Floating;
+    navItems?: {
+        href: string;
+        label: string;
+        active?: boolean;
+    }[];
+}
+interface Logo {
+    src?: Source;
+    alt?: AltText;
+    width?: Width;
+    height?: Height;
+}
+export { Source, AltText, Width, Height, Floating, HeaderProps, Logo };

package/dist/SectionProps-83d399b4.d.ts

@@ -0,0 +1,141 @@
+/**
+ * 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.
+ */
+import { CtaProps } from "./CtaProps-93230a76.js";
+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-03ff6d21.js";
+import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
+import { LogosProps } from "./LogosProps-a8efd101.js";
+import { MosaicProps } from "./MosaicProps-aacb9422.js";
+import { SliderProps } from "./SliderProps-8cae490d.js";
+import { StatsProps } from "./StatsProps-bf5ef578.js";
+import { TeaserCardProps } from "./TeaserCardProps-b9c28e78.js";
+import { TestimonialsProps } from "./TestimonialsProps-72bb9288.js";
+import { TextProps } from "./TextProps-a23170d2.js";
+import { VideoCurtainProps } from "./VideoCurtainProps-6c625a69.js";
+import { ButtonProps } from "./ButtonProps-03ff6d21.js";
+/**
+ * Width of section to use
+ */
+type Width = "full" | "max" | "wide" | "default" | "narrow";
+/**
+ * Style of background
+ */
+type Style = "stagelights" | "horizontalGradient" | "verticalGradient" | "accentTransition" | "boldTransition" | "symmetricGlow" | "anchorGlow";
+/**
+ * Color of background
+ */
+type Style1 = "default" | "accent" | "bold";
+/**
+ * Show spotlight behind cursor
+ */
+type Spotlight = boolean;
+/**
+ * Amount of spacing before the section
+ */
+type SpaceBefore = "default" | "small" | "none";
+/**
+ * Amount of spacing after the section
+ */
+type SpaceAfter = "default" | "small" | "none";
+/**
+ * Whether to invert the section
+ */
+type Inverted = boolean;
+/**
+ * Reserve additional spacing for a floating header
+ */
+type HeaderSpacing = boolean;
+/**
+ * Headline Text for the section
+ */
+type Headline = string;
+/**
+ * Make the headline larger
+ */
+type LargeHeadline = boolean;
+/**
+ * Width of headline to use
+ */
+type HeadlineWidth = "unset" | "narrow" | "default" | "wide";
+/**
+ * Choose the text alignment for the headline
+ */
+type HeadlineTextAlignment = "left" | "center" | "right";
+/**
+ * Choose an alignment for positioning the headline
+ */
+type HeadlineAlignment = "left" | "center" | "right";
+/**
+ * Subheadline for the section
+ */
+type Subheadline = string;
+/**
+ * Switch the order of headline and subheadline
+ */
+type SwitchHeadlineOrder = boolean;
+/**
+ * Width of content to use
+ */
+type ContentWidth = "unset" | "narrow" | "default" | "wide";
+/**
+ * Choose an alignment for the content
+ */
+type ContentAlignment = "left" | "center" | "right";
+/**
+ * Size of gutter to use
+ */
+type Gutter = "large" | "default" | "small" | "none";
+/**
+ * Layout mode used for section contents
+ */
+type Mode = "default" | "tile" | "list" | "slider";
+/**
+ * Set min-width for the tiles in the grid
+ */
+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)[];
+/**
+ * Buttons of the Button Group
+ */
+type Buttons = ButtonProps[];
+/**
+ * Component used to layout components into pages
+ */
+interface SectionProps {
+    width?: Width;
+    style?: Style;
+    backgroundColor?: Style1;
+    spotlight?: Spotlight;
+    spaceBefore?: SpaceBefore;
+    spaceAfter?: SpaceAfter;
+    inverted?: Inverted;
+    headerSpacing?: HeaderSpacing;
+    headline?: {
+        text?: Headline;
+        large?: LargeHeadline;
+        width?: HeadlineWidth;
+        textAlign?: HeadlineTextAlignment;
+        align?: HeadlineAlignment;
+        sub?: Subheadline;
+        switchOrder?: SwitchHeadlineOrder;
+    };
+    content?: {
+        width?: ContentWidth;
+        align?: ContentAlignment;
+        gutter?: Gutter;
+        mode?: Mode;
+        tileWidth?: TileWidth;
+    };
+    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 };

package/dist/{StatsProps-17b0743a.d.ts → StatProps-12a3eae0.d.ts}

@@ -3,13 +3,6 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-/**
- * The stats to display with a number upcounter
- *
- * @minItems 1
- * @maxItems 4
- */
-type Items = [Stat] | [Stat, Stat] | [Stat, Stat, Stat] | [Stat, Stat, Stat, Stat];
 /**
  * The number of the stat
  */
@@ -27,15 +20,12 @@ type Title = string;
  */
 type Icon = string;
 /**
- * Component used to display stats with a number upcounter
+ * Stat entry of Stats component
  */
-interface StatsProps {
-    items?: Items;
-}
-interface Stat {
+interface StatProps {
     number: Number;
     description?: Description;
-    title: Title;
+    title?: Title;
     icon?: Icon;
 }
-export { Items, Number, Description, Title, Icon, StatsProps, Stat };
+export { Number, Description, Title, Icon, StatProps };

package/dist/StatsProps-bf5ef578.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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.
+ */
+import { StatProps } from "./StatProps-12a3eae0.js";
+/**
+ * The stats to display with a number upcounter
+ *
+ * @minItems 1
+ * @maxItems 4
+ */
+type Stats = [StatProps] | [StatProps, StatProps] | [StatProps, StatProps, StatProps] | [StatProps, StatProps, StatProps, StatProps];
+/**
+ * Component used to display stats with a number upcounter
+ */
+interface StatsProps {
+    stat?: Stats;
+}
+export { Stats, StatsProps };

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

@@ -1,39 +1,4 @@
 /// <reference types="react" />
-/* eslint-disable */
-/**
- * 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.
- */
-import { BlogTeaserProps } from "../../BlogTeaserProps-525f7f9f.js";
-import { CtaProps } from "../../CtaProps-93230a76.js";
-import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
-/**
- * Collection of posts to list on the page
- */
-type Posts = BlogTeaserProps[];
-/**
- * Collection of posts to list on the page
- */
-type Posts1 = BlogTeaserProps[];
-/**
- * Abstracts a blog overview concept into JSON schema
- */
-interface BlogOverviewProps {
-    /**
-     * Referenced component BlogTeaserProps
-     */
-    latest?: BlogTeaserProps;
-    list?: Posts;
-    more?: Posts1;
-    /**
-     * Referenced component CtaProps
-     */
-    cta?: CtaProps;
-    /**
-     * Referenced component SeoProps
-     */
-    seo: SeoProps;
-}
+import { BlogOverviewProps } from "../../BlogOverviewProps-525f7f9f.js";
 declare const BlogOverview: ({ latest, more, }: BlogOverviewProps) => import("react/jsx-runtime").JSX.Element;
 export { BlogOverview };

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

@@ -1,39 +1,4 @@
 /// <reference types="react" />
-/* eslint-disable */
-/**
- * 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.
- */
-import { BlogHeadProps } from "../../BlogHeadProps-f9a49428.js";
-import { BlogAsideProps } from "../../BlogAsideProps-e1cbd5d3.js";
-import { CtaProps } from "../../CtaProps-93230a76.js";
-import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
-/**
- * Body text for the blog post
- */
-type Text = string;
-/**
- * Abstracts a blog post concept into JSON schema
- */
-interface BlogPostProps {
-    /**
-     * Referenced component BlogHeadProps
-     */
-    head?: BlogHeadProps;
-    /**
-     * Referenced component BlogAsideProps
-     */
-    aside?: BlogAsideProps;
-    content?: Text;
-    /**
-     * Referenced component CtaProps
-     */
-    cta?: CtaProps;
-    /**
-     * Referenced component SeoProps
-     */
-    seo: SeoProps;
-}
+import { BlogPostProps } from "../../BlogPostProps-e1cbd5d3.js";
 declare const BlogPost: ({ head, content, aside, cta }: BlogPostProps) => import("react/jsx-runtime").JSX.Element;
 export { BlogPost };

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

@@ -1,40 +1,4 @@
 import { FC } from "react";
-/* eslint-disable */
-/**
- * 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;
-/**
- * Alt text to display for picture
- */
-type AltText = string;
-/**
- * Width of the picture
- */
-type Width = number;
-/**
- * Height of the picture
- */
-type Height = number;
-interface FooterProps {
-    logo: Logo;
-    logoHref?: string;
-    navItems?: {
-        href: string;
-        label: string;
-        target?: string;
-    }[];
-}
-interface Logo {
-    src?: Source;
-    alt?: AltText;
-    width?: Width;
-    height?: Height;
-}
+import { FooterProps } from "../../FooterProps-b5c16ab5.js";
 declare const Footer: FC<FooterProps>;
 export { Footer };

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

@@ -1,45 +1,4 @@
 import { FC } from "react";
-/* eslint-disable */
-/**
- * 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;
-/**
- * Alt text to display for picture
- */
-type AltText = string;
-/**
- * Width of the picture
- */
-type Width = number;
-/**
- * Height of the picture
- */
-type Height = number;
-/**
- * Make the header float over the first Section
- */
-type Floating = boolean;
-interface HeaderProps {
-    logo: Logo;
-    logoHref?: string;
-    floating?: Floating;
-    navItems?: {
-        href: string;
-        label: string;
-        active?: boolean;
-    }[];
-}
-interface Logo {
-    src?: Source;
-    alt?: AltText;
-    width?: Width;
-    height?: Height;
-}
+import { HeaderProps } from "../../HeaderProps-ae331ab2.js";
 declare const Header: FC<HeaderProps>;
 export { Header };

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

@@ -0,0 +1,50 @@
+/* eslint-disable */
+/**
+ * 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.
+ */
+import { SectionProps } from "../../SectionProps-83d399b4.js";
+import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
+/* eslint-disable */
+/**
+ * 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.
+ */
+import { HeaderProps } from "../../HeaderProps-ae331ab2.js";
+import { FooterProps } from "../../FooterProps-b5c16ab5.js";
+/**
+ * Collection of sections (with their contents) to render on the page
+ */
+type Sections = SectionProps[];
+/**
+ * Abstracts a page concept into JSON schema
+ */
+interface PageProps {
+    section?: Sections;
+    /**
+     * Referenced component SeoProps
+     */
+    seo: SeoProps;
+}
+/**
+ * Abstracts global settings made for a website into JSON Schema
+ */
+interface SettingsProps {
+    /**
+     * Referenced component HeaderProps
+     */
+    header: HeaderProps;
+    /**
+     * Referenced component FooterProps
+     */
+    footer: FooterProps;
+    /**
+     * Referenced component SeoProps
+     */
+    seo: SeoProps;
+}
+export * from "../../BlogPostProps-e1cbd5d3.js";
+export * from "../../BlogOverviewProps-525f7f9f.js";
+export { Sections, PageProps, SettingsProps };

package/dist/components/index/index.js

@@ -0,0 +1 @@
+

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

@@ -1401,13 +1401,16 @@
                   "description": "Component used to display stats with a number upcounter",
                   "type": "object",
                   "properties": {
-                    "items": {
-                      "title": "Items",
+                    "stat": {
+                      "title": "Stats",
                       "type": "array",
                       "description": "The stats to display with a number upcounter",
                       "items": {
-                        "type": "object",
+                        "$schema": "http://json-schema.org/draft-07/schema#",
+                        "$id": "http://schema.mydesignsystem.com/stat.schema.json",
                         "title": "Stat",
+                        "description": "Stat entry of Stats component",
+                        "type": "object",
                         "properties": {
                           "number": {
                             "title": "Number",
@@ -1423,12 +1426,14 @@
                           "description": {
                             "title": "Description",
                             "description": "Optional description of the stat",
-                            "type": "string"
+                            "type": "string",
+                            "format": "markdown"
                           },
                           "title": {
                             "title": "Title",
                             "description": "Title of the stat",
                             "type": "string",
+                            "format": "markdown",
                             "examples": [
                               "Stat 1",
                               "Stat 2",
@@ -1445,12 +1450,33 @@
                               "home",
                               "map"
                             ]
+                          },
+                          "type": {
+                            "const": "stat"
                           }
                         },
                         "additionalProperties": false,
                         "required": [
                           "number",
-                          "title"
+                          "label"
+                        ],
+                        "examples": [
+                          {
+                            "number": 1,
+                            "label": "Stat 1"
+                          },
+                          {
+                            "number": 2,
+                            "label": "Stat 2"
+                          },
+                          {
+                            "number": 3,
+                            "label": "Stat 3"
+                          },
+                          {
+                            "value": 4,
+                            "label": "Stat 4"
+                          }
                         ]
                       },
                       "minItems": 1,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 17:15:07 GMT
+ * Generated on Fri, 01 Mar 2024 18:47:40 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/components/presets.json

@@ -2538,26 +2538,9 @@
     "id": "components-stats--count-up-with-icons",
     "group": "Components/Stats",
     "name": "CountUpWithIcons",
-    "code": "<Stats\n  items={[\n    {\n      icon: 'person',\n      number: 1,\n      title: 'Stat 1'\n    },\n    {\n      icon: 'person',\n      number: 1,\n      title: 'Stat 1'\n    },\n    {\n      icon: 'person',\n      number: 1,\n      title: 'Stat 1'\n    }\n  ]}\n  stats={[\n    {\n      icon: 'person',\n      number: 1500,\n      title: 'Users'\n    },\n    {\n      icon: 'star',\n      number: 350,\n      title: 'Subscribers'\n    },\n    {\n      icon: 'map',\n      number: 125,\n      title: 'Locations'\n    }\n  ]}\n/>",
+    "code": "<Stats\n  stat={[\n    {\n      icon: 'person',\n      number: 1500,\n      title: 'Users'\n    },\n    {\n      icon: 'star',\n      number: 350,\n      title: 'Subscribers'\n    },\n    {\n      icon: 'map',\n      number: 125,\n      title: 'Locations'\n    }\n  ]}\n />",
     "args": {
-      "items": [
-        {
-          "number": 1,
-          "title": "Stat 1",
-          "icon": "person"
-        },
-        {
-          "number": 1,
-          "title": "Stat 1",
-          "icon": "person"
-        },
-        {
-          "number": 1,
-          "title": "Stat 1",
-          "icon": "person"
-        }
-      ],
-      "stats": [
+      "stat": [
         {
           "number": 1500,
           "title": "Users",
@@ -2581,26 +2564,9 @@
     "id": "components-stats--count-up-with-description",
     "group": "Components/Stats",
     "name": "CountUpWithDescription",
-    "code": "<Stats\n  items={[\n    {\n      icon: 'person',\n      number: 1,\n      title: 'Stat 1'\n    },\n    {\n      icon: 'person',\n      number: 1,\n      title: 'Stat 1'\n    },\n    {\n      icon: 'person',\n      number: 1,\n      title: 'Stat 1'\n    }\n  ]}\n  stats={[\n    {\n      description: 'Experience the power of our platform, embraced by a vast community of users. Our user base is diverse and dynamic, including both active and inactive members. Join us and become part of this ever-growing community.',\n      number: 1500,\n      title: 'Users'\n    },\n    {\n      description: 'Stay ahead with our regular updates and newsletters. Our subscribers are always in the loop, receiving the latest news and features. Subscribe now and never miss an update from us.',\n      number: 350,\n      title: 'Subscribers'\n    }\n  ]}\n/>",
+    "code": "<Stats\n  stat={[\n    {\n      description: 'Experience the power of our platform, embraced by a vast community of users. Our user base is diverse and dynamic, including both active and inactive members. Join us and become part of this ever-growing community.',\n      number: 1500,\n      title: 'Users'\n    },\n    {\n      description: 'Stay ahead with our regular updates and newsletters. Our subscribers are always in the loop, receiving the latest news and features. Subscribe now and never miss an update from us.',\n      number: 350,\n      title: 'Subscribers'\n    }\n  ]}\n />",
     "args": {
-      "items": [
-        {
-          "number": 1,
-          "title": "Stat 1",
-          "icon": "person"
-        },
-        {
-          "number": 1,
-          "title": "Stat 1",
-          "icon": "person"
-        },
-        {
-          "number": 1,
-          "title": "Stat 1",
-          "icon": "person"
-        }
-      ],
-      "stats": [
+      "stat": [
         {
           "number": 1500,
           "title": "Users",

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

@@ -1,146 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-/* eslint-disable */
-/**
- * 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.
- */
-import { CtaProps } from "../../CtaProps-93230a76.js";
-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-03ff6d21.js";
-import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
-import { LogosProps } from "../../LogosProps-a8efd101.js";
-import { MosaicProps } from "../../MosaicProps-aacb9422.js";
-import { SliderProps } from "../../SliderProps-8cae490d.js";
-import { StatsProps } from "../../StatsProps-17b0743a.js";
-import { TeaserCardProps } from "../../TeaserCardProps-b9c28e78.js";
-import { TestimonialsProps } from "../../TestimonialsProps-72bb9288.js";
-import { TextProps } from "../../TextProps-a23170d2.js";
-import { VideoCurtainProps } from "../../VideoCurtainProps-6c625a69.js";
-import { ButtonProps } from "../../ButtonProps-03ff6d21.js";
-/**
- * Width of section to use
- */
-type Width = "full" | "max" | "wide" | "default" | "narrow";
-/**
- * Style of background
- */
-type Style = "stagelights" | "horizontalGradient" | "verticalGradient" | "accentTransition" | "boldTransition" | "symmetricGlow" | "anchorGlow";
-/**
- * Color of background
- */
-type Style1 = "default" | "accent" | "bold";
-/**
- * Show spotlight behind cursor
- */
-type Spotlight = boolean;
-/**
- * Amount of spacing before the section
- */
-type SpaceBefore = "default" | "small" | "none";
-/**
- * Amount of spacing after the section
- */
-type SpaceAfter = "default" | "small" | "none";
-/**
- * Whether to invert the section
- */
-type Inverted = boolean;
-/**
- * Reserve additional spacing for a floating header
- */
-type HeaderSpacing = boolean;
-/**
- * Headline Text for the section
- */
-type Headline = string;
-/**
- * Make the headline larger
- */
-type LargeHeadline = boolean;
-/**
- * Width of headline to use
- */
-type HeadlineWidth = "unset" | "narrow" | "default" | "wide";
-/**
- * Choose the text alignment for the headline
- */
-type HeadlineTextAlignment = "left" | "center" | "right";
-/**
- * Choose an alignment for positioning the headline
- */
-type HeadlineAlignment = "left" | "center" | "right";
-/**
- * Subheadline for the section
- */
-type Subheadline = string;
-/**
- * Switch the order of headline and subheadline
- */
-type SwitchHeadlineOrder = boolean;
-/**
- * Width of content to use
- */
-type ContentWidth = "unset" | "narrow" | "default" | "wide";
-/**
- * Choose an alignment for the content
- */
-type ContentAlignment = "left" | "center" | "right";
-/**
- * Size of gutter to use
- */
-type Gutter = "large" | "default" | "small" | "none";
-/**
- * Layout mode used for section contents
- */
-type Mode = "default" | "tile" | "list" | "slider";
-/**
- * Set min-width for the tiles in the grid
- */
-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)[];
-/**
- * Buttons of the Button Group
- */
-type Buttons = ButtonProps[];
-/**
- * Component used to layout components into pages
- */
-interface SectionProps {
-    width?: Width;
-    style?: Style;
-    backgroundColor?: Style1;
-    spotlight?: Spotlight;
-    spaceBefore?: SpaceBefore;
-    spaceAfter?: SpaceAfter;
-    inverted?: Inverted;
-    headerSpacing?: HeaderSpacing;
-    headline?: {
-        text?: Headline;
-        large?: LargeHeadline;
-        width?: HeadlineWidth;
-        textAlign?: HeadlineTextAlignment;
-        align?: HeadlineAlignment;
-        sub?: Subheadline;
-        switchOrder?: SwitchHeadlineOrder;
-    };
-    content?: {
-        width?: ContentWidth;
-        align?: ContentAlignment;
-        gutter?: Gutter;
-        mode?: Mode;
-        tileWidth?: TileWidth;
-    };
-    components?: Content;
-    buttons?: Buttons;
-}
+import { SectionProps } from "../../SectionProps-83d399b4.js";
 declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const SectionProvider: FC<PropsWithChildren<any>>;
 export { Section, SectionProvider };

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

@@ -1387,13 +1387,16 @@
             "description": "Component used to display stats with a number upcounter",
             "type": "object",
             "properties": {
-              "items": {
-                "title": "Items",
+              "stat": {
+                "title": "Stats",
                 "type": "array",
                 "description": "The stats to display with a number upcounter",
                 "items": {
-                  "type": "object",
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/stat.schema.json",
                   "title": "Stat",
+                  "description": "Stat entry of Stats component",
+                  "type": "object",
                   "properties": {
                     "number": {
                       "title": "Number",
@@ -1409,12 +1412,14 @@
                     "description": {
                       "title": "Description",
                       "description": "Optional description of the stat",
-                      "type": "string"
+                      "type": "string",
+                      "format": "markdown"
                     },
                     "title": {
                       "title": "Title",
                       "description": "Title of the stat",
                       "type": "string",
+                      "format": "markdown",
                       "examples": [
                         "Stat 1",
                         "Stat 2",
@@ -1431,12 +1436,33 @@
                         "home",
                         "map"
                       ]
+                    },
+                    "type": {
+                      "const": "stat"
                     }
                   },
                   "additionalProperties": false,
                   "required": [
                     "number",
-                    "title"
+                    "label"
+                  ],
+                  "examples": [
+                    {
+                      "number": 1,
+                      "label": "Stat 1"
+                    },
+                    {
+                      "number": 2,
+                      "label": "Stat 2"
+                    },
+                    {
+                      "number": 3,
+                      "label": "Stat 3"
+                    },
+                    {
+                      "value": 4,
+                      "label": "Stat 4"
+                    }
                   ]
                 },
                 "minItems": 1,

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

@@ -1,31 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-/* eslint-disable */
-/**
- * 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 number of the stat
- */
-type Number = number;
-/**
- * Optional description of the stat
- */
-type Description = string;
-/**
- * Title of the stat
- */
-type Title = string;
-/**
- * Stat entry of Stats component
- */
-interface StatProps {
-    number: Number;
-    description?: Description;
-    title?: Title;
-}
+import { StatProps } from "../../StatProps-12a3eae0.js";
 declare const StatContextDefault: import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const StatContext: import("react").Context<import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Stat: import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/stat/index.js

@@ -1,7 +1,10 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
+import { CountUp } from '@kickstartds/content/lib/count-up';
 
-const StatContextDefault = forwardRef(({ number, title, description, ...rest }, ref) => (jsxs("div", { ...rest, ref: ref, className: "dsa-stats__stat", children: [jsx("span", { className: "dsa-stats__value", children: number }), jsx("span", { className: "dsa-stats__label", children: title }), description && (jsx("span", { className: "dsa-stats__description", children: description }))] })));
+const StatContextDefault = forwardRef(({ number, title, description, icon, ...rest }, ref) => (jsx(CountUp, { ...rest, ref: ref, className: "dsa-stats__item", to: number, icon: {
+        icon: icon,
+    }, text: description, topic: title })));
 const StatContext = createContext(StatContextDefault);
 const Stat = forwardRef((props, ref) => {
     const Component = useContext(StatContext);

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

@@ -34,6 +34,16 @@
         "Stat 4"
       ]
     },
+    "icon": {
+      "title": "Icon",
+      "description": "Optional icon of the stat",
+      "type": "string",
+      "examples": [
+        "person",
+        "home",
+        "map"
+      ]
+    },
     "type": {
       "const": "stat"
     }

package/dist/components/stat/stat.schema.json

@@ -23,6 +23,12 @@
       "type": "string",
       "format": "markdown",
       "examples": ["Stat 1", "Stat 2", "Stat 3", "Stat 4"]
+    },
+    "icon": {
+      "title": "Icon",
+      "description": "Optional icon of the stat",
+      "type": "string",
+      "examples": ["person", "home", "map"]
     }
   },
   "additionalProperties": false,

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

@@ -1,4 +1,4 @@
 import { HTMLAttributes, FC } from "react";
-import { StatsProps } from "../../StatsProps-17b0743a.js";
+import { StatsProps } from "../../StatsProps-bf5ef578.js";
 declare const Stats: FC<StatsProps & HTMLAttributes<HTMLElement>>;
 export { Stats };

package/dist/components/stats/index.js

@@ -1,11 +1,11 @@
 import "./stats.css";
 import { jsx } from 'react/jsx-runtime';
-import { CountUp } from '@kickstartds/content/lib/count-up';
+import { createElement } from 'react';
+import { Stat } from '../stat/index.js';
+import '@kickstartds/content/lib/count-up';
 
-const Stats = ({ items = [], }) => {
-    return (jsx("div", { className: "dsa-stats", children: items.map((item, index) => (jsx(CountUp, { className: "dsa-stats__item", to: item.number, icon: {
-                icon: item?.icon,
-            }, text: item?.description, topic: item.title }, index))) }));
+const Stats = ({ stat: stats = [], }) => {
+    return (jsx("div", { className: "dsa-stats", children: stats.map((item, index) => (createElement(Stat, { ...item, key: index }))) }));
 };
 
 export { Stats };

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

@@ -5,13 +5,16 @@
   "description": "Component used to display stats with a number upcounter",
   "type": "object",
   "properties": {
-    "items": {
-      "title": "Items",
+    "stat": {
+      "title": "Stats",
       "type": "array",
       "description": "The stats to display with a number upcounter",
       "items": {
-        "type": "object",
+        "$schema": "http://json-schema.org/draft-07/schema#",
+        "$id": "http://schema.mydesignsystem.com/stat.schema.json",
         "title": "Stat",
+        "description": "Stat entry of Stats component",
+        "type": "object",
         "properties": {
           "number": {
             "title": "Number",
@@ -27,12 +30,14 @@
           "description": {
             "title": "Description",
             "description": "Optional description of the stat",
-            "type": "string"
+            "type": "string",
+            "format": "markdown"
           },
           "title": {
             "title": "Title",
             "description": "Title of the stat",
             "type": "string",
+            "format": "markdown",
             "examples": [
               "Stat 1",
               "Stat 2",
@@ -49,12 +54,33 @@
               "home",
               "map"
             ]
+          },
+          "type": {
+            "const": "stat"
           }
         },
         "additionalProperties": false,
         "required": [
           "number",
-          "title"
+          "label"
+        ],
+        "examples": [
+          {
+            "number": 1,
+            "label": "Stat 1"
+          },
+          {
+            "number": 2,
+            "label": "Stat 2"
+          },
+          {
+            "number": 3,
+            "label": "Stat 3"
+          },
+          {
+            "value": 4,
+            "label": "Stat 4"
+          }
         ]
       },
       "minItems": 1,

package/dist/components/stats/stats.schema.json

@@ -5,40 +5,12 @@
   "description": "Component used to display stats with a number upcounter",
   "type": "object",
   "properties": {
-    "items": {
-      "title": "Items",
+    "stat": {
+      "title": "Stats",
       "type": "array",
       "description": "The stats to display with a number upcounter",
       "items": {
-        "type": "object",
-        "title": "Stat",
-        "properties": {
-          "number": {
-            "title": "Number",
-            "description": "The number of the stat",
-            "type": "integer",
-            "examples": [1, 2, 3, 4]
-          },
-          "description": {
-            "title": "Description",
-            "description": "Optional description of the stat",
-            "type": "string"
-          },
-          "title": {
-            "title": "Title",
-            "description": "Title of the stat",
-            "type": "string",
-            "examples": ["Stat 1", "Stat 2", "Stat 3", "Stat 4"]
-          },
-          "icon": {
-            "title": "Icon",
-            "description": "Optional icon of the stat",
-            "type": "string",
-            "examples": ["person", "home", "map"]
-          }
-        },
-        "additionalProperties": false,
-        "required": ["number", "title"]
+        "$ref": "http://schema.mydesignsystem.com/stat.schema.json"
       },
       "minItems": 1,
       "maxItems": 4

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 17:15:10 GMT
+ * Generated on Fri, 01 Mar 2024 18:47:42 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 Fri, 01 Mar 2024 17:15:14 GMT
+ * Generated on Fri, 01 Mar 2024 18:47:47 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 Fri, 01 Mar 2024 17:15:12 GMT
+ * Generated on Fri, 01 Mar 2024 18:47:45 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 Fri, 01 Mar 2024 17:15:16 GMT
+ * Generated on Fri, 01 Mar 2024 18:47:49 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 Fri, 01 Mar 2024 17:15:07 GMT
+ * Generated on Fri, 01 Mar 2024 18:47:40 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 17:15:08 GMT
+ * Generated on Fri, 01 Mar 2024 18:47:40 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json

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