@kickstartds/ds-agency-premium 1.7.0--canary.46.1791.0 → 1.7.0--canary.46.1801.0

package/dist/components/blog-aside/index.js

@@ -7,6 +7,7 @@ import { PostShareBar } from '@kickstartds/blog/lib/post-share-bar';
 import { Container } from '@kickstartds/core/lib/container';
 import { BlogAuthor } from '../blog-author/index.js';
 import { Headline } from '../headline/index.js';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
 import '../contact/index.js';
 import '@kickstartds/base/lib/picture';
 import '@kickstartds/base/lib/contact';
@@ -16,6 +17,10 @@ import '@kickstartds/base/lib/rich-text';
 import 'markdown-to-jsx';
 import '@kickstartds/base/lib/headline';
 
+const defaults = {
+    "socialSharing": []
+};
+
 const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime, date, className, ...props }, ref) => {
     const socialLinks = socialSharing?.map((link) => {
         return {
@@ -40,7 +45,7 @@ const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime
 const BlogAsideContext = createContext(BlogAsideContextDefault);
 const BlogAside = forwardRef((props, ref) => {
     const Component = useContext(BlogAsideContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 BlogAside.displayName = "BlogAside";
 

package/dist/components/blog-author/index.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { Contact } from '../contact/index.js';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
 import 'classnames';
 import '@kickstartds/base/lib/picture';
 import '@kickstartds/base/lib/contact';
@@ -9,13 +10,21 @@ import '@kickstartds/base/lib/icon';
 import '@kickstartds/base/lib/rich-text';
 import '@kickstartds/core/lib/container';
 
+const defaults = {
+    "image": {
+        "fullWidth": false,
+        "aspectRatio": "square"
+    },
+    "links": []
+};
+
 const BlogAuthorContextDefault = forwardRef(({ name, byline, image, links, ...props }, ref) => {
     return (jsx(Contact, { ref: ref, ...props, className: "dsa-blog-aside__author", title: name, subtitle: byline, image: image, links: links }));
 });
 const BlogAuthorContext = createContext(BlogAuthorContextDefault);
 const BlogAuthor = forwardRef((props, ref) => {
     const Component = useContext(BlogAuthorContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 BlogAuthor.displayName = "BlogAuthor";
 

package/dist/components/blog-head/index.js

@@ -2,6 +2,11 @@ import "./blog-head.css";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { PostHead } from '@kickstartds/blog/lib/post-head';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
+
+const defaults = {
+    "tags": []
+};
 
 const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image, alt, ...rest }, ref) => {
     return (jsx(PostHead, { ...rest, className: "dsa-blog-head", date: date, headline: { text: headline, level: "h1", align: "left" }, image: { src: image, alt: alt || headline }, categories: tags.map((tag) => {
@@ -11,7 +16,7 @@ const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image, a
 const BlogHeadContext = createContext(BlogHeadContextDefault);
 const BlogHead = forwardRef((props, ref) => {
     const Component = useContext(BlogHeadContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 BlogHead.displayName = "BlogHead";
 

package/dist/components/blog-overview/index.js

@@ -9,6 +9,7 @@ import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
 import '../section/js/Section.client.js';
 import '@kickstartds/core/lib/component';
+import '../../helpers-84d80d46.js';
 import '@kickstartds/blog/lib/post-teaser';
 import '@kickstartds/core/lib/container';
 import '@kickstartds/content/lib/storytelling';

package/dist/components/blog-post/index.js

@@ -8,6 +8,7 @@ import { Cta } from '../cta/index.js';
 import 'classnames';
 import 'react';
 import '@kickstartds/blog/lib/post-head';
+import '../../helpers-84d80d46.js';
 import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
 import '../section/js/Section.client.js';

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

@@ -4,6 +4,15 @@ import classnames from 'classnames';
 import { forwardRef, createContext, useContext } from 'react';
 import { PostTeaserContextDefault } from '@kickstartds/blog/lib/post-teaser';
 import { Container } from '@kickstartds/core/lib/container';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
+
+const defaults = {
+    "tags": [],
+    "link": {
+        "text": "Read article"
+    },
+    "author": {}
+};
 
 const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaserText, image, alt, link, readingTime, author, className, ...rest }, ref) => {
     const teaserMetaItems = [];
@@ -40,7 +49,7 @@ const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaser
 const BlogTeaserContext = createContext(BlogTeaserContextDefault);
 const BlogTeaser = forwardRef((props, ref) => {
     const Component = useContext(BlogTeaserContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 BlogTeaser.displayName = "BlogTeaser";
 

package/dist/components/contact/index.js

@@ -8,12 +8,21 @@ import { Link } from '@kickstartds/base/lib/link';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { RichText } from '@kickstartds/base/lib/rich-text';
 import { Container } from '@kickstartds/core/lib/container';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
+
+const defaults = {
+    "image": {
+        "fullWidth": false,
+        "aspectRatio": "square"
+    },
+    "links": []
+};
 
 const ContactContextDefault = forwardRef(({ title, subtitle, image, links, copy, className, ...props }, ref) => (jsx(Container, { name: "contact", children: jsxs("address", { className: classnames("dsa-contact", image?.aspectRatio && `dsa-contact--image-${image?.aspectRatio}`, image?.fullWidth && `dsa-contact--image-full-width`, className), ref: ref, ...props, children: [image && image.src ? (jsx("div", { className: "dsa-contact__image-wrap", children: jsx(Picture, { src: image?.src, alt: image?.alt, className: "dsa-contact__image" }) })) : (""), jsxs("div", { className: "dsa-contact__body", children: [title && (jsxs("div", { className: "dsa-contact__header", children: [jsx("span", { className: "dsa-contact__title", children: title }), jsx("span", { className: "dsa-contact__subtitle", children: subtitle })] })), copy && jsx(RichText, { text: copy, className: "dsa-contact__copy" }), links && links.length ? (jsx("ul", { className: "dsa-contact__links", children: links.map(({ icon, href, label, newTab }, i) => (jsx("li", { children: jsxs(Link, { className: "dsa-contact__link", href: href, ...(newTab ? { target: "_blank", rel: "noopener" } : {}), children: [jsx(Icon, { icon: icon }), label] }) }, i))) })) : ("")] })] }) })));
 const ContactContext = createContext(ContactContextDefault);
 const Contact = forwardRef((props, ref) => {
     const Component = useContext(ContactContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Contact.displayName = "Contact";
 const ContactProvider = (props) => (jsx(ContactContext$1.Provider, { ...props, value: Contact }));

package/dist/components/cta/index.js

@@ -5,8 +5,25 @@ import { Storytelling } from '@kickstartds/content/lib/storytelling';
 import { ButtonContext } from '@kickstartds/base/lib/button';
 import classnames from 'classnames';
 import { useButtonGroup } from '../button-group/index.js';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
 import '@kickstartds/base/lib/button-group';
 
+const defaults = {
+    "highlightText": false,
+    "colorNeutral": false,
+    "fullWidth": false,
+    "buttons": [],
+    "image": {
+        "padding": true
+    },
+    "order": {
+        "mobileImageLast": false,
+        "desktopImageLast": true
+    },
+    "textAlign": "left",
+    "contentAlign": "center"
+};
+
 const CtaContextDefault = forwardRef(({ headline, highlightText = false, sub, image, text, textAlign, backgroundImage, backgroundColor, colorNeutral, contentAlign, order, fullWidth = false, buttons = [], ...rest }, ref) => {
     const ButtonGroup = useButtonGroup();
     return (jsx(ButtonContext.Provider
@@ -41,7 +58,7 @@ const CtaContextDefault = forwardRef(({ headline, highlightText = false, sub, im
 const CtaContext = createContext(CtaContextDefault);
 const Cta = forwardRef((props, ref) => {
     const Component = useContext(CtaContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Cta.displayName = "Cta";
 

package/dist/components/divider/index.js

@@ -3,12 +3,17 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { DividerContextDefault as DividerContextDefault$1, DividerContext as DividerContext$1 } from '@kickstartds/base/lib/divider';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
+
+const defaults = {
+    "variant": "default"
+};
 
 const DividerContextDefault = forwardRef(({ variant, className, ...props }, ref) => (jsx(DividerContextDefault$1, { ...props, className: classnames("dsa-divider", className), variant: variant, ref: ref })));
 const DividerContext = createContext(DividerContextDefault);
 const Divider = forwardRef((props, ref) => {
     const Component = useContext(DividerContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Divider.displayName = "Divider";
 const DividerProvider = (props) => (jsx(DividerContext$1.Provider, { ...props, value: DividerContextDefault }));

package/dist/components/faq/index.js

@@ -2,12 +2,17 @@ import "./faq.css";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { CollapsibleBox } from '@kickstartds/base/lib/collapsible-box';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
+
+const defaults = {
+    "questions": []
+};
 
 const FaqContextDefault = forwardRef(({ questions, ...rest }, ref) => (jsx("div", { ...rest, ref: ref, className: `dsa-faq`, children: questions.map((question, index) => (jsx(CollapsibleBox, { summary: question.question, text: question.answer }, index))) })));
 const FaqContext = createContext(FaqContextDefault);
 const Faq = forwardRef((props, ref) => {
     const Component = useContext(FaqContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Faq.displayName = "Faq";
 

package/dist/components/feature/index.js

@@ -5,8 +5,19 @@ import { Icon } from '@kickstartds/base/lib/icon';
 import { Button } from '../button/index.js';
 import { Link } from '@kickstartds/base/lib/link';
 import { RichText } from '@kickstartds/base/lib/rich-text';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
 import '@kickstartds/base/lib/button';
 
+const defaults = {
+    "style": "stack",
+    "cta": {
+        "target": "#",
+        "label": "See more",
+        "toggle": true,
+        "style": "link"
+    }
+};
+
 const FeatureContextDefault = forwardRef(({ style = "stack", title, text, icon, cta: { toggle = true, style: ctaStyle = "link", target, label = "Read more", }, ...rest }, ref) => (jsxs("div", { ...rest, ref: ref, className: classnames(`dsa-feature dsa-feature--${style === `stack`
         ? `stack dsa-feature--large`
         : style === `besideSmall`
@@ -21,7 +32,7 @@ const FeatureContextDefault = forwardRef(({ style = "stack", title, text, icon,
 const FeatureContext = createContext(FeatureContextDefault);
 const Feature = forwardRef((props, ref) => {
     const Component = useContext(FeatureContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Feature.displayName = "Feature";
 

package/dist/components/features/index.js

@@ -3,12 +3,23 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createElement, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { Feature } from '../feature/index.js';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
 import '@kickstartds/base/lib/icon';
 import '../button/index.js';
 import '@kickstartds/base/lib/button';
 import '@kickstartds/base/lib/link';
 import '@kickstartds/base/lib/rich-text';
 
+const defaults = {
+    "layout": "largeTiles",
+    "style": "stack",
+    "ctas": {
+        "toggle": true,
+        "style": "link"
+    },
+    "feature": []
+};
+
 const FeaturesContextDefault = forwardRef(({ layout = "largeTiles", ctas = {
     style: "link",
     toggle: true,
@@ -28,7 +39,7 @@ const FeaturesContextDefault = forwardRef(({ layout = "largeTiles", ctas = {
 const FeaturesContext = createContext(FeaturesContextDefault);
 const Features = forwardRef((props, ref) => {
     const Component = useContext(FeaturesContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Features.displayName = "Features";
 

package/dist/components/footer/index.js

@@ -4,13 +4,23 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { Link } from '@kickstartds/base/lib/link';
 import { Logo } from '../logo/index.js';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
 import '@kickstartds/base/lib/picture';
 
+const defaults = {
+    "logo": {
+        "homepageHref": "/"
+    },
+    "byline": "© 2024 systemics Inc. All rights reserved.",
+    "inverted": false,
+    "navItems": []
+};
+
 const FooterContextDefault = forwardRef(({ byline, navItems, inverted, logo }, ref) => navItems && navItems.length > 0 ? (jsx("div", { className: classnames("dsa-footer"), "ks-inverted": inverted.toString(), ref: ref, children: jsxs("div", { className: "dsa-footer__content", children: [jsx(Logo, { ...logo, inverted: inverted }), byline && jsx("span", { className: "dsa-footer__byline", children: byline }), navItems.length > 0 ? (jsx("div", { className: "dsa-footer__links", children: navItems.map(({ label, active, ...linkProps }) => (createElement(Link, { ...linkProps, className: "dsa-footer__link", key: linkProps.href + label }, label))) })) : null] }) })) : null);
 const FooterContext = createContext(FooterContextDefault);
 const Footer = forwardRef((props, ref) => {
     const Component = useContext(FooterContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Footer.displayName = "Footer";
 

package/dist/components/gallery/index.js

@@ -3,6 +3,13 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useMemo, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { TextMedia } from '@kickstartds/base/lib/text-media';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
+
+const defaults = {
+    "images": [],
+    "aspectRatio": "unset",
+    "lightbox": false
+};
 
 const GalleryContextDefault = forwardRef(({ lightbox = false, layout = "tiles", aspectRatio = "square", images = [], ...rest }, ref) => {
     const galleryId = useMemo(() => `gallery-${Date.now()}`, []);
@@ -34,7 +41,7 @@ const GalleryContextDefault = forwardRef(({ lightbox = false, layout = "tiles",
 const GalleryContext = createContext(GalleryContextDefault);
 const Gallery = forwardRef((props, ref) => {
     const Component = useContext(GalleryContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Gallery.displayName = "Gallery";
 

package/dist/components/header/index.js

@@ -4,6 +4,7 @@ import classnames from 'classnames';
 import { forwardRef, createContext, useContext } from 'react';
 import { NavMain } from '../nav-main/index.js';
 import { Logo } from '../logo/index.js';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
 import '../nav-main/js/NavToggle.client.js';
 import '@kickstartds/core/lib/component';
 import '../nav-main/js/navMainEvents.client.js';
@@ -17,6 +18,17 @@ import '../nav-dropdown/index.js';
 import '../nav-flyout/index.js';
 import '@kickstartds/base/lib/picture';
 
+const defaults = {
+    "logo": {
+        "homepageHref": "/"
+    },
+    "flyoutInverted": false,
+    "dropdownInverted": false,
+    "floating": false,
+    "inverted": false,
+    "navItems": []
+};
+
 const HeaderContextDefault = forwardRef(({ logo, floating, inverted = false, flyoutInverted = false, dropdownInverted = false, navItems = [], }, ref) => (jsx("header", { className: classnames("dsa-header", floating ? `dsa-header--floating` : ""), "ks-inverted": inverted.toString(), ref: ref, children: jsxs("div", { className: "dsa-header__content", children: [jsx(Logo, { ...logo, className: "dsa-header__logo", inverted: inverted }), jsx(NavMain, { flyoutInverted: flyoutInverted, dropdownInverted: dropdownInverted, items: navItems, logo: {
                     ...logo,
                     inverted: flyoutInverted,
@@ -24,7 +36,7 @@ const HeaderContextDefault = forwardRef(({ logo, floating, inverted = false, fly
 const HeaderContext = createContext(HeaderContextDefault);
 const Header = forwardRef((props, ref) => {
     const Component = useContext(HeaderContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Header.displayName = "Header";
 

package/dist/components/hero/index.js

@@ -6,8 +6,22 @@ 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-84d80d46.js';
 import '@kickstartds/base/lib/button-group';
 
+const defaults = {
+    "highlightText": false,
+    "colorNeutral": false,
+    "height": "default",
+    "textbox": true,
+    "buttons": [],
+    "overlay": false,
+    "image": {
+        "indent": "none"
+    },
+    "textPosition": "below"
+};
+
 const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightText, textPosition = "center", colorNeutral, image, overlay, textbox, className, buttons = [], ...rest }, ref) => {
     const ButtonGroup = useButtonGroup();
     return (jsx(ButtonContext.Provider
@@ -57,7 +71,7 @@ const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightT
 const HeroContext = createContext(HeroContextDefault);
 const Hero = forwardRef((props, ref) => {
     const Component = useContext(HeroContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Hero.displayName = "Hero";
 

package/dist/components/html/index.js

@@ -5,8 +5,15 @@ import classnames from 'classnames';
 import { Button } from '@kickstartds/base/lib/button';
 import { RichText } from '@kickstartds/base/lib/rich-text';
 import './Html.client.js';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
 import '@kickstartds/core/lib/component';
 
+const defaults = {
+    "consent": false,
+    "consentAspectRatio": "16:9",
+    "inverted": false
+};
+
 const HtmlContextDefault = forwardRef(({ html, consent, consentText, consentBackgroundImage, consentButtonLabel, consentAspectRatio = "16:9", inverted, className, component = "dsa.html", ...props }, ref) => {
     return (jsxs("div", { ref: ref, className: classnames("dsa-html", className), "ks-component": component, "ks-inverted": inverted ? "true" : undefined, ...props, children: [jsx("template", { dangerouslySetInnerHTML: { __html: html } }), consent && (jsxs("div", { style: {
                     backgroundImage: consentBackgroundImage
@@ -22,7 +29,7 @@ const HtmlContextDefault = forwardRef(({ html, consent, consentText, consentBack
 const HtmlContext = createContext(HtmlContextDefault);
 const Html = forwardRef((props, ref) => {
     const Component = useContext(HtmlContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Html.displayName = "Html";
 

package/dist/components/image-story/index.js

@@ -5,8 +5,21 @@ import { Storytelling } from '@kickstartds/content/lib/storytelling';
 import { ButtonContext } from '@kickstartds/base/lib/button';
 import classnames from 'classnames';
 import { useButtonGroup } from '../button-group/index.js';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
 import '@kickstartds/base/lib/button-group';
 
+const defaults = {
+    "largeHeadline": false,
+    "layout": "imageLeft",
+    "padding": false,
+    "buttons": [],
+    "image": {
+        "aspectRatio": "unset",
+        "vAlign": "top"
+    },
+    "textAlign": "left"
+};
+
 const ImageStoryContextDefault = forwardRef(({ headline, largeHeadline = false, sub, image, padding = false, textAlign = "left", layout = "textLeft", buttons = [], text, ...rest }, ref) => {
     const ButtonGroup = useButtonGroup();
     return (jsx(ButtonContext.Provider
@@ -46,7 +59,7 @@ const ImageStoryContextDefault = forwardRef(({ headline, largeHeadline = false,
 const ImageStoryContext = createContext(ImageStoryContextDefault);
 const ImageStory = forwardRef((props, ref) => {
     const Component = useContext(ImageStoryContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 ImageStory.displayName = "ImageStory";
 

package/dist/components/image-text/index.js

@@ -4,6 +4,12 @@ import { forwardRef, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { TextMediaContextDefault, TextMediaContext } from '@kickstartds/base/lib/text-media';
 import { Container } from '@kickstartds/core/lib/container';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
+
+const defaults = {
+    "highlightText": false,
+    "image": {}
+};
 
 const ImageTextContextDefault = forwardRef(({ text, image, layout, highlightText, ...rest }, ref) => (jsx(Container, { name: "text-media", ref: ref, children: jsx(TextMediaContextDefault, { ...rest, className: classnames(highlightText ? "dsa-image-text--highlight" : "", "dsa-image-text"), text: text, media: [
             {
@@ -19,7 +25,7 @@ const ImageTextContextDefault = forwardRef(({ text, image, layout, highlightText
 const ImageTextContext = createContext(ImageTextContextDefault);
 const ImageText = forwardRef((props, ref) => {
     const Component = useContext(ImageTextContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 ImageText.displayName = "ImageText";
 const ImageTextProvider = (props) => (jsx(TextMediaContext.Provider, { ...props, value: ImageTextContextDefault }));

package/dist/components/logo/index.js

@@ -4,6 +4,11 @@ import classnames from 'classnames';
 import { forwardRef, createContext, useContext } from 'react';
 import { Picture } from '@kickstartds/base/lib/picture';
 import { Link } from '@kickstartds/base/lib/link';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
+
+const defaults = {
+    "homepageHref": "/"
+};
 
 const LogoContextDefault = forwardRef(({ src, srcInverted, alt, inverted = false, width, height, homepageHref, className, }, ref) => {
     return (jsx(Link, { className: classnames("dsa-logo", className), href: homepageHref, children: jsx(Picture, { ref: ref, className: "dsa-logo__img", src: inverted && srcInverted ? srcInverted : src, alt: alt, width: width, height: height }) }));
@@ -11,7 +16,7 @@ const LogoContextDefault = forwardRef(({ src, srcInverted, alt, inverted = false
 const LogoContext = createContext(LogoContextDefault);
 const Logo = forwardRef((props, ref) => {
     const Component = useContext(LogoContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Logo.displayName = "Logo";
 

package/dist/components/logos/index.js

@@ -6,12 +6,23 @@ import { LogoTiles } from '@kickstartds/content/lib/logo-tiles';
 import { Button } from '@kickstartds/base/lib/button';
 import { Link } from '@kickstartds/base/lib/link';
 import { Container } from '@kickstartds/core/lib/container';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
+
+const defaults = {
+    "logo": [],
+    "align": "center",
+    "cta": {
+        "toggle": false,
+        "link": "#",
+        "style": "text"
+    }
+};
 
 const LogosContextDefault = forwardRef(({ logo: logos = [], tagline, align, cta, logosPerRow = "6", ...rest }, ref) => (jsx("div", { ...rest, ref: ref, children: jsx(Container, { name: "logos", children: jsxs("div", { className: classnames(`dsa-logos dsa-logos--align-${align}`), children: [tagline && jsx("div", { className: "dsa-logos__tagline", children: tagline }), jsx(LogoTiles, { className: classnames(`dsa-logo-tiles dsa-logo-tiles--cols-${logosPerRow}`), logos: logos }), cta?.toggle ? (jsxs("div", { className: "dsa-logos__cta", children: [jsxs("div", { className: "dsa-logos__cta__text", children: [cta?.text, cta?.style === "text" ? (jsxs(Fragment, { children: [" ", jsx(Link, { className: "dsa-logos__cta__link", href: cta.link, children: cta.label })] })) : ("")] }), cta?.style === "button" ? (jsx(Button, { href: cta.link, label: cta.label })) : ("")] })) : ("")] }) }) })));
 const LogosContext = createContext(LogosContextDefault);
 const Logos = forwardRef((props, ref) => {
     const Component = useContext(LogosContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Logos.displayName = "Logos";
 

package/dist/components/mosaic/index.js

@@ -2,6 +2,13 @@ import "./mosaic.css";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { Storytelling } from '@kickstartds/content/lib/storytelling';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
+
+const defaults = {
+    "layout": "alternate",
+    "largeHeadlines": false,
+    "tile": []
+};
 
 const MosaicContextDefault = forwardRef(({ layout, largeHeadlines, tile, ...rest }, ref) => (jsx("div", { ...rest, ref: ref, className: "dsa-mosaic", children: tile.map((tile, index) => (jsx(Storytelling, { full: true, backgroundColor: tile.backgroundColor, backgroundImage: tile.backgroundImage, box: {
             headline: {
@@ -33,7 +40,7 @@ const MosaicContextDefault = forwardRef(({ layout, largeHeadlines, tile, ...rest
 const MosaicContext = createContext(MosaicContextDefault);
 const Mosaic = forwardRef((props, ref) => {
     const Component = useContext(MosaicContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Mosaic.displayName = "Mosaic";
 

package/dist/components/nav-flyout/index.js

@@ -4,8 +4,14 @@ import classnames from 'classnames';
 import { Link } from '@kickstartds/base/lib/link';
 import { Logo } from '../logo/index.js';
 import { forwardRef, createContext, useContext } from 'react';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
 import '@kickstartds/base/lib/picture';
 
+const defaults = {
+    "items": [],
+    "inverted": false
+};
+
 const NavFlyoutContextDefault = forwardRef(({ items, inverted, logo }, ref) => items && items.length > 0 ? (jsxs("nav", { className: "dsa-nav-flyout", "ks-inverted": inverted.toString(), id: "dsa-nav-flyout", "aria-label": "Hauptnavigation", ref: ref, children: [jsx(Logo, { ...logo, className: "dsa-nav-flyout__logo" }), jsx("ul", { className: "dsa-nav-flyout__list", children: items.map(({ label, href, active, items: subItems }) => {
                 return (jsxs("li", { className: classnames("dsa-nav-flyout__item", active && "dsa-nav-flyout__item--active"), children: [subItems?.length ? (jsx("span", { tabIndex: 0, className: "dsa-nav-flyout__label", children: label })) : (jsx(Link, { href: href, className: `dsa-nav-flyout__label dsa-nav-flyout__link`, children: label })), subItems?.length ? (jsx("ul", { className: "dsa-nav-flyout__sublist", children: subItems.map(({ label, href, active }) => {
                                 return (jsx("li", { className: classnames("dsa-nav-flyout__item", active && "dsa-nav-flyout__item--active"), children: jsx(Link, { href: href, className: `dsa-nav-flyout__label dsa-nav-flyout__link`, children: label }) }, href));
@@ -14,7 +20,7 @@ const NavFlyoutContextDefault = forwardRef(({ items, inverted, logo }, ref) => i
 const NavFlyoutContext = createContext(NavFlyoutContextDefault);
 const NavFlyout = forwardRef((props, ref) => {
     const Component = useContext(NavFlyoutContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 NavFlyout.displayName = "NavFlyout";
 

package/dist/components/nav-main/index.js

@@ -6,6 +6,7 @@ import './js/navMainEvents.client.js';
 import { NavToggle } from '../nav-toggle/index.js';
 import { NavTopbar } from '../nav-topbar/index.js';
 import { NavFlyout } from '../nav-flyout/index.js';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
 import '@kickstartds/core/lib/component';
 import './js/body.client.js';
 import '@kickstartds/core/lib/core';
@@ -16,11 +17,20 @@ import '../nav-dropdown/index.js';
 import '../logo/index.js';
 import '@kickstartds/base/lib/picture';
 
+const defaults = {
+    "flyoutInverted": false,
+    "dropdownInverted": false,
+    "items": [],
+    "cta": {
+        "toggle": false
+    }
+};
+
 const NavMainContextDefault = forwardRef(({ logo, items, flyoutInverted, dropdownInverted }, ref) => items && items.length > 0 ? (jsxs("div", { ref: ref, className: "dsa-nav-main", children: [jsx(NavToggle, {}), jsx(NavTopbar, { items: items, inverted: dropdownInverted }), jsx(NavFlyout, { items: items, inverted: flyoutInverted, logo: logo })] })) : null);
 const NavMainContext = createContext(NavMainContextDefault);
 const NavMain = forwardRef((props, ref) => {
     const Component = useContext(NavMainContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 NavMain.displayName = "NavMain";
 

package/dist/components/nav-topbar/index.js

@@ -5,6 +5,12 @@ import { Link } from '@kickstartds/base/lib/link';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { NavDropdown } from '../nav-dropdown/index.js';
 import { forwardRef, createContext, useContext } from 'react';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
+
+const defaults = {
+    "items": [],
+    "inverted": false
+};
 
 const NavTopbarContextDefault = forwardRef(({ items, inverted }, ref) => items && items.length > 0 ? (jsx("nav", { className: "dsa-nav-topbar", id: "dsa-nav-main", "aria-label": "Hauptnavigation", ref: ref, children: jsx("ul", { className: "dsa-nav-topbar__list", children: items.map(({ label, href, active, items: subItems }) => {
             return (jsxs("li", { className: classnames("dsa-nav-topbar__item", active && "dsa-nav-topbar__item--active", subItems?.length && "dsa-nav-topbar__item--dropdown"), children: [subItems?.length ? (jsxs("span", { tabIndex: 0, className: "dsa-nav-topbar__label", children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-topbar__label__icon", icon: "chevron-down" })) : ("")] })) : (jsx(Link, { href: href, className: `dsa-nav-topbar__label dsa-nav-topbar__link`, children: label })), subItems?.length ? (jsx(NavDropdown, { items: subItems, inverted: inverted })) : null] }, href));
@@ -12,7 +18,7 @@ const NavTopbarContextDefault = forwardRef(({ items, inverted }, ref) => items &
 const NavTopbarContext = createContext(NavTopbarContextDefault);
 const NavTopbar = forwardRef((props, ref) => {
     const Component = useContext(NavTopbarContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 NavTopbar.displayName = "NavTopbar";
 

package/dist/components/page-wrapper/index.js

@@ -12,6 +12,7 @@ import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
 import '../section/js/Section.client.js';
 import '@kickstartds/core/lib/component';
+import '../../helpers-84d80d46.js';
 import '../teaser-card/index.js';
 import '@kickstartds/base/lib/teaser-box';
 import '@kickstartds/core/lib/container';

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Jul 2025 12:48:37 GMT
+ * Generated on Sat, 05 Jul 2025 15:02:43 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/components/providers/index.js

@@ -13,6 +13,7 @@ import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
 import '../section/js/Section.client.js';
 import '@kickstartds/core/lib/component';
+import '../../helpers-84d80d46.js';
 import '@kickstartds/base/lib/teaser-box';
 import '@kickstartds/core/lib/container';
 import 'markdown-to-jsx';

package/dist/components/section/index.js

@@ -5,8 +5,32 @@ import classnames from 'classnames';
 import { useKsComponent } from '@kickstartds/core/lib/react';
 import { SectionContextDefault as SectionContextDefault$1, SectionContext as SectionContext$1 } from '@kickstartds/base/lib/section';
 import { identifier } from './js/Section.client.js';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
 import '@kickstartds/core/lib/component';
 
+const defaults = {
+    "width": "default",
+    "backgroundColor": "default",
+    "spotlight": false,
+    "spaceBefore": "default",
+    "spaceAfter": "default",
+    "inverted": false,
+    "headerSpacing": false,
+    "headline": {
+        "large": false,
+        "width": "unset"
+    },
+    "content": {
+        "width": "unset",
+        "align": "center",
+        "gutter": "default",
+        "mode": "list",
+        "tileWidth": "default"
+    },
+    "components": [],
+    "buttons": []
+};
+
 const SectionContextDefault = forwardRef(({ headline, content, headerSpacing, width = "default", style = "default", spotlight = false, backgroundColor = "default", backgroundImage, spaceBefore = "default", spaceAfter = "default", className, inverted, buttons = [], ...props }, ref) => {
     const { large: headlineLarge = false, ...headlineRest } = {
         align: "left",
@@ -46,7 +70,7 @@ const SectionContextDefault = forwardRef(({ headline, content, headerSpacing, wi
 const SectionContext = createContext(SectionContextDefault);
 const Section = forwardRef((props, ref) => {
     const Component = useContext(SectionContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Section.displayName = "Section";
 const SectionProvider = (props) => (jsx(SectionContext$1.Provider, { ...props, value: Section }));

package/dist/components/stat/index.js

@@ -1,6 +1,9 @@
 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-84d80d46.js';
+
+const defaults = {};
 
 const StatContextDefault = forwardRef(({ number, title, description, icon, ...rest }, ref) => {
     const parts = number ? number.toString().split(/(\d+)/).filter(Boolean) : [];
@@ -17,7 +20,7 @@ const StatContextDefault = forwardRef(({ number, title, description, icon, ...re
 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/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-84d80d46.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/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-84d80d46.js';
+
+const defaults = {
+    "layout": "stack",
+    "button": {
+        "chevron": false,
+        "hidden": false
+    },
+    "imageRatio": "wide"
+};
 
 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
@@ -18,7 +28,7 @@ const TeaserCardContextDefault = forwardRef(({ headline, text, button, target, i
 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/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-84d80d46.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/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-84d80d46.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/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-84d80d46.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/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-84d80d46.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
@@ -46,7 +56,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/helpers-84d80d46.d.ts

@@ -0,0 +1,5 @@
+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 { DeepPartial, deepMergeDefaults };

package/dist/helpers-84d80d46.js

@@ -0,0 +1,33 @@
+function deepMergeDefaults(defaults, props, replaceExamples = false) {
+    const keys = Array.from(new Set([...Object.keys(defaults), ...Object.keys(props)]));
+    return keys.reduce((acc, key) => {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const val1 = defaults[key];
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        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] = structuredClone(val2);
+        }
+        else {
+            acc[key] = structuredClone(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, 04 Jul 2025 12:48:40 GMT
+ * Generated on Sat, 05 Jul 2025 15:02:46 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, 04 Jul 2025 12:48:44 GMT
+ * Generated on Sat, 05 Jul 2025 15:02:50 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, 04 Jul 2025 12:48:42 GMT
+ * Generated on Sat, 05 Jul 2025 15:02:48 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, 04 Jul 2025 12:48:46 GMT
+ * Generated on Sat, 05 Jul 2025 15:02:52 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, 04 Jul 2025 12:48:37 GMT
+ * Generated on Sat, 05 Jul 2025 15:02:43 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Jul 2025 12:48:38 GMT
+ * Generated on Sat, 05 Jul 2025 15:02:44 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.7.0--canary.46.1791.0",
+  "version": "1.7.0--canary.46.1801.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {
@@ -85,8 +85,8 @@
     "@kickstartds/content": "^4.1.1",
     "@kickstartds/core": "^4.1.0",
     "@kickstartds/form": "^4.1.0",
-    "@kickstartds/jsonschema-utils": "^3.5.0",
-    "@kickstartds/jsonschema2types": "^1.2.1",
+    "@kickstartds/jsonschema-utils": "^3.6.1",
+    "@kickstartds/jsonschema2types": "^1.2.3",
     "@kickstartds/storybook-addon-component-tokens": "^3.0.0",
     "@kickstartds/storybook-addon-html": "^1.0.0",
     "@kickstartds/storybook-addon-jsonschema": "^4.0.0",