@kickstartds/ds-agency-premium 1.6.71--canary.1933.9f7ec0c.0 → 1.6.71--canary.45.1941.0

package/dist/components/split-even/split-even.schema.dereffed.json

@@ -723,7 +723,7 @@
                   "bottom"
                 ],
                 "type": "string",
-                "default": "bottom"
+                "default": "below"
               },
               "type": {
                 "const": "hero"
@@ -1359,8 +1359,15 @@
                   true
                 ]
               },
-              "type": {
-                "const": "slider"
+              "variant": {
+                "title": "Type",
+                "description": "Type of the movement",
+                "type": "string",
+                "enum": [
+                  "slider",
+                  "carousel"
+                ],
+                "default": "carousel"
               },
               "className": {
                 "title": "Class",
@@ -1938,7 +1945,7 @@
                             "bottom"
                           ],
                           "type": "string",
-                          "default": "bottom"
+                          "default": "below"
                         },
                         "type": {
                           "const": "hero"
@@ -2171,12 +2178,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": {
@@ -2496,15 +2504,8 @@
                   ]
                 }
               },
-              "typeProp": {
-                "title": "Type",
-                "description": "Type of the movement",
-                "type": "string",
-                "enum": [
-                  "slider",
-                  "carousel"
-                ],
-                "default": "carousel"
+              "type": {
+                "const": "slider"
               }
             },
             "additionalProperties": false
@@ -2530,12 +2531,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": {
@@ -2973,7 +2975,7 @@
                   "corner"
                 ],
                 "type": "string",
-                "default": "bottom"
+                "default": "center"
               },
               "type": {
                 "const": "video-curtain"
@@ -3638,7 +3640,7 @@
                   "bottom"
                 ],
                 "type": "string",
-                "default": "bottom"
+                "default": "below"
               },
               "type": {
                 "const": "hero"
@@ -4274,8 +4276,15 @@
                   true
                 ]
               },
-              "type": {
-                "const": "slider"
+              "variant": {
+                "title": "Type",
+                "description": "Type of the movement",
+                "type": "string",
+                "enum": [
+                  "slider",
+                  "carousel"
+                ],
+                "default": "carousel"
               },
               "className": {
                 "title": "Class",
@@ -4853,7 +4862,7 @@
                             "bottom"
                           ],
                           "type": "string",
-                          "default": "bottom"
+                          "default": "below"
                         },
                         "type": {
                           "const": "hero"
@@ -5086,12 +5095,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": {
@@ -5411,15 +5421,8 @@
                   ]
                 }
               },
-              "typeProp": {
-                "title": "Type",
-                "description": "Type of the movement",
-                "type": "string",
-                "enum": [
-                  "slider",
-                  "carousel"
-                ],
-                "default": "carousel"
+              "type": {
+                "const": "slider"
               }
             },
             "additionalProperties": false
@@ -5445,12 +5448,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": {
@@ -5888,7 +5892,7 @@
                   "corner"
                 ],
                 "type": "string",
-                "default": "bottom"
+                "default": "center"
               },
               "type": {
                 "const": "video-curtain"

package/dist/components/split-weighted/index.d.ts

@@ -13,7 +13,7 @@ import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
 import { GalleryProps } from "../../GalleryProps-76e7de44.js";
 import { HeroProps } from "../../HeroProps-fec6b267.js";
 import { HtmlProps } from "../../HtmlProps-9d091769.js";
-import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "../../ImageStoryProps-00ddee3a.js";
 import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
 import { LogosProps } from "../../LogosProps-f9474fe2.js";
 import { MosaicProps } from "../../MosaicProps-d52c7151.js";

package/dist/components/split-weighted/split-weighted.schema.dereffed.json

@@ -783,7 +783,7 @@
                   "bottom"
                 ],
                 "type": "string",
-                "default": "bottom"
+                "default": "below"
               },
               "type": {
                 "const": "hero"
@@ -1419,8 +1419,15 @@
                   true
                 ]
               },
-              "type": {
-                "const": "slider"
+              "variant": {
+                "title": "Type",
+                "description": "Type of the movement",
+                "type": "string",
+                "enum": [
+                  "slider",
+                  "carousel"
+                ],
+                "default": "carousel"
               },
               "className": {
                 "title": "Class",
@@ -1998,7 +2005,7 @@
                             "bottom"
                           ],
                           "type": "string",
-                          "default": "bottom"
+                          "default": "below"
                         },
                         "type": {
                           "const": "hero"
@@ -2231,12 +2238,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": {
@@ -2556,15 +2564,8 @@
                   ]
                 }
               },
-              "typeProp": {
-                "title": "Type",
-                "description": "Type of the movement",
-                "type": "string",
-                "enum": [
-                  "slider",
-                  "carousel"
-                ],
-                "default": "carousel"
+              "type": {
+                "const": "slider"
               }
             },
             "additionalProperties": false
@@ -2590,12 +2591,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": {
@@ -3033,7 +3035,7 @@
                   "corner"
                 ],
                 "type": "string",
-                "default": "bottom"
+                "default": "center"
               },
               "type": {
                 "const": "video-curtain"
@@ -3698,7 +3700,7 @@
                   "bottom"
                 ],
                 "type": "string",
-                "default": "bottom"
+                "default": "below"
               },
               "type": {
                 "const": "hero"
@@ -4334,8 +4336,15 @@
                   true
                 ]
               },
-              "type": {
-                "const": "slider"
+              "variant": {
+                "title": "Type",
+                "description": "Type of the movement",
+                "type": "string",
+                "enum": [
+                  "slider",
+                  "carousel"
+                ],
+                "default": "carousel"
               },
               "className": {
                 "title": "Class",
@@ -4913,7 +4922,7 @@
                             "bottom"
                           ],
                           "type": "string",
-                          "default": "bottom"
+                          "default": "below"
                         },
                         "type": {
                           "const": "hero"
@@ -5146,12 +5155,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": {
@@ -5471,15 +5481,8 @@
                   ]
                 }
               },
-              "typeProp": {
-                "title": "Type",
-                "description": "Type of the movement",
-                "type": "string",
-                "enum": [
-                  "slider",
-                  "carousel"
-                ],
-                "default": "carousel"
+              "type": {
+                "const": "slider"
               }
             },
             "additionalProperties": false
@@ -5505,12 +5508,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": {
@@ -5948,7 +5952,7 @@
                   "corner"
                 ],
                 "type": "string",
-                "default": "bottom"
+                "default": "center"
               },
               "type": {
                 "const": "video-curtain"

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": {

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.css

@@ -1,15 +1,15 @@
 .dsa-stats {
   --dsa-stats--gap-vertical: var(--ks-spacing-stack-l);
   --dsa-stats--gap-horizontal: var(--ks-spacing-inline-m);
-  --dsa-stats__item--gap: var(--ks-spacing-stack-s);
+  --dsa-stats__item--gap: var(--ks-spacing-stack-xs);
   --dsa-stats__icon--color: var(--ks-text-color-primary);
-  --dsa-stats__icon--size: 4em;
-  --dsa-stats__number--font: var(--ks-font-display-xxl);
+  --dsa-stats__icon--size: 5em;
+  --dsa-stats__number--font: var(--ks-font-display-xl);
   --dsa-stats__number--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-stats__number--background: var(--dsa-typo--highlight);
   --dsa-stats__topic__font: var(--ks-font-interface-xl);
   --dsa-stats__topic--color: var(--ks-text-color-display);
-  --dsa-stats__copy--font: var(--ks-font-copy-m);
+  --dsa-stats__copy--font: var(--ks-font-copy-s);
   --dsa-stats__copy--color: var(--ks-text-color-default);
 }
 

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": {

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

@@ -8,19 +8,20 @@
   --dsa-teaser-card--border-width: var(--ks-border-width-default);
   --dsa-teaser-card--border-color: var(--ks-border-color-card-interactive);
   --dsa-teaser-card--border-color_hover: var(--ks-border-color-card-interactive-hover);
-  --dsa-teaser-card--border-radius: var(--ks-border-radius-card);
+  --dsa-teaser-card--border-radius: var(--ks-border-radius-card) var(--ks-border-radius-card)
+    var(--ks-border-radius-card) calc(var(--ks-border-radius-card) * 3);
   --dsa-teaser-card--shadow: none;
   --dsa-teaser-card--shadow_hover: none;
-  --dsa-teaser-card__image--transform_hover: scale(1.1);
-  --dsa-teaser-card__image--transition: transform var(--ks-transition-fade);
+  --dsa-teaser-card__image--transform_hover: scale(1.05);
+  --dsa-teaser-card__image--transition: transform var(--ks-transition-hover);
   --dsa-teaser-card__topic--color: var(--dsa-topic--color);
-  --dsa-teaser-card__label--font: var(--ks-font-interface-xs);
+  --dsa-teaser-card__label--font: var(--ks-font-interface-s);
   --dsa-teaser-card__label--font-weight: var(--ks-font-weight-semi-bold);
-  --dsa-teaser-card__label--color: var(--dsa-text-color-on-primary);
-  --dsa-teaser-card__label--background-color: var(--ks-background-color-primary);
+  --dsa-teaser-card__label--color: var(--ks-text-color-primary);
+  --dsa-teaser-card__label--background-color: var(--ks-background-color-bold);
   --dsa-teaser-card__label--padding: 0.5em 1em;
   --dsa-teaser-card__label--border-radius: var(--ks-border-radius-pill);
-  --dsa-teaser-card__label--border: 0;
+  --dsa-teaser-card__label--border: 1px solid var(--ks-border-color-interface);
   --dsa-teaser-card__button--font: var(--ks-font-interface-m);
   --dsa-teaser-card--padding: var(--ks-spacing-inset-m);
   --dsa-teaser-card__topic--font: var(--ks-font-display-m);
@@ -121,12 +122,13 @@
 .dsa-teaser-card .dsa-teaser-card__label {
   position: absolute;
   z-index: 1;
-  top: var(--ks-spacing-inset-xs);
-  right: var(--ks-spacing-inset-xs);
+  top: 0;
+  right: 0;
   border-radius: var(--dsa-teaser-card__label--border-radius);
   border: var(--dsa-teaser-card__label--border, 0);
   pointer-events: initial;
   padding: var(--dsa-teaser-card__label--padding);
+  transform: translate(0.5em, -50%);
   font: var(--dsa-teaser-card__label--font);
   text-align: center;
   font-weight: var(--dsa-teaser-card__label--font-weight);

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";