@kickstartds/ds-agency-premium 1.6.71--canary.1948.6cfa581.0 → 1.6.71--canary.45.1950.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.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": {
@@ -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

@@ -8,25 +8,27 @@
   --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);
   --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 +85,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));
@@ -121,12 +124,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/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/global.css

@@ -312,7 +312,7 @@ h3 {
   --dsa-link--color_hover: var(--ks-text-color-default-interactive-hover);
   --dsa-link--text-decoration: none;
   --dsa-link--text-decoration_hover: none;
-  --dsa-typo--highlight: var(--ks-text-color-primary);
+  --dsa-typo--highlight: var(--ks-color-primary);
   --dsa-content--horizontal-spacing: var(--ks-spacing-inset-l);
   --dsa-content--vertical-spacing: var(--ks-spacing-xxl);
   --dsa-content--width_narrow: calc(var(--ks-font-size-copy-m) * 34);
@@ -340,7 +340,7 @@ h3 {
 }
 @media (min-width: 62em) {
   :root, [ks-inverted], [ks-theme] {
-    --dsa-logo--height: 3.5rem;
+    --dsa-logo--height: 2.5rem;
   }
 }
 

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/static/favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>