@kickstartds/ds-agency-premium 1.2.18 → 1.2.20

package/dist/components/testimonial/index.js

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

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

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

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

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

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

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

@@ -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)