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

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-12f48df8.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) => (jsxs(Fragment, { children: [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/headline/headline.schema.dereffed.json

@@ -78,9 +78,6 @@
       "type": "string",
       "title": "ID",
       "description": "Set a custom id attribute"
-    },
-    "type": {
-      "const": "headline"
     }
   },
   "additionalProperties": false,

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

@@ -175,10 +175,7 @@
         "bottom"
       ],
       "type": "string",
-      "default": "bottom"
-    },
-    "type": {
-      "const": "hero"
+      "default": "below"
     }
   },
   "additionalProperties": false

package/dist/components/hero/hero.schema.json

@@ -95,7 +95,7 @@
         "bottom"
       ],
       "type": "string",
-      "default": "bottom"
+      "default": "below"
     }
   },
   "additionalProperties": false

package/dist/components/hero/index.js

@@ -6,8 +6,24 @@ 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,
+    "height": "default",
+    "textbox": true,
+    "invertText": false,
+    "buttons": [],
+    "skipButton": false,
+    "overlay": false,
+    "image": {
+        "indent": "none"
+    },
+    "textPosition": "below"
+};
+
 const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightText, textPosition = "center", colorNeutral, image, overlay, textbox, invertText = false, className, buttons = [], skipButton = false, ...rest }, ref) => {
     const ButtonGroup = useButtonGroup();
     return (jsx(ButtonContext.Provider
@@ -68,7 +84,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/html.schema.dereffed.json

@@ -52,9 +52,6 @@
       "title": "`ks-component` attribute",
       "description": "Optional custom component identifier",
       "type": "string"
-    },
-    "type": {
-      "const": "html"
     }
   },
   "additionalProperties": false

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-12f48df8.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/image-story.schema.dereffed.json

@@ -108,9 +108,6 @@
             "title": "Disabled?",
             "description": "Whether the button should be disabled",
             "default": false
-          },
-          "type": {
-            "const": "button"
           }
         },
         "additionalProperties": false,
@@ -170,9 +167,6 @@
       ],
       "type": "string",
       "default": "left"
-    },
-    "type": {
-      "const": "image-story"
     }
   },
   "additionalProperties": false

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-12f48df8.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/image-text.schema.dereffed.json

@@ -56,9 +56,6 @@
       "examples": [
         "above"
       ]
-    },
-    "type": {
-      "const": "image-text"
     }
   },
   "required": [

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-12f48df8.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/index/index.d.ts

@@ -29,7 +29,7 @@ interface SettingsProps {
     seo: SeoProps;
     iconSprite?: IconSprite;
 }
-export * from "../../BlogPostProps-6b3cff22.js";
+export * from "../../BlogPostProps-c760fd2a.js";
 export * from "../../BlogOverviewProps-9f207f1c.js";
 export * from "../../PageProps-aa29c554.js";
 export { IconSprite, SettingsProps };

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-12f48df8.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/logo/logo.schema.dereffed.json

@@ -53,9 +53,6 @@
       "title": "Additional Classes",
       "description": "Add additional css classes that should be applied to the logo",
       "type": "string"
-    },
-    "type": {
-      "const": "logo"
     }
   },
   "additionalProperties": false

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-12f48df8.js';
+
+const defaults = {
+    "logo": [],
+    "align": "center",
+    "cta": {
+        "toggle": false,
+        "link": "#",
+        "style": "text"
+    }
+};
 
 const LogosContextDefault = forwardRef(({ logo: logos = [], tagline, align = "center", 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/logos/logos.schema.dereffed.json

@@ -122,9 +122,6 @@
         "link",
         "label"
       ]
-    },
-    "type": {
-      "const": "logos"
     }
   },
   "additionalProperties": false,

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-12f48df8.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/mosaic/mosaic.schema.dereffed.json

@@ -118,9 +118,6 @@
             "description": "Overwrite the color to use for the text content",
             "type": "string",
             "format": "color"
-          },
-          "type": {
-            "const": "tile"
           }
         },
         "additionalProperties": false,
@@ -131,9 +128,6 @@
       },
       "minItems": 1,
       "maxItems": 20
-    },
-    "type": {
-      "const": "mosaic"
     }
   },
   "additionalProperties": false

package/dist/components/nav-dropdown/nav-dropdown.schema.dereffed.json

@@ -31,9 +31,6 @@
     },
     "className": {
       "type": "string"
-    },
-    "type": {
-      "const": "nav-dropdown"
     }
   },
   "additionalProperties": false

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

@@ -3,6 +3,12 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { Link } from '@kickstartds/base/lib/link';
 import { forwardRef, createContext, useContext } from 'react';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "items": [],
+    "inverted": false
+};
 
 const NavFlyoutContextDefault = forwardRef(({ items, inverted }, ref) => items && items.length > 0 ? (jsx("nav", { className: "dsa-nav-flyout", "ks-inverted": inverted.toString(), id: "dsa-nav-flyout", "aria-label": "Main Navigation", ref: ref, children: jsx("ul", { className: "dsa-nav-flyout__list", children: items.map(({ label, url, active, items: subItems }) => {
             return (jsxs("li", { className: classnames("dsa-nav-flyout__item", active && "dsa-nav-flyout__item--active"), children: [subItems?.length ? (jsx("span", { className: "dsa-nav-flyout__label", children: label })) : (jsx(Link, { href: url, className: `dsa-nav-flyout__label dsa-nav-flyout__link`, children: label })), subItems?.length && (jsx("ul", { className: "dsa-nav-flyout__sublist", children: subItems.map(({ label, url, active }) => {
@@ -12,7 +18,7 @@ const NavFlyoutContextDefault = forwardRef(({ items, inverted }, ref) => items &
 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-flyout/nav-flyout.schema.dereffed.json

@@ -159,15 +159,9 @@
           "title": "Additional Classes",
           "description": "Add additional css classes that should be applied to the logo",
           "type": "string"
-        },
-        "type": {
-          "const": "logo"
         }
       },
       "additionalProperties": false
-    },
-    "type": {
-      "const": "nav-flyout"
     }
   },
   "additionalProperties": false,

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-12f48df8.js';
 import '@kickstartds/core/lib/component';
 import './js/body.client.js';
 import '@kickstartds/core/lib/core';
@@ -14,11 +15,20 @@ import '@kickstartds/base/lib/link';
 import '@kickstartds/base/lib/icon';
 import '../nav-dropdown/index.js';
 
+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-main/nav-main.schema.dereffed.json

@@ -59,9 +59,6 @@
           "title": "Additional Classes",
           "description": "Add additional css classes that should be applied to the logo",
           "type": "string"
-        },
-        "type": {
-          "const": "logo"
         }
       },
       "additionalProperties": false
@@ -199,9 +196,6 @@
         }
       },
       "additionalProperties": false
-    },
-    "type": {
-      "const": "nav-main"
     }
   },
   "additionalProperties": false,

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-12f48df8.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-topbar", "aria-label": "Main Navigation", ref: ref, children: jsx("ul", { className: "dsa-nav-topbar__list", children: items.map(({ label, url, 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", { className: "dsa-nav-topbar__label", children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-topbar__label__icon", icon: "chevron-down", role: "presentation", "aria-hidden": true, focusable: false })) : ("")] })) : (jsx(Link, { href: url, className: `dsa-nav-topbar__label dsa-nav-topbar__link`, children: label })), subItems?.length ? (jsx(NavDropdown, { items: subItems, inverted: inverted })) : null] }, url));
@@ -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/nav-topbar/nav-topbar.schema.dereffed.json

@@ -103,9 +103,6 @@
       "title": "Dropdown Inverted",
       "description": "Toggle the inversion of the dropdown navigation",
       "default": false
-    },
-    "type": {
-      "const": "nav-topbar"
     }
   },
   "additionalProperties": false,