@kickstartds/ds-agency-premium 1.6.71--canary.1948.6cfa581.0 → 1.6.71--canary.1954.71f9342.0

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { StatProps } from "../../StatProps-12a3eae0.js";
+import { StatProps } from "../../StatProps-79109ad0.js";
 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>>;

package/dist/components/stat/index.js

@@ -1,14 +1,26 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { CountUp } from '@kickstartds/content/lib/count-up';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 
-const StatContextDefault = forwardRef(({ number, title, description, icon, ...rest }, ref) => (jsx(CountUp, { ...rest, ref: ref, className: "dsa-stats__item", to: number, icon: {
-        icon: icon,
-    }, text: description, topic: title })));
+const defaults = {};
+
+const StatContextDefault = forwardRef(({ number, title, description, icon, ...rest }, ref) => {
+    const parts = number ? number.toString().split(/(\d+)/).filter(Boolean) : [];
+    const numberIndex = parts.findIndex((part) => !isNaN(Number(part)));
+    const value = numberIndex !== -1 ? parseInt(parts[numberIndex], 10) : 0;
+    const prefix = numberIndex !== -1 && numberIndex > 0 ? parts[numberIndex - 1] : "";
+    const suffix = numberIndex !== -1 && numberIndex < parts.length - 1
+        ? parts[numberIndex + 1]
+        : "";
+    return (jsx(CountUp, { ...rest, ref: ref, className: "dsa-stats__item", to: value, prefix: prefix, suffix: suffix, icon: {
+            icon: icon,
+        }, text: description, topic: title }));
+});
 const StatContext = createContext(StatContextDefault);
 const Stat = forwardRef((props, ref) => {
     const Component = useContext(StatContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Stat.displayName = "Stat";
 

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

@@ -8,12 +8,13 @@
     "number": {
       "title": "Number",
       "description": "The number of the stat",
-      "type": "integer",
+      "type": "string",
       "examples": [
-        1,
-        2,
-        3,
-        4
+        "1",
+        "5x",
+        "2",
+        "40%",
+        "bis zu 100"
       ]
     },
     "description": {
@@ -44,9 +45,6 @@
         "home",
         "map"
       ]
-    },
-    "type": {
-      "const": "stat"
     }
   },
   "additionalProperties": false,

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

@@ -8,8 +8,8 @@
     "number": {
       "title": "Number",
       "description": "The number of the stat",
-      "type": "integer",
-      "examples": [1, 2, 3, 4]
+      "type": "string",
+      "examples": ["1", "5x", "2", "40%", "bis zu 100"]
     },
     "description": {
       "title": "Description",

package/dist/components/stats/index.js

@@ -2,15 +2,20 @@ import "./stats.css";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createElement, createContext, useContext } from 'react';
 import { Stat } from '../stat/index.js';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import '@kickstartds/content/lib/count-up';
 
+const defaults = {
+    "stat": []
+};
+
 const StatsContextDefault = forwardRef(({ stat: stats = [], ...rest }, ref) => {
     return (jsx("div", { ...rest, ref: ref, className: "dsa-stats", children: stats.map((item, index) => (createElement(Stat, { ...item, key: index }))) }));
 });
 const StatsContext = createContext(StatsContextDefault);
 const Stats = forwardRef((props, ref) => {
     const Component = useContext(StatsContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Stats.displayName = "Stats";
 

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

@@ -19,12 +19,13 @@
           "number": {
             "title": "Number",
             "description": "The number of the stat",
-            "type": "integer",
+            "type": "string",
             "examples": [
-              1,
-              2,
-              3,
-              4
+              "1",
+              "5x",
+              "2",
+              "40%",
+              "bis zu 100"
             ]
           },
           "description": {
@@ -55,9 +56,6 @@
               "home",
               "map"
             ]
-          },
-          "type": {
-            "const": "stat"
           }
         },
         "additionalProperties": false,
@@ -86,9 +84,6 @@
       },
       "minItems": 1,
       "maxItems": 4
-    },
-    "type": {
-      "const": "stats"
     }
   },
   "additionalProperties": false,

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

@@ -5,6 +5,16 @@ import classnames from 'classnames';
 import { TeaserBoxContextDefault, TeaserBoxContext } from '@kickstartds/base/lib/teaser-box';
 import { Container } from '@kickstartds/core/lib/container';
 import { compiler } from 'markdown-to-jsx';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "layout": "stack",
+    "button": {
+        "chevron": false,
+        "hidden": false
+    },
+    "imageRatio": "wide"
+};
 
 const TeaserCardContextDefault = forwardRef(({ headline, text, button, url, image, imageRatio = "wide", label, layout = "stack", ...rest }, ref) => (jsx(Container, { name: "teaser-card", children: jsxs("div", { className: classnames(`dsa-teaser-card`, `dsa-teaser-card--${layout}`, `dsa-teaser-card--${imageRatio}`), children: [label && jsx("span", { className: "dsa-teaser-card__label", children: label }), jsx(TeaserBoxContextDefault, { ...rest, topic: headline, text: text, 
                 // @ts-expect-error
@@ -18,7 +28,7 @@ const TeaserCardContextDefault = forwardRef(({ headline, text, button, url, imag
 const TeaserCardContext = createContext(TeaserCardContextDefault);
 const TeaserCard = forwardRef((props, ref) => {
     const Component = useContext(TeaserCardContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 TeaserCard.displayName = "TeaserCard";
 const TeaserBoxProvider = (props) => (jsx(TeaserBoxContext.Provider, { ...props, value: TeaserCard }));

package/dist/components/teaser-card/teaser-card.css

@@ -27,6 +27,7 @@
   --dsa-teaser-card__topic--font-weight: var(--dsa-topic--font-weight);
   --dsa-teaser-card__copy--font: var(--ks-font-copy-s);
   --dsa-teaser-card__copy--color: var(--ks-text-color-default);
+  --dsa-teaser-card__copy--margin-top: 0.5em;
   --dsa-teaser-card__button--font: var(--ks-font-interface-s);
 }
 @container teaser-card (min-width: 400px) {
@@ -83,6 +84,7 @@
     var(--dsa-teaser-card--border-width) solid;
   --c-teaser--border-radius: var(--dsa-teaser-card--border-radius, var(--ks-border-radius-card));
   --c-teaser--shadow-hover: var(--dsa-teaser-card--shadow_hover, var(--ks-box-shadow-card-hover));
+  --c-teaser_text--spacing: var(--dsa-teaser-card__copy--margin-top, 0.5em);
   position: relative;
   transition-property: border-color, background-color, box-shadow;
   box-shadow: var(--dsa-teaser-card--shadow, var(--ks-box-shadow-card));

package/dist/components/teaser-card/teaser-card.schema.dereffed.json

@@ -79,9 +79,6 @@
       ],
       "description": "Aspect ratio of the image",
       "default": "wide"
-    },
-    "type": {
-      "const": "teaser-card"
     }
   },
   "additionalProperties": false,

package/dist/components/testimonial/index.js

@@ -2,6 +2,12 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { Quote } from '@kickstartds/content/lib/quote';
 import classnames from 'classnames';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "quoteSigns": "normal",
+    "image": {}
+};
 
 const TestimonialContextDefault = forwardRef(({ image, quote, name, title, layout, index, rating, quoteSigns, ...rest }, ref) => (jsx(Quote, { ...rest, ref: ref, className: classnames(layout === "alternating" && index % 2 === 1 ? "c-quote--reverse" : "", quoteSigns === "normal" || quoteSigns === "none"
         ? "c-quote--small-signs"
@@ -9,7 +15,7 @@ const TestimonialContextDefault = forwardRef(({ image, quote, name, title, layou
 const TestimonialContext = createContext(TestimonialContextDefault);
 const Testimonial = forwardRef((props, ref) => {
     const Component = useContext(TestimonialContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Testimonial.displayName = "Testimonial";
 

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

@@ -64,9 +64,6 @@
       "type": "integer",
       "minimum": 1,
       "maximum": 5
-    },
-    "type": {
-      "const": "testimonial"
     }
   },
   "additionalProperties": false,

package/dist/components/testimonials/index.js

@@ -3,10 +3,17 @@ import { forwardRef, createElement, createContext, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 import { Slider } from '../slider/index.js';
 import { Testimonial } from '../testimonial/index.js';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import 'classnames';
 import '@kickstartds/content/lib/slider';
 import '@kickstartds/content/lib/quote';
 
+const defaults = {
+    "layout": "slider",
+    "quoteSigns": "normal",
+    "testimonial": []
+};
+
 const ConditionalSlider = forwardRef(({ layout, children, arrows, nav, ...props }, ref) => {
     if (layout === "slider") {
         return (jsx(Slider, { className: "dsa-testimonials dsa-testimonials--slider", arrows: arrows, nav: nav, ...props, ref: ref, children: children }));
@@ -21,7 +28,7 @@ const TestimonialsContextDefault = forwardRef(({ testimonial: testimonials = [],
 const TestimonialsContext = createContext(TestimonialsContextDefault);
 const Testimonials = forwardRef((props, ref) => {
     const Component = useContext(TestimonialsContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Testimonials.displayName = "Testimonials";
 

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

@@ -93,9 +93,6 @@
           "image"
         ]
       }
-    },
-    "type": {
-      "const": "testimonials"
     }
   },
   "additionalProperties": false

package/dist/components/text/index.js

@@ -3,6 +3,13 @@ import { jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { forwardRef, createContext, useContext } from 'react';
 import { RichText } from '@kickstartds/base/lib/rich-text';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "layout": "singleColumn",
+    "align": "left",
+    "highlightText": false
+};
 
 const TextContextDefault = forwardRef(({ text, layout = "singleColumn", align = "left", highlightText = false, ...rest }, ref) => {
     const layoutClass = `${layout === "multiColumn" ? "dsa-text--columns" : ""}`;
@@ -13,7 +20,7 @@ const TextContextDefault = forwardRef(({ text, layout = "singleColumn", align =
 const TextContext = createContext(TextContextDefault);
 const Text = forwardRef((props, ref) => {
     const Component = useContext(TextContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Text.displayName = "Text";
 

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

@@ -39,9 +39,6 @@
       "title": "Highlight Text",
       "description": "Visually highlight the text",
       "default": false
-    },
-    "type": {
-      "const": "text"
     }
   },
   "additionalProperties": false,

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

@@ -91,9 +91,6 @@
       "description": "Overwrite the color to use for the text content",
       "type": "string",
       "format": "color"
-    },
-    "type": {
-      "const": "tile"
     }
   },
   "additionalProperties": false,

package/dist/components/video-curtain/index.js

@@ -6,8 +6,18 @@ import classnames from 'classnames';
 import { Container } from '@kickstartds/core/lib/container';
 import { ButtonContext } from '@kickstartds/base/lib/button';
 import { useButtonGroup } from '../button-group/index.js';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import '@kickstartds/base/lib/button-group';
 
+const defaults = {
+    "highlightText": false,
+    "colorNeutral": false,
+    "buttons": [],
+    "overlay": false,
+    "video": {},
+    "textPosition": "center"
+};
+
 const VideoCurtainContextDefault = forwardRef(({ headline, sub, text, highlightText, colorNeutral, textPosition, overlay, video, className, buttons = [], ...rest }, ref) => {
     const ButtonGroup = useButtonGroup();
     return (jsx(ButtonContext.Provider
@@ -54,7 +64,7 @@ const VideoCurtainContextDefault = forwardRef(({ headline, sub, text, highlightT
 const VideoCurtainContext = createContext(VideoCurtainContextDefault);
 const VideoCurtain = forwardRef((props, ref) => {
     const Component = useContext(VideoCurtainContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 VideoCurtain.displayName = "VideoCurtain";
 

package/dist/components/video-curtain/video-curtain.schema.dereffed.json

@@ -119,10 +119,7 @@
         "corner"
       ],
       "type": "string",
-      "default": "bottom"
-    },
-    "type": {
-      "const": "video-curtain"
+      "default": "center"
     }
   },
   "additionalProperties": false

package/dist/components/video-curtain/video-curtain.schema.json

@@ -63,7 +63,7 @@
       "description": "Choose the alginment of the module content",
       "enum": ["center", "bottom", "left", "right", "corner"],
       "type": "string",
-      "default": "bottom"
+      "default": "center"
     }
   },
   "additionalProperties": false

package/dist/helpers-12f48df8.d.ts

@@ -0,0 +1,6 @@
+declare function canBeCloned(val: unknown): boolean;
+type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+declare function deepMergeDefaults<T extends Record<string, any>>(defaults: DeepPartial<T>, props: T, replaceExamples?: boolean): T;
+export { canBeCloned, DeepPartial, deepMergeDefaults };

package/dist/helpers-12f48df8.js

@@ -0,0 +1,40 @@
+function canBeCloned(val) {
+    try {
+        window.postMessage(val, "*");
+    }
+    catch (err) {
+        return false;
+    }
+    return true;
+}
+function deepMergeDefaults(defaults, props, replaceExamples = false) {
+    const keys = Array.from(new Set([...Object.keys(defaults), ...Object.keys(props)]));
+    return keys.reduce((acc, key) => {
+        const val1 = defaults[key];
+        const val2 = props[key];
+        if (Array.isArray(val1) && Array.isArray(val2)) {
+            acc[key] =
+                key === "examples" && replaceExamples
+                    ? val2
+                    : (acc[key] = [...val1, ...val2].filter((value, index, self) => {
+                        return self.findIndex((v) => v === value) === index;
+                    }));
+        }
+        else if (typeof val1 === "object" &&
+            val1 !== null &&
+            typeof val2 === "object" &&
+            val2 !== null) {
+            acc[key] = deepMergeDefaults(val1, val2, replaceExamples);
+        }
+        else if (key in props) {
+            acc[key] = canBeCloned(val2) ? structuredClone(val2) : val2;
+        }
+        else {
+            acc[key] = canBeCloned(val1) ? structuredClone(val1) : val1;
+        }
+        return acc;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    }, {});
+}
+
+export { deepMergeDefaults as d };

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 04:53:20 GMT
+ * Generated on Fri, 01 Aug 2025 04:58:24 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 04:53:24 GMT
+ * Generated on Fri, 01 Aug 2025 04:58:29 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 04:53:22 GMT
+ * Generated on Fri, 01 Aug 2025 04:58:27 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 04:53:26 GMT
+ * Generated on Fri, 01 Aug 2025 04:58:31 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 04:53:17 GMT
+ * Generated on Fri, 01 Aug 2025 04:58:22 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 04:53:18 GMT
+ * Generated on Fri, 01 Aug 2025 04:58:22 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f2f2f2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.71--canary.1948.6cfa581.0",
+  "version": "1.6.71--canary.1954.71f9342.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {
@@ -29,6 +29,7 @@
       "import": "./dist/*.js"
     },
     "./*.json": "./dist/components/*.json",
+    "./cms/*.schema.json": "./dist/cms/*.schema.json",
     "./*": {
       "types": "./dist/components/*/index.d.ts",
       "default": "./dist/components/*/index.js"
@@ -59,6 +60,7 @@
     "schema:dereference-schemas": "kickstartDS schema dereference",
     "schema:generate-props": "kickstartDS schema types",
     "schema:layer-types": "kickstartDS schema layer",
+    "schema:create-defaults": "kickstartDS schema defaults",
     "start": "run-p watch:* storybook",
     "storybook": "storybook dev -p 6006",
     "create-component-previews": "yarn test && rimraf static/img/screenshots && mkdir -p static/img/screenshots && cp __snapshots__/*.png static/img/screenshots",
@@ -84,8 +86,8 @@
     "@kickstartds/content": "^4.1.1",
     "@kickstartds/core": "^4.1.0",
     "@kickstartds/form": "^4.1.0",
-    "@kickstartds/jsonschema-utils": "^3.4.2",
-    "@kickstartds/jsonschema2types": "^1.1.51",
+    "@kickstartds/jsonschema-utils": "^3.8.1",
+    "@kickstartds/jsonschema2types": "^1.2.7",
     "@kickstartds/storybook-addon-component-tokens": "^3.0.0",
     "@kickstartds/storybook-addon-html": "^1.0.0",
     "@kickstartds/storybook-addon-jsonschema": "^4.0.0",
@@ -114,7 +116,7 @@
     "happy-dom": "^13.3.1",
     "husky": "^8.0.3",
     "jest-image-snapshot": "^6.4.0",
-    "kickstartds": "^3.0.0",
+    "kickstartds": "3.5.0--canary.62.324.0",
     "lazysizes": "^5.3.2",
     "npm-run-all": "^4.1.5",
     "patch-package": "^8.0.0",