@kickstartds/ds-agency-premium 1.6.71--canary.2005.8789d0a.0 → 1.6.71--canary.45.2008.0

package/dist/components/cookie-consent/cookie-consent.schema.json

@@ -0,0 +1,147 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/cookie-consent.schema.json",
+  "title": "Cookie Consent",
+  "type": "object",
+  "properties": {
+    "notice": {
+      "title": "Initial Cookie Consent Notice",
+      "description": "The initial notice displayed to users regarding cookie consent.",
+      "type": "object",
+      "properties": {
+        "displayMode": {
+          "type": "string",
+          "enum": ["card", "banner"],
+          "description": "The display mode of the cookie consent component",
+          "default": "card"
+        },
+        "title": {
+          "type": "string",
+          "description": "The title of the cookie consent section",
+          "examples": ["We value your privacy"]
+        },
+        "acceptButton": {
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string",
+              "description": "The label for the accept button",
+              "examples": ["Accept All Cookies"]
+            },
+            "variant": {
+              "type": "string",
+              "enum": ["primary", "secondary", "tertiary"],
+              "examples": ["primary"],
+              "description": "The variant of the accept button"
+            }
+          }
+        },
+        "rejectButton": {
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string",
+              "description": "The label for the reject button",
+              "examples": ["Reject All Cookies"]
+            },
+            "variant": {
+              "type": "string",
+              "enum": ["primary", "secondary", "tertiary"],
+              "examples": ["tertiary"],
+              "description": "The variant of the reject button"
+            }
+          }
+        },
+        "customizeButton": {
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string",
+              "description": "The label for the customize button",
+              "examples": ["Customize Cookies"]
+            },
+            "variant": {
+              "type": "string",
+              "enum": ["primary", "secondary", "tertiary"],
+              "examples": ["tertiary"],
+              "description": "The variant of the customize button"
+            }
+          }
+        },
+        "description": {
+          "type": "string",
+          "description": "The description of the cookie consent section",
+          "examples": [
+            "This website uses cookies to ensure you get the best experience on our website."
+          ]
+        }
+      }
+    },
+    "dialogue": {
+      "type": "object",
+      "title": "Cookie Consent Dialogue",
+      "description": "The dialogue displayed when users choose to customize their cookie preferences.",
+      "properties": {
+        "title": {
+          "type": "string",
+          "description": "The title of the cookie consent dialogue",
+          "examples": ["Manage Cookie Preferences"]
+        },
+        "description": {
+          "type": "string",
+          "description": "The description of the cookie consent dialogue",
+          "examples": [
+            "Customize your privacy settings here. You can choose which types of cookies and tracking technologies you allow."
+          ]
+        },
+        "required": {
+          "title": "Required Cookies",
+          "type": "array",
+          "items": {
+            "type": "object",
+            "properties": {
+              "name": {
+                "type": "string",
+                "description": "The name of the required cookie",
+                "examples": ["Session Cookie"]
+              },
+              "description": {
+                "type": "string",
+                "description": "A description of the required cookie",
+                "examples": [
+                  "This cookie is essential for the website to function and cannot be disabled."
+                ]
+              }
+            }
+          }
+        },
+        "options": {
+          "type": "array",
+          "items": {
+            "type": "object",
+            "properties": {
+              "name": {
+                "type": "string",
+                "description": "The name of the cookie category",
+                "examples": ["Essential Cookies"]
+              },
+              "description": {
+                "type": "string",
+                "description": "A description of the cookie category",
+                "examples": [
+                  "These cookies are necessary for the website to function."
+                ]
+              },
+              "checked": {
+                "type": "boolean",
+                "description": "Whether the cookie category is checked by default",
+                "default": true
+              }
+            }
+          }
+        }
+      }
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/cookie-consent/index.d.ts

@@ -0,0 +1,102 @@
+/// <reference types="react" />
+import { HTMLAttributes } from "react";
+/* eslint-disable */
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+type RequiredCookies = {
+    /**
+     * The name of the required cookie
+     */
+    name?: string;
+    /**
+     * A description of the required cookie
+     */
+    description?: string;
+}[];
+interface CookieConsentProps {
+    notice?: InitialCookieConsentNotice;
+    dialogue?: CookieConsentDialogue;
+}
+/**
+ * The initial notice displayed to users regarding cookie consent.
+ */
+interface InitialCookieConsentNotice {
+    /**
+     * The display mode of the cookie consent component
+     */
+    displayMode?: "card" | "banner";
+    /**
+     * The title of the cookie consent section
+     */
+    title?: string;
+    acceptButton?: {
+        /**
+         * The label for the accept button
+         */
+        label?: string;
+        /**
+         * The variant of the accept button
+         */
+        variant?: "primary" | "secondary" | "tertiary";
+    };
+    rejectButton?: {
+        /**
+         * The label for the reject button
+         */
+        label?: string;
+        /**
+         * The variant of the reject button
+         */
+        variant?: "primary" | "secondary" | "tertiary";
+    };
+    customizeButton?: {
+        /**
+         * The label for the customize button
+         */
+        label?: string;
+        /**
+         * The variant of the customize button
+         */
+        variant?: "primary" | "secondary" | "tertiary";
+    };
+    /**
+     * The description of the cookie consent section
+     */
+    description?: string;
+}
+/**
+ * The dialogue displayed when users choose to customize their cookie preferences.
+ */
+interface CookieConsentDialogue {
+    /**
+     * The title of the cookie consent dialogue
+     */
+    title?: string;
+    /**
+     * The description of the cookie consent dialogue
+     */
+    description?: string;
+    required?: RequiredCookies;
+    options?: {
+        /**
+         * The name of the cookie category
+         */
+        name?: string;
+        /**
+         * A description of the cookie category
+         */
+        description?: string;
+        /**
+         * Whether the cookie category is checked by default
+         */
+        checked?: boolean;
+    }[];
+}
+declare const CookieConsentContextDefault: import("react").ForwardRefExoticComponent<CookieConsentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CookieConsentContext: import("react").Context<import("react").ForwardRefExoticComponent<CookieConsentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const CookieConsent: import("react").ForwardRefExoticComponent<CookieConsentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { CookieConsentProps };
+export { CookieConsentContextDefault, CookieConsentContext, CookieConsent };

package/dist/components/cookie-consent/index.js

@@ -0,0 +1,30 @@
+import "./cookie-consent.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useState, createContext, useContext } from 'react';
+import classnames from 'classnames';
+import { Headline } from '../headline/index.js';
+import { Button } from '../button/index.js';
+import { RichText } from '@kickstartds/base/lib/rich-text';
+import Markdown from 'markdown-to-jsx';
+import { Radio } from '@kickstartds/form/lib/radio';
+import '@kickstartds/base/lib/headline';
+import '../../helpers-12f48df8.js';
+import '@kickstartds/base/lib/button';
+
+const CookieConsentContextDefault = forwardRef(({ notice, dialogue }, ref) => {
+    const [showDialogue, setShowDialogue] = useState(false);
+    const [optionStates, setOptionStates] = useState(dialogue?.options?.map((option) => option.checked ?? true) // true = default checked
+    );
+    const handleRadioChange = (index, value) => {
+        setOptionStates((prev) => prev.map((checked, i) => (i === index ? value : checked)));
+    };
+    return (jsxs("div", { className: "dsa-cookie-consent", ref: ref, children: [jsxs("div", { className: classnames(`dsa-cookie-consent-notice dsa-cookie-consent-notice--${notice?.displayMode}`), children: [jsx(Headline, { spaceAfter: "minimum", text: notice?.title, level: "h2", style: "h3" }), jsx(RichText, { text: notice?.description }), jsxs("div", { className: "dsa-cookie-consent-notice__buttons", children: [jsx(Button, { size: "small", label: notice?.rejectButton?.label, variant: notice?.rejectButton?.variant }), jsx(Button, { size: "small", label: notice?.customizeButton?.label, variant: notice?.customizeButton?.variant, onClick: () => setShowDialogue(true) }), jsx(Button, { size: "small", label: notice?.acceptButton?.label, variant: notice?.acceptButton?.variant })] })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue", hidden: !showDialogue, "aria-hidden": !showDialogue, children: [jsx(Button, { "aria-label": "Close Cookie Consent Dialogue", className: "dsa-cookie-consent-dialogue__close", icon: "close", label: "", onClick: () => setShowDialogue(false) }), jsxs("div", { className: "dsa-cookie-consent-dialogue__header", children: [jsx(Headline, { spaceAfter: "minimum", text: dialogue?.title, level: "h2" }), jsx(RichText, { text: dialogue?.description })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue__options", children: [dialogue?.required?.map((option, index) => (jsxs("div", { className: "dsa-cookie-consent-dialogue__option", children: [jsx(Headline, { spaceAfter: "minimum", text: option.name, level: "h3", style: "h4" }, index), jsx(Markdown, { className: "dsa-cookie-consent-dialogue__description", children: option.description }), jsxs("div", { className: "dsa-cookie-consent-dialogue__toggle", children: [jsx(Radio, { checked: true, name: option.name, disabled: true, label: "Accept" }), jsx(Radio, { name: option.name, disabled: true, label: "Reject" })] })] }, index))), dialogue?.options?.map((option, index) => (jsxs("div", { className: "dsa-cookie-consent-dialogue__option", children: [jsx(Headline, { spaceAfter: "minimum", text: option.name, level: "h3", style: "h4" }, index), jsx(Markdown, { className: "dsa-cookie-consent-dialogue__description", children: option.description }), jsxs("div", { className: "dsa-cookie-consent-dialogue__toggle", children: [jsx(Radio, { name: option.name, checked: optionStates?.[index] ?? true, label: "Accept", onChange: () => handleRadioChange(index, true) }), jsx(Radio, { name: option.name, checked: optionStates ? !optionStates[index] : false, label: "Reject", onChange: () => handleRadioChange(index, false) })] })] }, index)))] }), jsxs("div", { className: "dsa-cookie-consent-dialogue__buttons", children: [jsx(Button, { size: "small", variant: "tertiary", label: "Accept All", onClick: () => setOptionStates(optionStates?.map(() => true)) }), jsx(Button, { size: "small", variant: "tertiary", label: "Reject All", onClick: () => setOptionStates(optionStates?.map(() => false)) }), jsx(Button, { size: "small", variant: "primary", label: "Save Preferences", onClick: () => setShowDialogue(false) })] })] }), jsx("div", { className: "dsa-cookie-consent-overlay", hidden: !showDialogue })] }));
+});
+const CookieConsentContext = createContext(CookieConsentContextDefault);
+const CookieConsent = forwardRef((props, ref) => {
+    const Component = useContext(CookieConsentContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+CookieConsent.displayName = "CookieConsent";
+
+export { CookieConsent, CookieConsentContext, CookieConsentContextDefault };

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

@@ -1,39 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-/* eslint-disable */
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-interface DownloadsProps {
-    downloads?: {
-        /**
-         * The name of the file
-         */
-        name: string;
-        /**
-         * A brief description of the file
-         */
-        description?: string;
-        /**
-         * A URL to an image that previews the file.
-         */
-        previewImage?: string;
-        /**
-         * The URL to download the file from.
-         */
-        url: string;
-        /**
-         * The size of the download file
-         */
-        size?: string;
-        /**
-         * The format of the download file
-         */
-        format?: string;
-    }[];
-}
+import { DownloadsProps } from "../../DownloadsProps-a49a977e.js";
 declare const DownloadsContextDefault: import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const DownloadsContext: import("react").Context<import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Downloads: import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/downloads/index.js

@@ -4,6 +4,11 @@ import { forwardRef, createContext, useContext } from 'react';
 import { RichText } from '@kickstartds/base/lib/rich-text';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { Picture } from '@kickstartds/base/lib/picture';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "downloads": []
+};
 
 const DownloadsContextDefault = forwardRef(({ downloads }, ref) => {
     return (jsx("div", { className: "dsa-downloads", ref: ref, children: downloads.map((item, index) => (jsxs("a", { href: item?.url, target: "_blank", className: "dsa-downloads-item", "aria-label": "Download file", children: [item?.previewImage ? (jsx(Picture, { "aria-hidden": true, className: "dsa-downloads-item__image", src: item.previewImage, alt: "" })) : (jsx(Icon, { "aria-hidden": true, className: "dsa-downloads-item__placeholder-icon", icon: "file" })), jsxs("div", { className: "dsa-downloads-item__header", children: [jsx("span", { className: "dsa-downloads-item__name", children: item.name }), (item?.format || item?.size || item?.description) && (jsxs("div", { className: "dsa-downloads-item__infos", children: [item?.format && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__format", children: item.format })), item?.size && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__size", children: item.size })), item?.description && (jsx(RichText, { className: "dsa-downloads-item__description", text: item.description }))] }))] }), jsxs("span", { "aria-hidden": true, className: "dsa-downloads-item__button", children: [jsx("span", { children: "Download" }), jsx(Icon, { "aria-hidden": true, icon: "download" })] })] }, index))) }));
@@ -11,7 +16,7 @@ const DownloadsContextDefault = forwardRef(({ downloads }, ref) => {
 const DownloadsContext = createContext(DownloadsContextDefault);
 const Downloads = forwardRef((props, ref) => {
     const Component = useContext(DownloadsContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Downloads.displayName = "Downloads";
 

package/dist/components/event-appointment/index.js

@@ -2,12 +2,19 @@ import "./event-appointment.css";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { Icon } from '@kickstartds/base/lib/icon';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "url": "#",
+    "newTab": true,
+    "ariaLabel": "Event Appointment"
+};
 
 const EventAppointmentContextDefault = forwardRef(({ date, time, label, url, newTab, ariaLabel }, ref) => (jsxs("a", { className: "dsa-event-appointment", target: newTab ? "_blank" : "_self", "aria-label": ariaLabel, href: url, ref: ref, children: [jsxs("span", { className: "dsa-event-appointment__infos", children: [date && (jsxs("span", { className: "dsa-event-appointment__info dsa-event-appointment__info--date", children: [jsx(Icon, { className: "dsa-event-appointment__icon", "aria-hidden": true, icon: "date" }), date] })), time && (jsxs("span", { className: "dsa-event-appointment__info dsa-event-appointment__info--time", children: [jsx(Icon, { className: "dsa-event-appointment__icon", "aria-hidden": true, icon: "time" }), time] }))] }), jsxs("span", { className: "dsa-event-appointment__label", children: [label, jsx(Icon, { icon: "chevron-right" })] })] })));
 const EventAppointmentContext = createContext(EventAppointmentContextDefault);
 const EventAppointment = forwardRef((props, ref) => {
     const Component = useContext(EventAppointmentContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 EventAppointment.displayName = "EventAppointment";
 

package/dist/components/event-detail/index.js

@@ -10,12 +10,12 @@ import 'react';
 import 'classnames';
 import '@kickstartds/base/lib/icon';
 import '../event-appointment/index.js';
+import '../../helpers-12f48df8.js';
 import '@kickstartds/core/lib/container';
 import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
 import '../section/js/Section.client.js';
 import '@kickstartds/core/lib/component';
-import '../../helpers-12f48df8.js';
 import '../text/index.js';
 import '@kickstartds/base/lib/tag-label';
 import '@kickstartds/base/lib/text-media';

package/dist/components/event-filter/index.js

@@ -4,9 +4,36 @@ import { forwardRef, createContext, useContext } from 'react';
 import { TextField } from '@kickstartds/form/lib/text-field';
 import { Checkbox } from '@kickstartds/form/lib/checkbox';
 import { Button } from '../button/index.js';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import 'classnames';
 import '@kickstartds/base/lib/button';
 
+const defaults = {
+    "datePicker": {
+        "title": "Find Appointment",
+        "dateFromInput": {
+            "label": "From",
+            "placeholder": "Select a date"
+        },
+        "dateToInput": {
+            "label": "To",
+            "placeholder": "Select a date"
+        },
+        "toggle": true
+    },
+    "categories": {
+        "title": "Categories",
+        "categoryCheckboxes": [],
+        "toggle": true
+    },
+    "applyButton": {
+        "label": "Filter Appointments"
+    },
+    "resetButton": {
+        "label": "Reset Filters"
+    }
+};
+
 const EventFilterContextDefault = forwardRef(({ categories = {
     title: "Categories",
     toggle: true,
@@ -27,7 +54,7 @@ const EventFilterContextDefault = forwardRef(({ categories = {
 const EventFilterContext = createContext(EventFilterContextDefault);
 const EventFilter = forwardRef((props, ref) => {
     const Component = useContext(EventFilterContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 EventFilter.displayName = "EventFilter";
 

package/dist/components/event-header/index.js

@@ -4,17 +4,21 @@ import { forwardRef, createContext, useContext } from 'react';
 import { Headline } from '../headline/index.js';
 import { Text } from '../text/index.js';
 import { TagLabel } from '@kickstartds/base/lib/tag-label';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import 'classnames';
 import 'markdown-to-jsx';
 import '@kickstartds/base/lib/headline';
 import '@kickstartds/base/lib/rich-text';
-import '../../helpers-12f48df8.js';
+
+const defaults = {
+    "categories": []
+};
 
 const EventHeaderContextDefault = forwardRef(({ title, categories, intro }, ref) => (jsxs("div", { className: "dsa-event-header", ref: ref, children: [categories && categories.length > 0 && (jsx("div", { className: "dsa-event-header__categories", children: categories.map((category, index) => (jsx(TagLabel, { className: "dsa-event__category", label: category?.label }, index))) })), jsx(Headline, { text: title, level: "h1" }), intro && jsx(Text, { highlightText: true, text: intro })] })));
 const EventHeaderContext = createContext(EventHeaderContextDefault);
 const EventHeader = forwardRef((props, ref) => {
     const Component = useContext(EventHeaderContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 EventHeader.displayName = "EventHeader";
 

package/dist/components/event-latest/index.js

@@ -2,17 +2,22 @@ import "./event-latest.css";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { EventLatestTeaser } from '../event-latest-teaser/index.js';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import 'classnames';
 import '@kickstartds/base/lib/icon';
 import '@kickstartds/core/lib/container';
 
+const defaults = {
+    "events": []
+};
+
 const EventLatestContextDefault = forwardRef(({ events }, ref) => {
     return (jsx("div", { className: "dsa-event-latest", ref: ref, children: events.map((event, index) => (jsx(EventLatestTeaser, { ...event }, index))) }));
 });
 const EventLatestContext = createContext(EventLatestContextDefault);
 const EventLatest = forwardRef((props, ref) => {
     const Component = useContext(EventLatestContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 EventLatest.displayName = "EventLatest";
 

package/dist/components/event-latest-teaser/index.js

@@ -4,6 +4,11 @@ import classnames from 'classnames';
 import { forwardRef, createContext, useContext } from 'react';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { Container } from '@kickstartds/core/lib/container';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "calendar": {}
+};
 
 const EventLatestTeaserContextDefault = forwardRef(({ date, title, cta, calendar, url, location, ariaLabel, className, ...rest }, ref) => {
     return (jsx(Container, { name: "event-latest-teaser", children: jsxs("a", { className: classnames(className, "dsa-event-latest-teaser"), ...rest, href: url, ref: ref, "aria-label": ariaLabel, children: [jsxs("span", { className: "dsa-event-latest-teaser__content", children: [jsxs("span", { className: "dsa-event-latest-teaser-calendar", children: [jsx("span", { className: "dsa-event-latest-teaser-calendar__day", children: calendar.day }), jsx("span", { className: "dsa-event-latest-teaser-calendar__month", children: calendar.month })] }), jsxs("span", { className: "dsa-event-latest-teaser__text", children: [jsx("span", { className: "dsa-event-latest-teaser__title", children: title }), jsxs("span", { className: "dsa-event-latest-teaser__infos", children: [jsxs("span", { className: "dsa-event-latest-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-latest-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), location] })] })] })] }), jsxs("span", { className: "dsa-event-latest-teaser__cta", children: [jsx("span", { children: cta }), jsx(Icon, { "aria-hidden": true, icon: "chevron-right" })] })] }) }));
@@ -11,7 +16,7 @@ const EventLatestTeaserContextDefault = forwardRef(({ date, title, cta, calendar
 const EventLatestTeaserContext = createContext(EventLatestTeaserContextDefault);
 const EventLatestTeaser = forwardRef((props, ref) => {
     const Component = useContext(EventLatestTeaserContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 EventLatestTeaser.displayName = "EventLatestTeaser";
 

package/dist/components/event-list-teaser/index.js

@@ -7,6 +7,13 @@ import { Container } from '@kickstartds/core/lib/container';
 import { Picture } from '@kickstartds/base/lib/picture';
 import Markdown from 'markdown-to-jsx';
 import { TagLabel } from '@kickstartds/base/lib/tag-label';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "location": {},
+    "tags": [],
+    "image": {}
+};
 
 const EventListTeaserContextDefault = forwardRef(({ category, title, text, date, time, tags, location, image, ctaText, url, ariaLabel, className, ...rest }, ref) => {
     return (jsx(Container, { name: "event-list-teaser", children: jsxs("a", { className: classnames(className, "dsa-event-list-teaser"), ...rest, href: url, ref: ref, "aria-label": ariaLabel, children: [jsxs("div", { className: "dsa-event-list-teaser__content", children: [jsxs("div", { className: "dsa-event-list-teaser__header", children: [category && (jsx("span", { className: "dsa-event-list-teaser__category", children: category })), jsx("span", { className: "dsa-event-list-teaser__title", children: title })] }), tags && tags.length > 0 && (jsx("div", { className: "dsa-event-list-teaser__tags", children: tags.map((category) => (jsx(TagLabel, { label: category, size: "s" }, category))) })), jsx("div", { className: "dsa-event-list-teaser__infos", children: jsxs("div", { className: "dsa-event-list-teaser__details", children: [jsxs("div", { className: "dsa-event-list-teaser__date", children: [jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "time" }), time] })] }), jsxs("div", { className: "dsa-event-list-teaser__location dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("address", { children: [location?.name && (jsx("span", { className: "dsa-event-list-teaser__location-name", children: location.name })), jsx(Markdown, { className: "dsa-event-list-teaser__location-address", children: location?.address })] })] })] }) }), text && (jsx("p", { className: "dsa-event-list-teaser__teaser-text", children: text })), jsxs("div", { className: "dsa-event-list-teaser__cta", children: [jsx("span", { children: ctaText }), jsx(Icon, { "aria-hidden": true, icon: "chevron-right" })] })] }), image && image.src && (jsx("div", { className: "dsa-event-list-teaser__image", children: jsx(Picture, { src: image?.src, alt: image?.alt }) }))] }) }));
@@ -14,7 +21,7 @@ const EventListTeaserContextDefault = forwardRef(({ category, title, text, date,
 const EventListTeaserContext = createContext(EventListTeaserContextDefault);
 const EventListTeaser = forwardRef((props, ref) => {
     const Component = useContext(EventListTeaserContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 EventListTeaser.displayName = "EventListTeaser";
 

package/dist/components/event-location/index.js

@@ -6,12 +6,19 @@ import { RichText } from '@kickstartds/base/lib/rich-text';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { EventAppointment } from '../event-appointment/index.js';
 import { Container } from '@kickstartds/core/lib/container';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "dates": [],
+    "displayMode": "spacious",
+    "links": []
+};
 
 const EventLocationContextDefault = forwardRef(({ locationName, address, dates, links, displayMode, ...rest }, ref) => (jsx(Container, { name: "event-location", children: jsxs("div", { className: classnames("dsa-event-location", displayMode === "spacious" && `dsa-event-location--spacious`), ...rest, ref: ref, children: [address && (jsxs("div", { className: "dsa-event-location__info ", children: [jsx(Icon, { className: "dsa-event-location__icon", icon: "map-pin", "aria-hidden": true }), jsxs("div", { className: "dsa-event-location__text", children: [jsx("span", { className: "sr-only", children: "Address:" }), jsxs("address", { className: "dsa-event-location__address", children: [locationName && (jsx("span", { className: "dsa-event-location__name", children: locationName })), address && jsx(RichText, { text: address })] }), links && links.length > 0 && (jsx("div", { className: "dsa-event-location__links", children: links.map((link, index) => (jsx("a", { href: link.url, target: link.newTab ? "_blank" : "_self", className: "dsa-event-location__link", children: link.label }, index))) }))] })] })), dates && dates.length > 0 && (jsxs("div", { className: "dsa-event-location__appointments", children: [jsx("span", { className: "sr-only", children: "Appointments:" }), dates.map((item, index) => (createElement(EventAppointment, { ...item, key: index })))] }))] }) })));
 const EventLocationContext = createContext(EventLocationContextDefault);
 const EventLocation = forwardRef((props, ref) => {
     const Component = useContext(EventLocationContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 EventLocation.displayName = "EventLocation";
 

package/dist/components/event-login/index.js

@@ -6,15 +6,25 @@ import { Link } from '@kickstartds/base/lib/link';
 import { TextField } from '@kickstartds/form/lib/text-field';
 import { Button } from '../button/index.js';
 import Markdown from 'markdown-to-jsx';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import 'classnames';
 import '@kickstartds/base/lib/headline';
 import '@kickstartds/base/lib/button';
 
+const defaults = {
+    "usernameInput": {},
+    "passwordInput": {},
+    "cta": {},
+    "resetPassword": {
+        "url": "#"
+    }
+};
+
 const EventLoginContextDefault = forwardRef(({ headline, text, usernameInput, passwordInput, cta, resetPassword }, ref) => (jsxs("div", { ref: ref, className: "dsa-event-login", children: [jsx(Headline, { spaceAfter: "minimum", text: headline, level: "h2" }), jsx(Markdown, { className: "dsa-event-login__text", children: text }), jsxs("form", { className: "dsa-event-login__form", children: [jsxs("div", { className: "dsa-event-login__inputs", children: [jsx(TextField, { label: usernameInput.label, placeholder: usernameInput?.placeholder }), jsx(TextField, { type: "password", label: passwordInput.label, placeholder: passwordInput?.placeholder })] }), jsxs("div", { className: "dsa-event-login__actions", children: [jsx(Link, { className: "dsa-event-login__link", href: resetPassword?.url, children: resetPassword?.label || "Forgot your password?" }), jsx(Button, { label: cta.label, url: cta.url, "aria-label": cta?.ariaLabel, variant: "primary", size: "small" })] })] })] })));
 const EventLoginContext = createContext(EventLoginContextDefault);
 const EventLogin = forwardRef((props, ref) => {
     const Component = useContext(EventLoginContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 EventLogin.displayName = "EventLogin";
 

package/dist/components/event-registration/index.js

@@ -8,15 +8,28 @@ import Markdown from 'markdown-to-jsx';
 import { TextField } from '@kickstartds/form/lib/text-field';
 import { Checkbox } from '@kickstartds/form/lib/checkbox';
 import { Button } from '../button/index.js';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import 'classnames';
 import '@kickstartds/base/lib/headline';
 import '@kickstartds/base/lib/button';
 
+const defaults = {
+    "link": {},
+    "location": {},
+    "nameInput": {},
+    "emailInput": {},
+    "mandatoryText": "_* Mandatory_",
+    "cta": {
+        "url": "#",
+        "ariaLabel": "Event Registration"
+    }
+};
+
 const EventRegistrationContextDefault = forwardRef(({ date, time, title, link, label, location, nameInput, emailInput, mandatoryText, cta, confirmationCheckboxLabel, }, ref) => (jsxs("div", { ref: ref, className: "dsa-event-registration", children: [jsx(Headline, { spaceAfter: "minimum", text: title, level: "h2", sub: label, switchOrder: true }), jsxs("div", { className: "dsa-event-registration__infos", children: [jsxs("div", { className: "dsa-event-registration__details", children: [jsxs("div", { className: "dsa-event-registration__date", children: [jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "time" }), time] })] }), jsxs("div", { className: "dsa-event-registration__location dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("address", { children: [location?.name && (jsx("span", { className: "dsa-event-registration__location-name", children: location.name })), jsx(Markdown, { className: "dsa-event-registration__location-address", children: location?.address })] })] })] }), jsx(Link, { className: "dsa-event-registration__link", href: link?.url, children: link?.text })] }), jsxs("form", { className: "dsa-event-registration__form", children: [jsxs("div", { className: "dsa-event-registration__inputs", children: [jsx(TextField, { label: nameInput.label, placeholder: nameInput?.placeholder }), jsx(TextField, { type: "email", label: emailInput.label, placeholder: emailInput?.placeholder }), jsx(Checkbox, { label: confirmationCheckboxLabel, name: "confirmation-checkbox", id: "confirmation-checkbox" })] }), jsxs("div", { className: "dsa-event-registration__footer", children: [jsx(Markdown, { className: "dsa-event-registration__mandatory-text", children: mandatoryText }), jsx(Button, { label: cta.label, url: cta.url, "aria-label": cta?.ariaLabel, variant: "primary", size: "small" })] })] })] })));
 const EventRegistrationContext = createContext(EventRegistrationContextDefault);
 const EventRegistration = forwardRef((props, ref) => {
     const Component = useContext(EventRegistrationContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 EventRegistration.displayName = "EventRegistration";
 

package/dist/components/footer/footer.css

@@ -1,6 +1,6 @@
 .dsa-footer {
   --dsa-footer--background-color: var(--ks-background-color-default);
-  --dsa-footer--border-top: none;
+  --dsa-footer--border-top: 1px solid var(--ks-border-color-default);
   --dsa-footer--max-width: var(--dsa-content--width_wide);
   --dsa-footer--gap-vertical: var(--ks-spacing-stack-m);
   --dsa-footer__byline--font: var(--ks-font-copy-xs);
@@ -8,9 +8,9 @@
   --dsa-footer__links--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
   --dsa-footer__link--font: var(--ks-font-interface-s);
   --dsa-footer__link--font-weight: var(--dsa-link--font-weight);
-  --dsa-footer__link--color: var(--ks-text-color-interface-interactive);
+  --dsa-footer__link--color: var(--dsa-link--color);
   --dsa-footer__link--text-tecoration: none;
-  --dsa-footer__link--text-tecoration_hover: none;
+  --dsa-footer__link--text-tecoration_hover: underline;
   --dsa-footer__logo--height: 1.5rem;
 }
 @media (min-width: 62em) {