@kickstartds/ds-agency-premium 1.2.10--canary.168.f4de958.0 → 1.2.10--canary.175.799b9aa.0

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

@@ -394,6 +394,7 @@
                   "properties": {
                     "question": {
                       "type": "string",
+                      "format": "markdown",
                       "title": "Question",
                       "description": "The question",
                       "examples": [
@@ -402,6 +403,7 @@
                     },
                     "answer": {
                       "type": "string",
+                      "format": "markdown",
                       "title": "Answer",
                       "description": "The answer to the question",
                       "examples": [
@@ -476,11 +478,15 @@
                 },
                 "additionalProperties": false
               },
-              "items": {
+              "feature": {
                 "type": "array",
-                "title": "Items",
+                "title": "Features",
                 "description": "The features to display",
                 "items": {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/feature.schema.json",
+                  "title": "Feature",
+                  "description": "Partial Component used to display a feature",
                   "type": "object",
                   "properties": {
                     "icon": {
@@ -507,6 +513,17 @@
                         "This is a feature"
                       ]
                     },
+                    "style": {
+                      "type": "string",
+                      "enum": [
+                        "intext",
+                        "stack",
+                        "centered",
+                        "besideLarge",
+                        "besideSmall"
+                      ],
+                      "default": "stack"
+                    },
                     "cta": {
                       "type": "object",
                       "title": "Call to Action",
@@ -527,9 +544,28 @@
                           "examples": [
                             "See all our partners"
                           ]
+                        },
+                        "toggle": {
+                          "type": "boolean",
+                          "title": "Call to Action Toggle",
+                          "description": "Activate/disable the CTAs",
+                          "default": true
+                        },
+                        "style": {
+                          "type": "string",
+                          "description": "Choose the style of the CTA",
+                          "enum": [
+                            "button",
+                            "link",
+                            "intext"
+                          ],
+                          "default": "link"
                         }
                       },
                       "additionalProperties": false
+                    },
+                    "type": {
+                      "const": "feature"
                     }
                   },
                   "additionalProperties": false,
@@ -563,6 +599,7 @@
                     "src": {
                       "type": "string",
                       "title": "src",
+                      "format": "image",
                       "description": "The source of the image",
                       "examples": [
                         "https://example.com/image1.jpg"
@@ -578,6 +615,7 @@
                     },
                     "caption": {
                       "type": "string",
+                      "format": "markdown",
                       "title": "Caption",
                       "description": "The caption of the image",
                       "examples": [
@@ -970,6 +1008,7 @@
             "properties": {
               "text": {
                 "type": "string",
+                "format": "markdown",
                 "title": "Text",
                 "description": "Text content to display beside the image",
                 "examples": [
@@ -987,6 +1026,7 @@
                 "properties": {
                   "src": {
                     "type": "string",
+                    "format": "image",
                     "title": "Image Source",
                     "description": "URL of the image to display",
                     "examples": [
@@ -1460,7 +1500,7 @@
                   },
                   "chevron": {
                     "title": "Icon",
-                    "description": "Toggle chevron icon",
+                    "description": "Toggle arrow icon",
                     "type": "boolean",
                     "default": false
                   },
@@ -1480,7 +1520,7 @@
                 "type": "string",
                 "title": "Image",
                 "description": "Image to display as cover",
-                "format": "uri"
+                "format": "image"
               },
               "imageRatio": {
                 "type": "string",
@@ -1605,6 +1645,7 @@
             "properties": {
               "text": {
                 "type": "string",
+                "format": "markdown",
                 "title": "Text",
                 "description": "Text",
                 "examples": [

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

@@ -17,10 +17,7 @@
       "type": "object",
       "properties": {
         "logo": {
-          "$schema": "http://json-schema.org/draft-07/schema#",
-          "$id": "http://schema.kickstartds.com/base/picture.schema.json",
-          "title": "Picture",
-          "description": "Base component to display a picture",
+          "title": "Logo",
           "type": "object",
           "properties": {
             "src": {
@@ -32,12 +29,6 @@
                 "https://picsum.photos/seed/kdspicture/300/300"
               ]
             },
-            "srcSet": {
-              "title": "Picture sourceset",
-              "description": "Use a srcSet to display picture",
-              "type": "string",
-              "format": "image"
-            },
             "alt": {
               "title": "Alt text",
               "description": "Alt text to display for picture",
@@ -60,84 +51,13 @@
               "examples": [
                 300
               ]
-            },
-            "className": {
-              "title": "Additional Classes",
-              "description": "Add additional css classes that should be applied to the button",
-              "type": "string"
-            },
-            "component": {
-              "title": "`ks-component` attribute",
-              "description": "Optional custom component identifier",
-              "type": "string"
-            },
-            "id": {
-              "title": "Id",
-              "description": "Add id attribute to the image",
-              "type": "string"
-            },
-            "itemProp": {
-              "title": "`itemprop` attribute",
-              "description": "Define an itemprop attribute for the picture",
-              "type": "string"
-            },
-            "style": {
-              "title": "`style` attribute",
-              "description": "Define a style attribute for the picture",
-              "type": "string"
-            },
-            "noscript": {
-              "title": "Noscript",
-              "description": "Render noscript fallback",
-              "type": "boolean",
-              "default": true
-            },
-            "lazy": {
-              "title": "Lazy",
-              "description": "Load the picture lazily",
-              "type": "boolean",
-              "default": true
-            },
-            "sources": {
-              "title": "Sources",
-              "description": "Additional sources. This will result in a `picture`-Element",
-              "type": "array",
-              "items": {
-                "type": "object",
-                "properties": {
-                  "srcSet": {
-                    "title": "Picture sourceset",
-                    "description": "Use a srcSet to display picture",
-                    "type": "string",
-                    "format": "image"
-                  },
-                  "media": {
-                    "title": "TODO MEDIA TITLE",
-                    "description": "TODO MEDIA DESCRIPTION",
-                    "type": "string"
-                  },
-                  "type": {
-                    "title": "TODO TYPE TITLE",
-                    "description": "TODO TYPE DESCRIPTION",
-                    "type": "string"
-                  }
-                },
-                "additionalProperties": false
-              }
-            },
-            "pictureClassName": {
-              "title": "`class` attribute",
-              "description": "Set additional class(es) to the picture",
-              "type": "string"
-            },
-            "type": {
-              "const": "picture"
             }
           },
           "additionalProperties": false
         },
         "logoHref": {
           "type": "string",
+          "format": "uri",
           "default": "/"
         },
         "floating": {
@@ -152,10 +72,14 @@
             "type": "object",
             "properties": {
               "href": {
-                "type": "string"
+                "type": "string",
+                "format": "uri"
               },
               "label": {
                 "type": "string"
+              },
+              "active": {
+                "type": "boolean"
               }
             },
             "additionalProperties": false,
@@ -167,24 +91,25 @@
           "examples": [
             [
               {
-                "href": "#about",
-                "label": "About us"
+                "label": "Nav Item",
+                "href": "#"
               },
               {
-                "href": "#services",
-                "label": "Our Services"
+                "label": "Active Item",
+                "href": "#",
+                "active": true
               },
               {
-                "href": "#project",
-                "label": "Project"
+                "label": "Another Item",
+                "href": "#"
               },
               {
-                "href": "#showcase",
-                "label": "Showcase"
+                "label": "One more Item",
+                "href": "#"
               },
               {
-                "href": "#blog",
-                "label": "Blog"
+                "label": "Last Item",
+                "href": "#"
               }
             ]
           ]
@@ -205,10 +130,7 @@
       "type": "object",
       "properties": {
         "logo": {
-          "$schema": "http://json-schema.org/draft-07/schema#",
-          "$id": "http://schema.kickstartds.com/base/picture.schema.json",
-          "title": "Picture",
-          "description": "Base component to display a picture",
+          "title": "Logo",
           "type": "object",
           "properties": {
             "src": {
@@ -220,12 +142,6 @@
                 "https://picsum.photos/seed/kdspicture/300/300"
               ]
             },
-            "srcSet": {
-              "title": "Picture sourceset",
-              "description": "Use a srcSet to display picture",
-              "type": "string",
-              "format": "image"
-            },
             "alt": {
               "title": "Alt text",
               "description": "Alt text to display for picture",
@@ -248,84 +164,13 @@
               "examples": [
                 300
               ]
-            },
-            "className": {
-              "title": "Additional Classes",
-              "description": "Add additional css classes that should be applied to the button",
-              "type": "string"
-            },
-            "component": {
-              "title": "`ks-component` attribute",
-              "description": "Optional custom component identifier",
-              "type": "string"
-            },
-            "id": {
-              "title": "Id",
-              "description": "Add id attribute to the image",
-              "type": "string"
-            },
-            "itemProp": {
-              "title": "`itemprop` attribute",
-              "description": "Define an itemprop attribute for the picture",
-              "type": "string"
-            },
-            "style": {
-              "title": "`style` attribute",
-              "description": "Define a style attribute for the picture",
-              "type": "string"
-            },
-            "noscript": {
-              "title": "Noscript",
-              "description": "Render noscript fallback",
-              "type": "boolean",
-              "default": true
-            },
-            "lazy": {
-              "title": "Lazy",
-              "description": "Load the picture lazily",
-              "type": "boolean",
-              "default": true
-            },
-            "sources": {
-              "title": "Sources",
-              "description": "Additional sources. This will result in a `picture`-Element",
-              "type": "array",
-              "items": {
-                "type": "object",
-                "properties": {
-                  "srcSet": {
-                    "title": "Picture sourceset",
-                    "description": "Use a srcSet to display picture",
-                    "type": "string",
-                    "format": "image"
-                  },
-                  "media": {
-                    "title": "TODO MEDIA TITLE",
-                    "description": "TODO MEDIA DESCRIPTION",
-                    "type": "string"
-                  },
-                  "type": {
-                    "title": "TODO TYPE TITLE",
-                    "description": "TODO TYPE DESCRIPTION",
-                    "type": "string"
-                  }
-                },
-                "additionalProperties": false
-              }
-            },
-            "pictureClassName": {
-              "title": "`class` attribute",
-              "description": "Set additional class(es) to the picture",
-              "type": "string"
-            },
-            "type": {
-              "const": "picture"
             }
           },
           "additionalProperties": false
         },
         "logoHref": {
           "type": "string",
+          "format": "uri",
           "default": "/"
         },
         "navItems": {
@@ -334,7 +179,8 @@
             "type": "object",
             "properties": {
               "href": {
-                "type": "string"
+                "type": "string",
+                "format": "uri"
               },
               "label": {
                 "type": "string"

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { HTMLAttributes } from "react";
+/* eslint-disable */
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * The number of the stat
+ */
+type Number = number;
+/**
+ * Optional description of the stat
+ */
+type Description = string;
+/**
+ * Title of the stat
+ */
+type Title = string;
+/**
+ * Stat entry of Stats component
+ */
+interface StatProps {
+    number: Number;
+    description?: Description;
+    title?: Title;
+}
+declare const StatContextDefault: import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const StatContext: import("react").Context<import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const Stat: import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { StatContextDefault, StatContext, Stat };

package/dist/components/stat/index.js

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
+
+const StatContextDefault = forwardRef(({ number, title, description, ...rest }, ref) => (jsxs("div", { ...rest, ref: ref, className: "dsa-stats__stat", children: [jsx("span", { className: "dsa-stats__value", children: number }), jsx("span", { className: "dsa-stats__label", children: title }), description && (jsx("span", { className: "dsa-stats__description", children: description }))] })));
+const StatContext = createContext(StatContextDefault);
+const Stat = forwardRef((props, ref) => {
+    const Component = useContext(StatContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+
+export { Stat, StatContext, StatContextDefault };

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

@@ -0,0 +1,64 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/stat.schema.json",
+  "title": "Stat",
+  "description": "Stat entry of Stats component",
+  "type": "object",
+  "properties": {
+    "number": {
+      "title": "Number",
+      "description": "The number of the stat",
+      "type": "integer",
+      "examples": [
+        1,
+        2,
+        3,
+        4
+      ]
+    },
+    "description": {
+      "title": "Description",
+      "description": "Optional description of the stat",
+      "type": "string",
+      "format": "markdown"
+    },
+    "title": {
+      "title": "Title",
+      "description": "Title of the stat",
+      "type": "string",
+      "format": "markdown",
+      "examples": [
+        "Stat 1",
+        "Stat 2",
+        "Stat 3",
+        "Stat 4"
+      ]
+    },
+    "type": {
+      "const": "stat"
+    }
+  },
+  "additionalProperties": false,
+  "required": [
+    "number",
+    "label"
+  ],
+  "examples": [
+    {
+      "number": 1,
+      "label": "Stat 1"
+    },
+    {
+      "number": 2,
+      "label": "Stat 2"
+    },
+    {
+      "number": 3,
+      "label": "Stat 3"
+    },
+    {
+      "value": 4,
+      "label": "Stat 4"
+    }
+  ]
+}

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

@@ -0,0 +1,48 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/stat.schema.json",
+  "title": "Stat",
+  "description": "Stat entry of Stats component",
+  "type": "object",
+  "properties": {
+    "number": {
+      "title": "Number",
+      "description": "The number of the stat",
+      "type": "integer",
+      "examples": [1, 2, 3, 4]
+    },
+    "description": {
+      "title": "Description",
+      "description": "Optional description of the stat",
+      "type": "string",
+      "format": "markdown"
+    },
+    "title": {
+      "title": "Title",
+      "description": "Title of the stat",
+      "type": "string",
+      "format": "markdown",
+      "examples": ["Stat 1", "Stat 2", "Stat 3", "Stat 4"]
+    }
+  },
+  "additionalProperties": false,
+  "required": ["number", "label"],
+  "examples": [
+    {
+      "number": 1,
+      "label": "Stat 1"
+    },
+    {
+      "number": 2,
+      "label": "Stat 2"
+    },
+    {
+      "number": 3,
+      "label": "Stat 3"
+    },
+    {
+      "value": 4,
+      "label": "Stat 4"
+    }
+  ]
+}

package/dist/components/teaser-card/index.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { TeaserCardProps } from "../../TeaserCardProps-3fce7be4.js";
+import { TeaserCardProps } from "../../TeaserCardProps-b9c28e78.js";
+declare const TeaserCardContextDefault: import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TeaserCardContext: import("react").Context<import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const TeaserCard: import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const TeaserBoxProvider: FC<PropsWithChildren>;
-export { TeaserCard, TeaserBoxProvider };
+export { TeaserCardContextDefault, TeaserCardContext, TeaserCard, TeaserBoxProvider };

package/dist/components/teaser-card/index.js

@@ -1,22 +1,25 @@
 import "./teaser-card.css";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { forwardRef, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { TeaserBoxContextDefault, TeaserBoxContext } from '@kickstartds/base/lib/teaser-box';
 import { Container } from '@kickstartds/core/lib/container';
 
-const TeaserCard = forwardRef(({ headline, text, button, target, image, imageRatio = "wide", label, layout = "stack", ...props }, ref) => {
-    return (jsx(Container, { name: "teaser-card", children: jsx(TeaserBoxContextDefault, { ...props, className: classnames(`c-teaser-card`, label && `c-teaser-card--label`, `c-teaser-card--${layout}`, `c-teaser-card--${imageRatio}`), topic: headline, text: text, 
-            // @ts-expect-error
-            renderTopic: () => (jsxs(Fragment, { children: [label ? jsx("span", { className: "c-teaser__label", children: label }) : "", headline] })), link: {
-                hidden: button?.hidden,
-                label: button.label,
-                variant: "secondary",
-                target: target,
-                icon: button?.chevron ? "chevron-right" : undefined,
-            }, image: image, ref: ref }) }));
+const TeaserCardContextDefault = forwardRef(({ headline, text, button, target, image, imageRatio = "wide", label, layout = "stack", ...rest }, ref) => (jsx(Container, { name: "teaser-card", children: jsx(TeaserBoxContextDefault, { ...rest, className: classnames(`dsa-teaser-card`, label && `dsa-teaser-card--label`, `dsa-teaser-card--${layout}`, `dsa-teaser-card--${imageRatio}`), topic: headline, text: text, 
+        // @ts-expect-error
+        renderTopic: () => (jsxs(Fragment, { children: [label ? (jsx("span", { className: "dsa-teaser-card__label", children: label })) : (""), headline] })), link: {
+            hidden: button?.hidden,
+            label: button.label,
+            variant: "secondary",
+            target: target,
+            icon: button?.chevron ? "chevron-right" : undefined,
+        }, image: image, ref: ref }) })));
+TeaserCardContextDefault.displayName = "TeaserCard";
+const TeaserCardContext = createContext(TeaserCardContextDefault);
+const TeaserCard = forwardRef((props, ref) => {
+    const Component = useContext(TeaserCardContext);
+    return jsx(Component, { ...props, ref: ref });
 });
-TeaserCard.displayName = "TeaserCard";
 const TeaserBoxProvider = (props) => (jsx(TeaserBoxContext.Provider, { ...props, value: TeaserCard }));
 
-export { TeaserBoxProvider, TeaserCard };
+export { TeaserBoxProvider, TeaserCard, TeaserCardContext, TeaserCardContextDefault };