npm - @kickstartds/ds-agency-premium - Versions diffs - 1.2.18 → 1.2.19 - Mend

@kickstartds/ds-agency-premium 1.2.18 → 1.2.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

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

@@ -8,14 +8,14 @@ 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 { ImageStoryProps } from "./ImageStoryProps-24e0335c.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-4b94faa8.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";

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

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

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

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

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

package/dist/components/feature/index.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/image-story/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { FC } from "react";
-import { ImageStoryProps } from "../../ImageStoryProps-03ff6d21.js";
+import { ImageStoryProps } from "../../ImageStoryProps-24e0335c.js";
 declare const ImageStory: FC<ImageStoryProps>;
 export { ImageStory };

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

@@ -4,7 +4,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-93230a76.js";
 import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
 /* eslint-disable */
 /**
@@ -45,6 +45,6 @@ interface SettingsProps {
      */
     seo: SeoProps;
 }
-export * from "../../BlogPostProps-e1cbd5d3.js";
-export * from "../../BlogOverviewProps-525f7f9f.js";
+export * from "../../BlogPostProps-0910f130.js";
+export * from "../../BlogOverviewProps-f385fc47.js";
 export { Sections, PageProps, SettingsProps };

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

@@ -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/tokens.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 13:10:57 GMT
+ * Generated on Fri, 01 Mar 2024 16:51:23 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/components/presets.json CHANGED Viewed

@@ -2680,43 +2680,17 @@
     "id": "components-testimonials--simple",
     "group": "Components/Testimonials",
     "name": "Simple",
-    "code": "<Testimonials\n  items={[\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    },\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    },\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    }\n  ]}\n  layout=\"slider\"\n  testimonial={[\n    {\n      image: {\n        alt: 'Alt Text Customer 1',\n        src: 'img/people/author-emily.png'\n      },\n      name: 'Emily Johnson',\n      quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n      title: undefined\n    }\n  ]}\n/>",
+    "code": "<Testimonials\n  layout=\"slider\"\n  testimonial={[\n    {\n      image: {\n        alt: 'Alt Text Customer 1',\n        src: 'img/people/author-emily.png'\n      },\n      name: 'Emily Johnson',\n      quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n      title: undefined\n    }\n  ]}\n/>",
     "args": {
       "layout": "slider",
-      "items": [
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        },
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        },
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        }
-      ],
       "testimonial": [
         {
           "quote": "Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.",
+          "name": "Emily Johnson",
           "image": {
             "src": "img/people/author-emily.png",
             "alt": "Alt Text Customer 1"
-          },
-          "name": "Emily Johnson"
+          }
         }
       ]
     },
@@ -2726,43 +2700,17 @@
     "id": "components-testimonials--with-title",
     "group": "Components/Testimonials",
     "name": "WithTitle",
-    "code": "<Testimonials\n  items={[\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    },\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    },\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    }\n  ]}\n  layout=\"slider\"\n  testimonial={[\n    {\n      image: {\n        alt: 'Alt Text Customer 1',\n        src: 'img/people/author-emily.png'\n      },\n      name: 'Emily Johnson',\n      quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n      title: 'Chief Marketing Officer at TechFusion Enterprises'\n    }\n  ]}\n/>",
+    "code": "<Testimonials\n  layout=\"slider\"\n  testimonial={[\n    {\n      image: {\n        alt: 'Alt Text Customer 1',\n        src: 'img/people/author-emily.png'\n      },\n      name: 'Emily Johnson',\n      quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n      title: 'Chief Marketing Officer at TechFusion Enterprises'\n    }\n  ]}\n/>",
     "args": {
       "layout": "slider",
-      "items": [
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        },
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        },
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        }
-      ],
       "testimonial": [
         {
           "quote": "Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.",
+          "name": "Emily Johnson",
           "image": {
             "src": "img/people/author-emily.png",
             "alt": "Alt Text Customer 1"
           },
-          "name": "Emily Johnson",
           "title": "Chief Marketing Officer at TechFusion Enterprises"
         }
       ]
@@ -2773,63 +2721,37 @@
     "id": "components-testimonials--list-layout",
     "group": "Components/Testimonials",
     "name": "ListLayout",
-    "code": "<Testimonials\n  items={[\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    },\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    },\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    }\n  ]}\n  layout=\"list\"\n  testimonials={[\n    {\n      image: {\n        alt: 'Alt Text Customer 1',\n        src: 'img/people/author-emily.png'\n      },\n      name: 'Emily Johnson',\n      quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n      rating: 5,\n      title: 'Chief Marketing Officer at TechFusion Enterprises'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 2',\n        src: 'img/people/author-john.png'\n      },\n      name: 'John Smith',\n      quote: 'Systemics\\'s design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand\\'s credibility. It\\'s a partnership that continues to pay dividends.',\n      rating: 4,\n      title: 'Director of Digital Strategy at EcoTech Solutions'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 3',\n        src: 'img/people/author-alex.png'\n      },\n      name: 'Alex Chen',\n      quote: 'As a startup, we needed to hit the ground running. Systemics\\'s approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.',\n      rating: 5,\n      title: 'CEO of LaunchPad Innovations'\n    }\n  ]}\n/>",
+    "code": "<Testimonials\n  layout=\"list\"\n  testimonial={[\n    {\n      image: {\n        alt: 'Alt Text Customer 1',\n        src: 'img/people/author-emily.png'\n      },\n      name: 'Emily Johnson',\n      quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n      rating: 5,\n      title: 'Chief Marketing Officer at TechFusion Enterprises'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 2',\n        src: 'img/people/author-john.png'\n      },\n      name: 'John Smith',\n      quote: 'Systemics\\'s design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand\\'s credibility. It\\'s a partnership that continues to pay dividends.',\n      rating: 4,\n      title: 'Director of Digital Strategy at EcoTech Solutions'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 3',\n        src: 'img/people/author-alex.png'\n      },\n      name: 'Alex Chen',\n      quote: 'As a startup, we needed to hit the ground running. Systemics\\'s approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.',\n      rating: 5,\n      title: 'CEO of LaunchPad Innovations'\n    }\n  ]}\n/>",
     "args": {
       "layout": "list",
-      "items": [
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        },
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        },
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        }
-      ],
-      "testimonials": [
+      "testimonial": [
         {
           "quote": "Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.",
+          "name": "Emily Johnson",
           "image": {
             "src": "img/people/author-emily.png",
             "alt": "Alt Text Customer 1"
           },
-          "name": "Emily Johnson",
           "title": "Chief Marketing Officer at TechFusion Enterprises",
           "rating": 5
         },
         {
           "quote": "Systemics's design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand's credibility. It's a partnership that continues to pay dividends.",
+          "name": "John Smith",
           "image": {
             "src": "img/people/author-john.png",
             "alt": "Alt Text Customer 2"
           },
-          "name": "John Smith",
           "title": "Director of Digital Strategy at EcoTech Solutions",
           "rating": 4
         },
         {
           "quote": "As a startup, we needed to hit the ground running. Systemics's approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.",
+          "name": "Alex Chen",
           "image": {
             "src": "img/people/author-alex.png",
             "alt": "Alt Text Customer 3"
           },
-          "name": "Alex Chen",
           "title": "CEO of LaunchPad Innovations",
           "rating": 5
         }
@@ -2841,61 +2763,35 @@
     "id": "components-testimonials--slider-layout",
     "group": "Components/Testimonials",
     "name": "SliderLayout",
-    "code": "<Testimonials\n  items={[\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    },\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    },\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    }\n  ]}\n  layout=\"slider\"\n  testimonials={[\n    {\n      image: {\n        alt: 'Alt Text Customer 1',\n        src: 'img/people/author-emily.png'\n      },\n      name: 'Emily Johnson',\n      quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n      title: 'Chief Marketing Officer at TechFusion Enterprises'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 2',\n        src: 'img/people/author-john.png'\n      },\n      name: 'John Smith',\n      quote: 'Systemics\\'s design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand\\'s credibility. It\\'s a partnership that continues to pay dividends.',\n      title: 'Director of Digital Strategy at EcoTech Solutions'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 3',\n        src: 'img/people/author-alex.png'\n      },\n      name: 'Alex Chen',\n      quote: 'As a startup, we needed to hit the ground running. Systemics\\'s approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.',\n      title: 'CEO of LaunchPad Innovations'\n    }\n  ]}\n/>",
+    "code": "<Testimonials\n  layout=\"slider\"\n  testimonial={[\n    {\n      image: {\n        alt: 'Alt Text Customer 1',\n        src: 'img/people/author-emily.png'\n      },\n      name: 'Emily Johnson',\n      quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n      title: 'Chief Marketing Officer at TechFusion Enterprises'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 2',\n        src: 'img/people/author-john.png'\n      },\n      name: 'John Smith',\n      quote: 'Systemics\\'s design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand\\'s credibility. It\\'s a partnership that continues to pay dividends.',\n      title: 'Director of Digital Strategy at EcoTech Solutions'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 3',\n        src: 'img/people/author-alex.png'\n      },\n      name: 'Alex Chen',\n      quote: 'As a startup, we needed to hit the ground running. Systemics\\'s approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.',\n      title: 'CEO of LaunchPad Innovations'\n    }\n  ]}\n/>",
     "args": {
       "layout": "slider",
-      "items": [
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        },
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        },
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        }
-      ],
-      "testimonials": [
+      "testimonial": [
         {
           "quote": "Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.",
+          "name": "Emily Johnson",
           "image": {
             "src": "img/people/author-emily.png",
             "alt": "Alt Text Customer 1"
           },
-          "name": "Emily Johnson",
           "title": "Chief Marketing Officer at TechFusion Enterprises"
         },
         {
           "quote": "Systemics's design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand's credibility. It's a partnership that continues to pay dividends.",
+          "name": "John Smith",
           "image": {
             "src": "img/people/author-john.png",
             "alt": "Alt Text Customer 2"
           },
-          "name": "John Smith",
           "title": "Director of Digital Strategy at EcoTech Solutions"
         },
         {
           "quote": "As a startup, we needed to hit the ground running. Systemics's approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.",
+          "name": "Alex Chen",
           "image": {
             "src": "img/people/author-alex.png",
             "alt": "Alt Text Customer 3"
           },
-          "name": "Alex Chen",
           "title": "CEO of LaunchPad Innovations"
         }
       ]
@@ -2906,63 +2802,37 @@
     "id": "components-testimonials--with-rating",
     "group": "Components/Testimonials",
     "name": "WithRating",
-    "code": "<Testimonials\n  items={[\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    },\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    },\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    }\n  ]}\n  layout=\"slider\"\n  testimonials={[\n    {\n      image: {\n        alt: 'Alt Text Customer 1',\n        src: 'img/people/author-emily.png'\n      },\n      name: 'Emily Johnson',\n      quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n      rating: 5,\n      title: 'Chief Marketing Officer at TechFusion Enterprises'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 2',\n        src: 'img/people/author-john.png'\n      },\n      name: 'John Smith',\n      quote: 'Systemics\\'s design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand\\'s credibility. It\\'s a partnership that continues to pay dividends.',\n      rating: 4,\n      title: 'Director of Digital Strategy at EcoTech Solutions'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 3',\n        src: 'img/people/author-alex.png'\n      },\n      name: 'Alex Chen',\n      quote: 'As a startup, we needed to hit the ground running. Systemics\\'s approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.',\n      rating: 5,\n      title: 'CEO of LaunchPad Innovations'\n    }\n  ]}\n/>",
+    "code": "<Testimonials\n  layout=\"slider\"\n  testimonial={[\n    {\n      image: {\n        alt: 'Alt Text Customer 1',\n        src: 'img/people/author-emily.png'\n      },\n      name: 'Emily Johnson',\n      quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n      rating: 5,\n      title: 'Chief Marketing Officer at TechFusion Enterprises'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 2',\n        src: 'img/people/author-john.png'\n      },\n      name: 'John Smith',\n      quote: 'Systemics\\'s design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand\\'s credibility. It\\'s a partnership that continues to pay dividends.',\n      rating: 4,\n      title: 'Director of Digital Strategy at EcoTech Solutions'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 3',\n        src: 'img/people/author-alex.png'\n      },\n      name: 'Alex Chen',\n      quote: 'As a startup, we needed to hit the ground running. Systemics\\'s approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.',\n      rating: 5,\n      title: 'CEO of LaunchPad Innovations'\n    }\n  ]}\n/>",
     "args": {
       "layout": "slider",
-      "items": [
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        },
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        },
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        }
-      ],
-      "testimonials": [
+      "testimonial": [
         {
           "quote": "Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.",
+          "name": "Emily Johnson",
           "image": {
             "src": "img/people/author-emily.png",
             "alt": "Alt Text Customer 1"
           },
-          "name": "Emily Johnson",
           "title": "Chief Marketing Officer at TechFusion Enterprises",
           "rating": 5
         },
         {
           "quote": "Systemics's design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand's credibility. It's a partnership that continues to pay dividends.",
+          "name": "John Smith",
           "image": {
             "src": "img/people/author-john.png",
             "alt": "Alt Text Customer 2"
           },
-          "name": "John Smith",
           "title": "Director of Digital Strategy at EcoTech Solutions",
           "rating": 4
         },
         {
           "quote": "As a startup, we needed to hit the ground running. Systemics's approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.",
+          "name": "Alex Chen",
           "image": {
             "src": "img/people/author-alex.png",
             "alt": "Alt Text Customer 3"
           },
-          "name": "Alex Chen",
           "title": "CEO of LaunchPad Innovations",
           "rating": 5
         }
@@ -2974,63 +2844,37 @@
     "id": "components-testimonials--alternating-layout",
     "group": "Components/Testimonials",
     "name": "AlternatingLayout",
-    "code": "<Testimonials\n  items={[\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    },\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    },\n    {\n      image: {\n        src: 'https://example.com/image.jpg'\n      },\n      name: 'John Doe',\n      quote: 'This product is amazing!',\n      title: 'CEO'\n    }\n  ]}\n  layout=\"alternating\"\n  testimonials={[\n    {\n      image: {\n        alt: 'Alt Text Customer 1',\n        src: 'img/people/author-emily.png'\n      },\n      name: 'Emily Johnson',\n      quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n      rating: 5,\n      title: 'Chief Marketing Officer at TechFusion Enterprises'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 2',\n        src: 'img/people/author-john.png'\n      },\n      name: 'John Smith',\n      quote: 'Systemics\\'s design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand\\'s credibility. It\\'s a partnership that continues to pay dividends.',\n      rating: 4,\n      title: 'Director of Digital Strategy at EcoTech Solutions'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 3',\n        src: 'img/people/author-alex.png'\n      },\n      name: 'Alex Chen',\n      quote: 'As a startup, we needed to hit the ground running. Systemics\\'s approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.',\n      rating: 5,\n      title: 'CEO of LaunchPad Innovations'\n    }\n  ]}\n/>",
+    "code": "<Testimonials\n  layout=\"alternating\"\n  testimonial={[\n    {\n      image: {\n        alt: 'Alt Text Customer 1',\n        src: 'img/people/author-emily.png'\n      },\n      name: 'Emily Johnson',\n      quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n      rating: 5,\n      title: 'Chief Marketing Officer at TechFusion Enterprises'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 2',\n        src: 'img/people/author-john.png'\n      },\n      name: 'John Smith',\n      quote: 'Systemics\\'s design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand\\'s credibility. It\\'s a partnership that continues to pay dividends.',\n      rating: 4,\n      title: 'Director of Digital Strategy at EcoTech Solutions'\n    },\n    {\n      image: {\n        alt: 'Alt Text Customer 3',\n        src: 'img/people/author-alex.png'\n      },\n      name: 'Alex Chen',\n      quote: 'As a startup, we needed to hit the ground running. Systemics\\'s approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.',\n      rating: 5,\n      title: 'CEO of LaunchPad Innovations'\n    }\n  ]}\n/>",
     "args": {
       "layout": "alternating",
-      "items": [
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        },
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        },
-        {
-          "quote": "This product is amazing!",
-          "name": "John Doe",
-          "title": "CEO",
-          "image": {
-            "src": "https://example.com/image.jpg"
-          }
-        }
-      ],
-      "testimonials": [
+      "testimonial": [
         {
           "quote": "Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.",
+          "name": "Emily Johnson",
           "image": {
             "src": "img/people/author-emily.png",
             "alt": "Alt Text Customer 1"
           },
-          "name": "Emily Johnson",
           "title": "Chief Marketing Officer at TechFusion Enterprises",
           "rating": 5
         },
         {
           "quote": "Systemics's design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand's credibility. It's a partnership that continues to pay dividends.",
+          "name": "John Smith",
           "image": {
             "src": "img/people/author-john.png",
             "alt": "Alt Text Customer 2"
           },
-          "name": "John Smith",
           "title": "Director of Digital Strategy at EcoTech Solutions",
           "rating": 4
         },
         {
           "quote": "As a startup, we needed to hit the ground running. Systemics's approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.",
+          "name": "Alex Chen",
           "image": {
             "src": "img/people/author-alex.png",
             "alt": "Alt Text Customer 3"
           },
-          "name": "Alex Chen",
           "title": "CEO of LaunchPad Innovations",
           "rating": 5
         }

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { SectionProps } from "../../SectionProps-83d399b4.js";
+import { SectionProps } from "../../SectionProps-93230a76.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 CHANGED Viewed

@@ -1561,17 +1561,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!"
                       ]
@@ -1587,10 +1592,7 @@
                     "title": {
                       "title": "Title",
                       "description": "The title of the quote author",
-                      "type": "string",
-                      "examples": [
-                        "CEO"
-                      ]
+                      "type": "string"
                     },
                     "image": {
                       "type": "object",
@@ -1599,6 +1601,7 @@
                           "title": "Source",
                           "description": "The image to display with the testimonial",
                           "type": "string",
+                          "format": "image",
                           "examples": [
                             "https://example.com/image.jpg"
                           ]
@@ -1617,6 +1620,9 @@
                       "type": "integer",
                       "minimum": 1,
                       "maximum": 5
+                    },
+                    "type": {
+                      "const": "testimonial"
                     }
                   },
                   "additionalProperties": false,

package/dist/components/testimonial/index.d.ts CHANGED Viewed

@@ -1,44 +1,16 @@
 /// <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 testimonial quote
- */
-type Quote = 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;
-/**
- * Testimonial entry of Testimonials component
- */
-interface TestimonialProps {
-    quote: Quote;
-    name: Name;
-    title?: Title;
-    image: {
-        src?: Source;
-        alt?: AltText;
-    };
-}
-declare const TestimonialContextDefault: import("react").ForwardRefExoticComponent<TestimonialProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-declare const TestimonialContext: import("react").Context<import("react").ForwardRefExoticComponent<TestimonialProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
-declare const Testimonial: import("react").ForwardRefExoticComponent<TestimonialProps & import("react").RefAttributes<HTMLDivElement>>;
+import { TestimonialProps } from "../../TestimonialProps-94bdeac9.js";
+declare const TestimonialContextDefault: import("react").ForwardRefExoticComponent<{
+    layout: string;
+    index: number;
+} & TestimonialProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TestimonialContext: import("react").Context<import("react").ForwardRefExoticComponent<{
+    layout: string;
+    index: number;
+} & TestimonialProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const Testimonial: import("react").ForwardRefExoticComponent<{
+    layout: string;
+    index: number;
+} & TestimonialProps & import("react").RefAttributes<HTMLDivElement>>;
 export { TestimonialContextDefault, TestimonialContext, Testimonial };

package/dist/components/testimonial/index.js CHANGED Viewed

@@ -1,15 +1,8 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { TextMedia } from '@kickstartds/base/lib/text-media';
+import { forwardRef, createElement, createContext, useContext } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Quote } from '@kickstartds/content/lib/quote';
-const TestimonialContextDefault = forwardRef(({ image, quote, name, title, ...rest }, ref) => (jsx(TextMedia, { ...rest, ref: ref, mediaAlignment: "beside-left", media: [
-        {
-            image: {
-                src: image?.src,
-                alt: image?.alt,
-            },
-        },
-    ], text: quote, renderText: () => (jsxs(Fragment, { children: ["\"", quote, "\"", jsx("br", {}), jsx("br", {}), jsx("b", { children: name }), jsx("br", {}), title] })) })));
+const TestimonialContextDefault = forwardRef(({ image, quote, name, title, layout, index, rating, ...rest }, ref) => (createElement(Quote, { ...rest, ref: ref, className: layout === "alternating" && index % 2 === 1 ? "c-quote--reverse" : "", key: index, text: quote, source: name, byline: title, image: image.src, renderSource: () => (jsxs(Fragment, { children: [rating ? (jsx("div", { children: [...Array(rating)].map((_, index) => (jsx("span", { children: "\u2605" }, index))) })) : (""), jsx("div", { className: "c-quote__source", children: name })] })) })));
 const TestimonialContext = createContext(TestimonialContextDefault);
 const Testimonial = forwardRef((props, ref) => {
     const Component = useContext(TestimonialContext);

package/dist/components/testimonial/testimonial.schema.dereffed.json CHANGED Viewed

@@ -47,6 +47,13 @@
       },
       "additionalProperties": false
     },
+    "rating": {
+      "title": "Rating",
+      "description": "The rating of the testimonial, from 1 to 5",
+      "type": "integer",
+      "minimum": 1,
+      "maximum": 5
+    },
     "type": {
       "const": "testimonial"
     }

package/dist/components/testimonial/testimonial.schema.json CHANGED Viewed

@@ -39,6 +39,13 @@
           "type": "string"
         }
       }
+    },
+    "rating": {
+      "title": "Rating",
+      "description": "The rating of the testimonial, from 1 to 5",
+      "type": "integer",
+      "minimum": 1,
+      "maximum": 5
     }
   },
   "additionalProperties": false,

package/dist/components/testimonials/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { TestimonialsProps } from "../../TestimonialsProps-4b94faa8.js";
+import { TestimonialsProps } from "../../TestimonialsProps-72bb9288.js";
 import { SliderProps } from "../../SliderProps-8cae490d.js";
 interface ConditionalSliderProps extends SliderProps {
     layout: "slider" | "list" | "alternating";

package/dist/components/testimonials/index.js CHANGED Viewed

@@ -1,8 +1,10 @@
 import "./testimonials.css";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Quote } from '@kickstartds/content/lib/quote';
+import { jsx } from 'react/jsx-runtime';
 import { Slider } from '../slider/index.js';
+import { Testimonial } from '../testimonial/index.js';
 import '@kickstartds/content/lib/slider';
+import 'react';
+import '@kickstartds/content/lib/quote';
 const ConditionalSlider = ({ layout, children, arrows, nav, ...props }) => {
     if (layout === "slider") {
@@ -12,11 +14,8 @@ const ConditionalSlider = ({ layout, children, arrows, nav, ...props }) => {
         return (jsx("div", { className: "dsa-testimonials dsa-testimonials--list", ...props, children: children }));
     }
 };
-const Testimonials = ({ items, layout = "slider", ...props }) => {
-    return (jsx(ConditionalSlider, { layout: layout, arrows: true, nav: true, ...props, children: items.map((item, index) => (jsx(Quote, { className: layout === "alternating" && index % 2 === 1
-                ? "c-quote--reverse"
-                : "", text: item.quote, source: item.name, byline: item.title, image: item.image.src, renderSource: () => (jsxs(Fragment, { children: [item?.rating &&
-                        (item?.rating ? (jsx("div", { children: [...Array(item?.rating)].map((_, index) => (jsx("span", { children: "\u2605" }, index))) })) : ("")), jsx("div", { className: "c-quote__source", children: item.name })] })) }, index))) }));
+const Testimonials = ({ testimonial, layout = "slider", ...props }) => {
+    return (jsx(ConditionalSlider, { layout: layout, arrows: true, nav: true, ...props, children: testimonial.map((testimonial, index) => (jsx(Testimonial, { ...testimonial, index: index, layout: layout }))) }));
 };
 export { ConditionalSlider, Testimonials };

package/dist/components/testimonials/testimonials.schema.dereffed.json CHANGED Viewed

@@ -16,17 +16,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!"
             ]
@@ -42,10 +47,7 @@
           "title": {
             "title": "Title",
             "description": "The title of the quote author",
-            "type": "string",
-            "examples": [
-              "CEO"
-            ]
+            "type": "string"
           },
           "image": {
             "type": "object",
@@ -54,6 +56,7 @@
                 "title": "Source",
                 "description": "The image to display with the testimonial",
                 "type": "string",
+                "format": "image",
                 "examples": [
                   "https://example.com/image.jpg"
                 ]
@@ -72,6 +75,9 @@
             "type": "integer",
             "minimum": 1,
             "maximum": 5
+          },
+          "type": {
+            "const": "testimonial"
           }
         },
         "additionalProperties": false,

package/dist/components/testimonials/testimonials.schema.json CHANGED Viewed

@@ -12,57 +12,12 @@
       "enum": ["slider", "list", "alternating"],
       "default": "slider"
     },
-    "items": {
+    "testimonial": {
       "type": "array",
-      "title": "Items",
+      "title": "Testimonials",
       "description": "Add testimonials featuring an image, a quote, a source and a rating",
       "items": {
-        "type": "object",
-        "properties": {
-          "quote": {
-            "title": "Quote",
-            "description": "The testimonial quote",
-            "type": "string",
-            "examples": ["This product is amazing!"]
-          },
-          "name": {
-            "title": "Name",
-            "description": "The name of the quote author",
-            "type": "string",
-            "examples": ["John Doe"]
-          },
-          "title": {
-            "title": "Title",
-            "description": "The title of the quote author",
-            "type": "string",
-            "examples": ["CEO"]
-          },
-          "image": {
-            "type": "object",
-            "properties": {
-              "src": {
-                "title": "Source",
-                "description": "The image to display with the testimonial",
-                "type": "string",
-                "examples": ["https://example.com/image.jpg"]
-              },
-              "alt": {
-                "title": "Alt Text",
-                "description": "The alt text of the image file",
-                "type": "string"
-              }
-            }
-          },
-          "rating": {
-            "title": "Rating",
-            "description": "The rating of the testimonial, from 1 to 5",
-            "type": "integer",
-            "minimum": 1,
-            "maximum": 5
-          }
-        },
-        "additionalProperties": false,
-        "required": ["quote", "name", "image"]
+        "$ref": "http://schema.mydesignsystem.com/testimonial.schema.json"
       }
     }
   },

package/dist/global.css CHANGED Viewed

@@ -488,7 +488,7 @@ h3 {
     var(--ks-border-color-interface-interactive-active)
   );
   --c-form-field--background: var(--dsa-form-field--background, var(--ks-background-color-interface-interactive));
-  --c-form-field_focus--shadow: var(--dsa-form-field--shadow_focus) 0 0 4px 0;
+  --c-form-field_focus--shadow: var(--dsa-form-field--shadow_focus, 0 0 4px 0);
   --c-form-field--background-disabled: var(
     --ks-background-color-interface-interactive-disabled,
     var(--ks-background-color-interface-interactive-disabled)

package/dist/static/tokens-business.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 13:11:01 GMT
+ * Generated on Fri, 01 Mar 2024 16:51:26 GMT
  */
 :root, [ks-theme] {

package/dist/static/tokens-google.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 13:11:10 GMT
+ * Generated on Fri, 01 Mar 2024 16:51:35 GMT
  */
 :root, [ks-theme] {

package/dist/static/tokens-ngo.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 13:11:04 GMT
+ * Generated on Fri, 01 Mar 2024 16:51:29 GMT
  */
 :root, [ks-theme] {

package/dist/static/tokens-telekom.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 13:11:07 GMT
+ * Generated on Fri, 01 Mar 2024 16:51:32 GMT
  */
 :root, [ks-theme] {

package/dist/static/tokens.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 13:10:57 GMT
+ * Generated on Fri, 01 Mar 2024 16:51:23 GMT
  */
 :root, [ks-theme] {

package/dist/tokens/tokens.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 13:10:57 GMT
+ * Generated on Fri, 01 Mar 2024 16:51:23 GMT
  */
 :root, [ks-theme] {

package/dist/tokens/tokens.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Mar 2024 13:10:58 GMT
+ * Generated on Fri, 01 Mar 2024 16:51:24 GMT
  */
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.2.18",
+  "version": "1.2.19",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {
@@ -142,6 +142,7 @@
   "peerDependencies": {
     "@kickstartds/base": "2.3.0-beta.0",
     "@kickstartds/blog": "2.3.0-beta.0",
+    "@kickstartds/content": "3.0.0-next.7",
     "@kickstartds/core": "3.0.0-beta.0",
     "@kickstartds/form": "2.3.0-beta.0",
     "react": "^17 || ^18",

package/dist/components/feature/feature.css DELETED Viewed

@@ -1,99 +0,0 @@
-.c-feature {
-  --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-feature {
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  gap: var(--dsa-feature--gap);
-}
-.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-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-feature--beside {
-  padding-left: calc(var(--dsa-feature__icon--size) + var(--dsa-feature__icon--gap));
-}
-.c-feature--beside .c-feature__icon {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-.c-feature--stack .c-feature__header {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-.c-feature--centered .c-feature__header {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.c-feature--centered .c-feature__title,
-.c-feature--centered .c-feature__text {
-  text-align: center;
-}
-.c-feature--centered .c-feature__cta {
-  display: flex;
-  justify-content: center;
-}
-.c-feature__header {
-  display: flex;
-  align-items: center;
-  gap: var(--dsa-feature__icon--gap);
-}
-.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-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-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-feature__cta {
-  margin-top: auto;
-}
-.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-feature__link .icon {
-  width: 1.125em;
-  height: 1.125em;
-}
-.c-feature__button {
-  margin-top: calc(var(--dsa-feature--gap) * 0.5);
-}

/package/dist/{BlogOverviewProps-525f7f9f.d.ts → BlogOverviewProps-f385fc47.d.ts} RENAMED Viewed

File without changes

/package/dist/{BlogPostProps-e1cbd5d3.d.ts → BlogPostProps-0910f130.d.ts} RENAMED Viewed

File without changes

/package/dist/{ImageStoryProps-03ff6d21.d.ts → ImageStoryProps-24e0335c.d.ts} RENAMED Viewed

File without changes