@kickstartds/ds-agency-premium 1.0.1

package/dist/MosaicProps-aacb9422.d.ts

@@ -0,0 +1,84 @@
+/**
+ * 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.
+ */
+/**
+ * Layout of the mosaic component
+ */
+type Layout = "alternate" | "textLeft" | "textRight";
+/**
+ * Make the headlines larger
+ */
+type LargeHeadlines = boolean;
+/**
+ * Headline for the tile
+ */
+type Headline = string;
+/**
+ * Subheadline below the tile headline
+ */
+type ModuleSubheadline = string;
+/**
+ * Text for tile
+ */
+type ModuleText = string;
+/**
+ * Picture source
+ */
+type Source = string;
+/**
+ * Alt text to display for picture
+ */
+type AltText = string;
+/**
+ * Toggle wether the Button is displayed or not
+ */
+type ButtonToggle = boolean;
+/**
+ * Text content to display inside the button
+ */
+type Label = string;
+/**
+ * Target that should be linked, makes the button behave like a link semantically
+ */
+type Target = string;
+/**
+ * Choose an icon
+ */
+type Icon = string;
+/**
+ * Background color for the whole element
+ */
+type BackgroundColor = string;
+/**
+ * Background image for the whole element
+ */
+type BackgroundImage = string;
+/**
+ * Overwrite the color to use for the text content
+ */
+type TextColor = string;
+interface MosaicProps {
+    layout?: Layout;
+    largeHeadlines?: LargeHeadlines;
+    tiles?: {
+        headline?: Headline;
+        sub?: ModuleSubheadline;
+        text?: ModuleText;
+        image?: {
+            src?: Source;
+            alt?: AltText;
+        };
+        button?: {
+            toggle?: ButtonToggle;
+            label?: Label;
+            target?: Target;
+            icon?: Icon;
+        };
+        backgroundColor?: BackgroundColor;
+        backgroundImage?: BackgroundImage;
+        textColor?: TextColor;
+    }[];
+}
+export { Layout, LargeHeadlines, Headline, ModuleSubheadline, ModuleText, Source, AltText, ButtonToggle, Label, Target, Icon, BackgroundColor, BackgroundImage, TextColor, MosaicProps };

package/dist/SliderProps-69b2f1d7.d.ts

@@ -0,0 +1,43 @@
+/**
+ * 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.
+ */
+/**
+ * Automatically move to next slide after 4 seconds without user interaction
+ */
+type AutoPlay = boolean;
+/**
+ * Add bullet navigation
+ */
+type ShowNavigation = boolean;
+/**
+ * The number of visible slides
+ */
+type SlidesPerView = number;
+/**
+ * Size of the gap added between slides in pixels
+ */
+type Gap = number;
+/**
+ * Add arrows on the left and right to navigate to next or previous slide
+ */
+type ShowArrows = boolean;
+/**
+ * Type of the movement
+ */
+type Type = "slider" | "carousel";
+/**
+ * Additional css classes attached to the wrapping element
+ */
+type Class = string;
+interface SliderProps {
+    autoplay?: AutoPlay;
+    nav?: ShowNavigation;
+    perView?: SlidesPerView;
+    gap?: Gap;
+    arrows?: ShowArrows;
+    type?: Type;
+    className?: Class;
+}
+export { AutoPlay, ShowNavigation, SlidesPerView, Gap, ShowArrows, Type, Class, SliderProps };

package/dist/SplitProps-89ef39c4.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ */
+interface SplitProps {
+    layout?: "sidebarRight" | "sidebarLeft" | "even";
+}
+export { SplitProps };

package/dist/StatsProps-afa48599.d.ts

@@ -0,0 +1,41 @@
+/**
+ * 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 stats to display with a number upcounter
+ *
+ * @minItems 1
+ * @maxItems 4
+ */
+type Stats = [Stat] | [Stat, Stat] | [Stat, Stat, Stat] | [Stat, Stat, Stat, Stat];
+/**
+ * The number of the stat
+ */
+type Number = number;
+/**
+ * Optional description of the stat
+ */
+type Description = string;
+/**
+ * Title of the stat
+ */
+type Title = string;
+/**
+ * Optional icon of the stat
+ */
+type Icon = string;
+/**
+ * Component used to display stats with a number upcounter
+ */
+interface StatsProps {
+    stats: Stats;
+}
+interface Stat {
+    number: Number;
+    description?: Description;
+    title: Title;
+    icon?: Icon;
+}
+export { Stats, Number, Description, Title, Icon, StatsProps, Stat };

package/dist/TeaserCardProps-b52479e5.d.ts

@@ -0,0 +1,49 @@
+/**
+ * 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.
+ */
+/**
+ * Headline for the teaser card
+ */
+type Headline = string;
+/**
+ * Body text for the teaser card
+ */
+type Text = string;
+/**
+ * Label for the Teaser Card
+ */
+type Label = string;
+/**
+ * Target that should be linked
+ */
+type Target = string;
+/**
+ * Toggle wether you want the card to have a visible button or not
+ */
+type DisplayButton = boolean;
+/**
+ * Image to display as cover
+ */
+type Image = string;
+/**
+ * Component used to tease content
+ */
+interface TeaserCardProps {
+    headline?: Headline;
+    text?: Text;
+    label?: Label;
+    /**
+     * Layout for the Teaser Card
+     */
+    layout?: "stack" | "row";
+    target?: Target;
+    displayButton?: DisplayButton;
+    image?: Image;
+    /**
+     * Aspect ratio of the image
+     */
+    imageRatio?: "wide" | "landscape" | "square" | "unset";
+}
+export { Headline, Text, Label, Target, DisplayButton, Image, TeaserCardProps };

package/dist/TestimonialsProps-d27ae4b4.d.ts

@@ -0,0 +1,54 @@
+/**
+ * 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 testimonial quote
+ */
+type Quote = "slider" | "list" | "alternating";
+/**
+ * The testimonial quote
+ */
+type Quote1 = string;
+/**
+ * The name of the quote author
+ */
+type Name = string;
+/**
+ * The title of the quote author
+ */
+type Title = string;
+/**
+ * The image to display with the testimonial
+ */
+type Source = string;
+/**
+ * The alt text of the image file
+ */
+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 = {
+    quote: Quote1;
+    name: Name;
+    title?: Title;
+    image: {
+        src?: Source;
+        alt?: AltText;
+    };
+    rating?: Rating;
+}[];
+/**
+ * Display testimonials with an optional image and rating
+ */
+interface TestimonialsProps {
+    layout?: Quote;
+    testimonials?: Testimonials;
+}
+export { Quote, Quote1, Name, Title, Source, AltText, Rating, Testimonials, TestimonialsProps };

package/dist/TextProps-a23170d2.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 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.
+ */
+/**
+ * Text
+ */
+type Text = string;
+/**
+ * Variant of layout to be used
+ */
+type Layout = "singleColumn" | "multiColumn";
+/**
+ * Alignment of text
+ */
+type Alignment = "left" | "center";
+/**
+ * Visually highlight the text
+ */
+type HighlightText = boolean;
+/**
+ * Component used for displaying text in chapters
+ */
+interface TextProps {
+    text: Text;
+    layout?: Layout;
+    align?: Alignment;
+    highlightText?: HighlightText;
+}
+export { Text, Layout, Alignment, HighlightText, TextProps };

package/dist/VideoCurtainProps-6c625a69.d.ts

@@ -0,0 +1,82 @@
+/**
+ * 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.
+ */
+/**
+ * Headline for the visual
+ */
+type Headline = string;
+/**
+ * Subheadline below the module headline
+ */
+type ModuleSubheadline = string;
+/**
+ * Info text for the module element
+ */
+type ModuleText = string;
+/**
+ * Visually highlight the text
+ */
+type HighlightText = boolean;
+/**
+ * Make the text and buttons color neutral
+ */
+type ColorNeutral = boolean;
+/**
+ * Text content to display inside the button
+ */
+type Label = string;
+/**
+ * Choose an icon
+ */
+type Icon = string;
+/**
+ * Target that should be linked, makes the button behave like a link semantically
+ */
+type Target = string;
+/**
+ * Enable grid layer
+ */
+type GridLayer = boolean;
+/**
+ * Background video source for small screens
+ */
+type MobileVideoSource = string;
+/**
+ * Background video source for medium screens
+ */
+type TabletVideoSource = string;
+/**
+ * Background video source for large screens
+ */
+type DesktopVideoSource = string;
+/**
+ * Choose the alginment of the module content
+ */
+type ModuleAligment = "center" | "left" | "right";
+interface VideoCurtainProps {
+    headline?: Headline;
+    sub?: ModuleSubheadline;
+    text?: ModuleText;
+    highlightText?: HighlightText;
+    colorNeutral?: ColorNeutral;
+    buttons?: Button[];
+    overlay?: GridLayer;
+    video?: BackgroundVideo;
+    textPosition?: ModuleAligment;
+}
+interface Button {
+    label?: Label;
+    icon?: Icon;
+    target?: Target;
+}
+/**
+ * Sources of background videos for different screen sizes
+ */
+interface BackgroundVideo {
+    srcMobile: MobileVideoSource;
+    srcTablet?: TabletVideoSource;
+    srcDesktop?: DesktopVideoSource;
+}
+export { Headline, ModuleSubheadline, ModuleText, HighlightText, ColorNeutral, Label, Icon, Target, GridLayer, MobileVideoSource, TabletVideoSource, DesktopVideoSource, ModuleAligment, VideoCurtainProps, Button, BackgroundVideo };

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

@@ -0,0 +1,9 @@
+.c-post-aside {
+  --c-post-aside--gap: var(--ks-spacing-stack-s);
+}
+.c-post-aside .c-headline__headline {
+  --c-headline--font: var(--ks-font-display-m);
+}
+.c-post-aside .c-contact__links .icon {
+  color: var(--g-link--color);
+}

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

@@ -0,0 +1,130 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/blog-aside.schema.json",
+  "title": "Blog Aside",
+  "description": "Meta info for a singular blog entry",
+  "type": "object",
+  "properties": {
+    "author": {
+      "type": "object",
+      "title": "Author",
+      "description": "The author of the blog post",
+      "properties": {
+        "name": {
+          "title": "Name",
+          "description": "The name of the author",
+          "type": "string",
+          "examples": [
+            "John Doe"
+          ]
+        },
+        "byline": {
+          "title": "Byline",
+          "description": "The byline of the author",
+          "type": "string",
+          "examples": [
+            "CEO at Company"
+          ]
+        },
+        "image": {
+          "title": "Image",
+          "description": "The image URL of the author",
+          "type": "string",
+          "format": "uri",
+          "examples": [
+            "img/people/author-emily.png"
+          ]
+        },
+        "twitter": {
+          "title": "Twitter",
+          "description": "The Twitter name of the author",
+          "type": "string",
+          "format": "uri",
+          "examples": [
+            "johndoe"
+          ]
+        },
+        "email": {
+          "title": "Email",
+          "description": "The Email of the author",
+          "type": "string",
+          "format": "email",
+          "examples": [
+            "johndoe@example.com"
+          ]
+        }
+      },
+      "additionalProperties": false,
+      "required": [
+        "name"
+      ]
+    },
+    "socialSharing": {
+      "type": "array",
+      "title": "Social Sharing",
+      "description": "The social sharing links for the blog post",
+      "items": {
+        "type": "object",
+        "properties": {
+          "icon": {
+            "title": "Icon",
+            "description": "The icon name for the social link",
+            "type": "string",
+            "examples": [
+              "twitter",
+              "facebook"
+            ]
+          },
+          "href": {
+            "title": "Href",
+            "description": "The href for the social link",
+            "type": "string",
+            "format": "uri",
+            "examples": [
+              "https://twitter.com/share?text=Check%20this%20out!&url=https://example.com"
+            ]
+          },
+          "title": {
+            "title": "Title",
+            "description": "The title for the social link",
+            "type": "string",
+            "examples": [
+              "Share on Twitter"
+            ]
+          }
+        },
+        "additionalProperties": false,
+        "required": [
+          "icon",
+          "href",
+          "title"
+        ]
+      }
+    },
+    "readingTime": {
+      "title": "Reading Time",
+      "description": "The reading time for the blog post",
+      "type": "string",
+      "examples": [
+        "5 min read"
+      ]
+    },
+    "date": {
+      "title": "Published Date",
+      "description": "The date when the blog post was published",
+      "type": "string",
+      "format": "date",
+      "examples": [
+        "12/30/2022"
+      ]
+    },
+    "type": {
+      "const": "blog-aside"
+    }
+  },
+  "additionalProperties": false,
+  "required": [
+    "author",
+    "date"
+  ]
+}

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

@@ -0,0 +1,99 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/blog-aside.schema.json",
+  "title": "Blog Aside",
+  "description": "Meta info for a singular blog entry",
+  "type": "object",
+  "properties": {
+    "author": {
+      "type": "object",
+      "title": "Author",
+      "description": "The author of the blog post",
+      "properties": {
+        "name": {
+          "title": "Name",
+          "description": "The name of the author",
+          "type": "string",
+          "examples": ["John Doe"]
+        },
+        "byline": {
+          "title": "Byline",
+          "description": "The byline of the author",
+          "type": "string",
+          "examples": ["CEO at Company"]
+        },
+        "image": {
+          "title": "Image",
+          "description": "The image URL of the author",
+          "type": "string",
+          "format": "uri",
+          "examples": ["img/people/author-emily.png"]
+        },
+        "twitter": {
+          "title": "Twitter",
+          "description": "The Twitter name of the author",
+          "type": "string",
+          "format": "uri",
+          "examples": ["johndoe"]
+        },
+        "email": {
+          "title": "Email",
+          "description": "The Email of the author",
+          "type": "string",
+          "format": "email",
+          "examples": ["johndoe@example.com"]
+        }
+      },
+      "additionalProperties": false,
+      "required": ["name"]
+    },
+    "socialSharing": {
+      "type": "array",
+      "title": "Social Sharing",
+      "description": "The social sharing links for the blog post",
+      "items": {
+        "type": "object",
+        "properties": {
+          "icon": {
+            "title": "Icon",
+            "description": "The icon name for the social link",
+            "type": "string",
+            "examples": ["twitter", "facebook"]
+          },
+          "href": {
+            "title": "Href",
+            "description": "The href for the social link",
+            "type": "string",
+            "format": "uri",
+            "examples": [
+              "https://twitter.com/share?text=Check%20this%20out!&url=https://example.com"
+            ]
+          },
+          "title": {
+            "title": "Title",
+            "description": "The title for the social link",
+            "type": "string",
+            "examples": ["Share on Twitter"]
+          }
+        },
+        "additionalProperties": false,
+        "required": ["icon", "href", "title"]
+      }
+    },
+    "readingTime": {
+      "title": "Reading Time",
+      "description": "The reading time for the blog post",
+      "type": "string",
+      "examples": ["5 min read"]
+    },
+    "date": {
+      "title": "Published Date",
+      "description": "The date when the blog post was published",
+      "type": "string",
+      "format": "date",
+      "examples": ["12/30/2022"]
+    }
+  },
+  "additionalProperties": false,
+  "required": ["author", "date"]
+}