@kickstartds/ds-agency-premium 1.2.18 → 1.2.20

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

@@ -6,11 +6,7 @@
 /**
  * The testimonial quote
  */
-type Quote = "slider" | "list" | "alternating";
-/**
- * The testimonial quote
- */
-type Quote1 = string;
+type Quote = string;
 /**
  * The name of the quote author
  */
@@ -32,10 +28,10 @@ type AltText = string;
  */
 type Rating = number;
 /**
- * Add testimonials featuring an image, a quote, a source and a rating
+ * Testimonial entry of Testimonials component
  */
-type Items = {
-    quote: Quote1;
+interface TestimonialProps {
+    quote: Quote;
     name: Name;
     title?: Title;
     image: {
@@ -43,12 +39,5 @@ type Items = {
         alt?: AltText;
     };
     rating?: Rating;
-}[];
-/**
- * Display testimonials with an optional image and rating
- */
-interface TestimonialsProps {
-    layout?: Quote;
-    items?: Items;
 }
-export { Quote, Quote1, Name, Title, Source, AltText, Rating, Items, TestimonialsProps };
+export { Quote, Name, Title, Source, AltText, Rating, TestimonialProps };

package/dist/TestimonialsProps-72bb9288.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 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 { TestimonialProps } from "./TestimonialProps-94bdeac9.js";
+/**
+ * The testimonial quote
+ */
+type Quote = "slider" | "list" | "alternating";
+/**
+ * Add testimonials featuring an image, a quote, a source and a rating
+ */
+type Testimonials = TestimonialProps[];
+/**
+ * Display testimonials with an optional image and rating
+ */
+interface TestimonialsProps {
+    layout?: Quote;
+    testimonial?: Testimonials;
+}
+export { Quote, Testimonials, TestimonialsProps };

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

@@ -1,4 +1,39 @@
 /// <reference types="react" />
-import { BlogOverviewProps } from "../../BlogOverviewProps-525f7f9f.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 { 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;
+}
 declare const BlogOverview: ({ latest, more, }: BlogOverviewProps) => import("react/jsx-runtime").JSX.Element;
 export { BlogOverview };

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

@@ -1,4 +1,39 @@
 /// <reference types="react" />
-import { BlogPostProps } from "../../BlogPostProps-e1cbd5d3.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 { 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;
+}
 declare const BlogPost: ({ head, content, aside, cta }: BlogPostProps) => import("react/jsx-runtime").JSX.Element;
 export { BlogPost };

package/dist/components/feature/index.js

@@ -1,4 +1,3 @@
-import "./feature.css";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import classnames from 'classnames';

package/dist/components/features/features.css

@@ -1,6 +1,21 @@
 .c-features {
   --dsa-features--gap-vertical: var(--ks-spacing-stack-l);
   --dsa-features--gap-horizontal: var(--ks-spacing-inline-m);
+  --dsa-feature__title--color: var(--dsa-topic--color);
+  --dsa-feature__title--font: var(--ks-font-interface-m);
+  --dsa-feature__title--font-family: var(--dsa-topic--font-family);
+  --dsa-feature__copy--color: var(--dsa-rich-text--color);
+  --dsa-feature__copy--font: var(--ks-font-copy-s);
+  --dsa-feature__link-font: var(--ks-font-copy-s);
+  --dsa-feature__icon--color: var(--ks-text-color-primary);
+  --dsa-feature_small__icon--size: calc(
+    var(--ks-line-height-interface-m) * var(--ks-font-size-interface-m)
+  );
+  --dsa-feature_large__icon--size: calc(var(--ks-font-size-copy-m) * 2.5);
+  --dsa-feature_small--gap: var(--ks-spacing-stack-xs);
+  --dsa-feature_large--gap: var(--ks-spacing-stack-s);
+  --dsa-feature_small__icon--gap: var(--ks-spacing-xs);
+  --dsa-feature_large__icon--gap: var(--ks-spacing-s);
 }
 
 .c-features {
@@ -26,4 +41,87 @@
 }
 .l-section--align-center .c-features--small-tiles {
   justify-content: center;
+}
+.c-features .c-feature {
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  gap: var(--dsa-feature--gap);
+}
+.c-features .c-feature--large {
+  --dsa-feature__icon--size: var(--dsa-feature_large__icon--size, calc(var(--ks-font-size-copy-m) * 2.5));
+  --dsa-feature__icon--gap: var(--dsa-feature_large__icon--gap, var(--ks-spacing-xs));
+  --dsa-feature--gap: var(--dsa-feature_large--gap, var(--ks-spacing-stack-s));
+}
+.c-features .c-feature--small {
+  --dsa-feature__icon--size: var(
+    --dsa-feature_small__icon--size,
+    calc(var(--ks-line-height-interface-m) * var(--ks-font-size-interface-m))
+  );
+  --dsa-feature__icon--gap: var(--dsa-feature_small__icon--gap, var(--ks-spacing-xs));
+  --dsa-feature--gap: var(--dsa-feature_small--gap, var(--ks-spacing-stack-xs));
+}
+.c-features .c-feature--beside {
+  padding-left: calc(var(--dsa-feature__icon--size) + var(--dsa-feature__icon--gap));
+}
+.c-features .c-feature--beside .c-feature__icon {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.c-features .c-feature--stack .c-feature__header {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+.c-features .c-feature--centered .c-feature__header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.c-features .c-feature--centered .c-feature__title,
+.c-features .c-feature--centered .c-feature__text {
+  text-align: center;
+}
+.c-features .c-feature--centered .c-feature__cta {
+  display: flex;
+  justify-content: center;
+}
+.c-features .c-feature__header {
+  display: flex;
+  align-items: center;
+  gap: var(--dsa-feature__icon--gap);
+}
+.c-features .c-feature__title {
+  font: var(--dsa-feature__title--font, var(--ks-font-interface-m));
+  color: var(--dsa-feature__title--color, var(--ks-topic-color));
+  font-family: var(--dsa-feature__title--font-family, var(--ks-font-family-display));
+  font-weight: var(--dsa-feature__title--font-weight, var(--ks-font-weight-semi-bold));
+}
+.c-features .c-feature__text {
+  color: var(--dsa-feature__copy--color, var(--dsa-rich-text-color), var(--ks-text-color-default));
+  font: var(--dsa-feature__copy--font, var(--ks-font-copy-s));
+  margin: 0;
+}
+.c-features .c-feature__icon {
+  color: var(--dsa-feature__icon--color, var(--ks-text-color-primary));
+  width: var(--dsa-feature__icon--size);
+  height: var(--dsa-feature__icon--size);
+}
+.c-features .c-feature__cta {
+  margin-top: auto;
+}
+.c-features .c-feature__link {
+  font: var(--dsa-feature__link-font, var(--ks-font-copy-s));
+  display: flex;
+  align-items: center;
+  gap: var(--ks-spacing-xxs);
+  width: fit-content;
+}
+.c-features .c-feature__link .icon {
+  width: 1.125em;
+  height: 1.125em;
+}
+.c-features .c-feature__button {
+  margin-top: calc(var(--dsa-feature--gap) * 0.5);
 }

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

@@ -1,4 +1,40 @@
 import { FC } from "react";
-import { FooterProps } from "../../FooterProps-b5c16ab5.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.
+ */
+/**
+ * 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;
+}
 declare const Footer: FC<FooterProps>;
 export { Footer };

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

@@ -1,4 +1,45 @@
 import { FC } from "react";
-import { HeaderProps } from "../../HeaderProps-ae331ab2.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.
+ */
+/**
+ * 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;
+}
 declare const Header: FC<HeaderProps>;
 export { Header };

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

@@ -1575,17 +1575,22 @@
                       ],
                       "default": "slider"
                     },
-                    "items": {
+                    "testimonial": {
                       "type": "array",
-                      "title": "Items",
+                      "title": "Testimonials",
                       "description": "Add testimonials featuring an image, a quote, a source and a rating",
                       "items": {
+                        "$schema": "http://json-schema.org/draft-07/schema#",
+                        "$id": "http://schema.mydesignsystem.com/testimonial.schema.json",
+                        "title": "Testimonial",
+                        "description": "Testimonial entry of Testimonials component",
                         "type": "object",
                         "properties": {
                           "quote": {
                             "title": "Quote",
                             "description": "The testimonial quote",
                             "type": "string",
+                            "format": "markdown",
                             "examples": [
                               "This product is amazing!"
                             ]
@@ -1601,10 +1606,7 @@
                           "title": {
                             "title": "Title",
                             "description": "The title of the quote author",
-                            "type": "string",
-                            "examples": [
-                              "CEO"
-                            ]
+                            "type": "string"
                           },
                           "image": {
                             "type": "object",
@@ -1613,6 +1615,7 @@
                                 "title": "Source",
                                 "description": "The image to display with the testimonial",
                                 "type": "string",
+                                "format": "image",
                                 "examples": [
                                   "https://example.com/image.jpg"
                                 ]
@@ -1631,6 +1634,9 @@
                             "type": "integer",
                             "minimum": 1,
                             "maximum": 5
+                          },
+                          "type": {
+                            "const": "testimonial"
                           }
                         },
                         "additionalProperties": false,

package/dist/components/page-wrapper/index.d.ts

@@ -1,2 +1,3 @@
-import { RawPageWrapper as PageWrapper } from "../raw-page-wrapper/index.js";
-export { PageWrapper as default, PageWrapper };
+import { FC, PropsWithChildren } from "react";
+declare const PageWrapper: FC<PropsWithChildren>;
+export { PageWrapper };