@kickstartds/ds-agency-premium 1.6.68--canary.45.1713.0 → 1.6.68--canary.45.1719.0

package/dist/{BlogOverviewProps-d62a0a9a.d.ts → BlogOverviewProps-9f207f1c.d.ts}

@@ -3,8 +3,8 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-00ddee3a.js";
-import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
+import { SectionProps } from "./SectionProps-7caa223c.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
 import { CtaProps } from "./CtaProps-babe4ee6.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts}

@@ -5,7 +5,7 @@
  */
 import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
 import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
-import { SectionProps } from "./SectionProps-00ddee3a.js";
+import { SectionProps } from "./SectionProps-7caa223c.js";
 import { CtaProps } from "./CtaProps-babe4ee6.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/{EventListAppointmentProps-eee8b4ec.d.ts → EventAppointmentProps-443cd1ce.d.ts}

@@ -27,7 +27,7 @@ type OpenInNewTab = boolean;
  * Aria label for the link
  */
 type AriaLabel = string;
-interface EventListAppointmentProps {
+interface EventAppointmentProps {
     date?: Date;
     time?: Time;
     label?: CTALabel;
@@ -35,4 +35,4 @@ interface EventListAppointmentProps {
     newTab?: OpenInNewTab;
     ariaLabel?: AriaLabel;
 }
-export { Date, Time, CTALabel, URL, OpenInNewTab, AriaLabel, EventListAppointmentProps };
+export { Date, Time, CTALabel, URL, OpenInNewTab, AriaLabel, EventAppointmentProps };

package/dist/{EventDetailProps-52321b9e.d.ts → EventDetailProps-42a7eebe.d.ts}

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { EventListLocationProps } from "./EventListLocationProps-f9d48acc.js";
+import { EventLocationProps } from "./EventLocationProps-dd4aeaa9.js";
 /**
  * Title of the event
  */
@@ -25,7 +25,7 @@ type Intro = string;
 /**
  * List of locations with attendable appointments
  */
-type Locations = EventListLocationProps[];
+type Locations = EventLocationProps[];
 /**
  * Description of the event
  */

package/dist/{EventTeaserProps-e00ea659.d.ts → EventLatestTeaserProps-fc9d3281.d.ts}

@@ -38,7 +38,7 @@ type ARIALabel = string;
 /**
  * Display an event teaser with date, title and location
  */
-interface EventTeaserProps {
+interface EventLatestTeaserProps {
     date: Date;
     calendar?: Calendar;
     title: Headline;
@@ -55,4 +55,4 @@ interface Calendar {
     month?: Month;
     day?: Day;
 }
-export { Date, Month, Day, Headline, Location, URL, CallToAction, ARIALabel, EventTeaserProps, Calendar };
+export { Date, Month, Day, Headline, Location, URL, CallToAction, ARIALabel, EventLatestTeaserProps, Calendar };

package/dist/{EventListLocationProps-f9d48acc.d.ts → EventLocationProps-dd4aeaa9.d.ts}

@@ -3,11 +3,11 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { EventListAppointmentProps } from "./EventListAppointmentProps-eee8b4ec.js";
+import { EventAppointmentProps } from "./EventAppointmentProps-443cd1ce.js";
 /**
  * List of dates of the event
  */
-type Dates = EventListAppointmentProps[];
+type Dates = EventAppointmentProps[];
 /**
  * Name of the event location
  */
@@ -27,10 +27,10 @@ type Links = {
      */
     newTab?: boolean;
 }[];
-interface EventListLocationProps {
+interface EventLocationProps {
     dates?: Dates;
     locationName?: LocationName;
     address?: Address;
     links?: Links;
 }
-export { Dates, LocationName, Address, Links, EventListLocationProps };
+export { Dates, LocationName, Address, Links, EventLocationProps };

package/dist/PageProps-aa29c554.d.ts

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-00ddee3a.js";
+import { SectionProps } from "./SectionProps-7caa223c.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Collection of sections (with their contents) to render on the page

package/dist/{SectionProps-00ddee3a.d.ts → SectionProps-7caa223c.d.ts}

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

package/dist/components/blog-overview/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogOverviewProps } from "../../BlogOverviewProps-d62a0a9a.js";
+import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
 export type { BlogOverviewProps };

package/dist/components/blog-post/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-c760fd2a.js";
+import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export type { BlogPostProps };

package/dist/components/blog-teaser/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogTeaserProps } from "../../BlogTeaserProps-d62a0a9a.js";
+import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
 declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/{event-list-appointment/event-list-appointment.css → event-appointment/event-appointment.css}

@@ -1,4 +1,4 @@
-.dsa-event-list-appointment {
+.dsa-event-appointment {
   --g-link--color: var(--ks-text-color-interface-interactive);
   --g-link--color-hover: var(--ks-text-color-interface-interactive);
   --g-link--border-radius: var(--ks-border-radius-control);
@@ -13,22 +13,22 @@
   border: var(--ks-border-width-default) solid var(--ks-border-color-interface-interactive);
   flex-grow: 0;
 }
-.dsa-event-list-appointment:hover {
+.dsa-event-appointment:hover {
   border-color: var(--ks-border-color-interface-interactive-hover);
 }
-.dsa-event-list-appointment__info {
+.dsa-event-appointment__info {
   display: flex;
   gap: var(--ks-spacing-xxs);
   font: var(--ks-font-interface-s);
   text-decoration: none;
   align-items: center;
 }
-.dsa-event-list-appointment__infos {
+.dsa-event-appointment__infos {
   flex-direction: column;
   display: flex;
   gap: var(--ks-spacing-stack-xs);
 }
-.dsa-event-list-appointment__label {
+.dsa-event-appointment__label {
   display: flex;
   align-items: center;
   color: var(--dsa-link--color);
@@ -38,18 +38,18 @@
   transition: var(--ks-transition-hover);
   transition-property: color;
 }
-.dsa-event-list-appointment__label:hover {
+.dsa-event-appointment__label:hover {
   color: var(--dsa-link--color_hover);
 }
-.dsa-event-list-appointment__label .icon {
+.dsa-event-appointment__label .icon {
   width: 1.75em;
   height: 1.75em;
 }
-.dsa-event-list-appointment__icon {
+.dsa-event-appointment__icon {
   color: var(--ks-text-color-primary);
   width: 1.75em;
   height: 1.75em;
 }
-.dsa-event-list-appointment .l-container--rich-text {
+.dsa-event-appointment .l-container--rich-text {
   container-type: normal;
 }

package/dist/components/{event-list-appointment/event-list-appointment.schema.dereffed.json → event-appointment/event-appointment.schema.dereffed.json}

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/event-list-appointment.schema.json",
-  "title": "Event List Appointment",
+  "$id": "http://schema.mydesignsystem.com/event-appointment.schema.json",
+  "title": "Event Appointment",
   "type": "object",
   "properties": {
     "date": {
@@ -49,7 +49,7 @@
       "default": "Event Appointment"
     },
     "type": {
-      "const": "event-list-appointment"
+      "const": "event-appointment"
     }
   },
   "additionalProperties": false

package/dist/components/{event-list-appointment/event-list-appointment.schema.json → event-appointment/event-appointment.schema.json}

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/event-list-appointment.schema.json",
-  "title": "Event List Appointment",
+  "$id": "http://schema.mydesignsystem.com/event-appointment.schema.json",
+  "title": "Event Appointment",
   "type": "object",
   "properties": {
     "date": {

package/dist/components/event-appointment/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { EventAppointmentProps } from "../../EventAppointmentProps-443cd1ce.js";
+declare const EventAppointmentContextDefault: import("react").ForwardRefExoticComponent<EventAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const EventAppointmentContext: import("react").Context<import("react").ForwardRefExoticComponent<EventAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>>;
+declare const EventAppointment: import("react").ForwardRefExoticComponent<EventAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export type { EventAppointmentProps };
+export { EventAppointmentContextDefault, EventAppointmentContext, EventAppointment };

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

@@ -0,0 +1,14 @@
+import "./event-appointment.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
+import { Icon } from '@kickstartds/base/lib/icon';
+
+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", children: [jsx(Icon, { className: "dsa-event-appointment__icon", "aria-hidden": true, icon: "date" }), date] })), time && (jsxs("span", { className: "dsa-event-appointment__info", 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 });
+});
+EventAppointment.displayName = "EventAppointment";
+
+export { EventAppointment, EventAppointmentContext, EventAppointmentContextDefault };

package/dist/components/event-detail/event-detail.schema.dereffed.json

@@ -41,8 +41,8 @@
       "type": "array",
       "items": {
         "$schema": "http://json-schema.org/draft-07/schema#",
-        "$id": "http://schema.mydesignsystem.com/event-list-location.schema.json",
-        "title": "Event List Location",
+        "$id": "http://schema.mydesignsystem.com/event-location.schema.json",
+        "title": "Event Location",
         "type": "object",
         "properties": {
           "dates": {
@@ -51,8 +51,8 @@
             "type": "array",
             "items": {
               "$schema": "http://json-schema.org/draft-07/schema#",
-              "$id": "http://schema.mydesignsystem.com/event-list-appointment.schema.json",
-              "title": "Event List Appointment",
+              "$id": "http://schema.mydesignsystem.com/event-appointment.schema.json",
+              "title": "Event Appointment",
               "type": "object",
               "properties": {
                 "date": {
@@ -100,7 +100,7 @@
                   "default": "Event Appointment"
                 },
                 "type": {
-                  "const": "event-list-appointment"
+                  "const": "event-appointment"
                 }
               },
               "additionalProperties": false
@@ -150,7 +150,7 @@
             }
           },
           "type": {
-            "const": "event-list-location"
+            "const": "event-location"
           }
         },
         "additionalProperties": false

package/dist/components/event-detail/event-detail.schema.json

@@ -35,7 +35,7 @@
       "description": "List of locations with attendable appointments",
       "type": "array",
       "items": {
-        "$ref": "http://schema.mydesignsystem.com/event-list-location.schema.json"
+        "$ref": "http://schema.mydesignsystem.com/event-location.schema.json"
       }
     },
     "downloads": {

package/dist/components/event-detail/index.d.ts

@@ -1,5 +1,5 @@
 import { FC, PropsWithChildren } from "react";
-import { EventDetailProps } from "../../EventDetailProps-52321b9e.js";
+import { EventDetailProps } from "../../EventDetailProps-42a7eebe.js";
 declare const EventDetail: FC<PropsWithChildren<EventDetailProps>>;
 export type { EventDetailProps };
 export { EventDetail };

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

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { RichText } from '@kickstartds/base/lib/rich-text';
-import { EventListLocation } from '../event-list-location/index.js';
+import { EventLocation } from '../event-location/index.js';
 import { Section } from '../section/index.js';
 import { EventHeader } from '../event-header/index.js';
 import { Gallery } from '../gallery/index.js';
@@ -8,7 +8,7 @@ import { Downloads } from '../downloads/index.js';
 import { Headline } from '../headline/index.js';
 import 'react';
 import '@kickstartds/base/lib/icon';
-import '../event-list-appointment/index.js';
+import '../event-appointment/index.js';
 import 'classnames';
 import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
@@ -21,7 +21,7 @@ import '@kickstartds/base/lib/picture';
 import 'markdown-to-jsx';
 import '@kickstartds/base/lib/headline';
 
-const EventDetail = ({ title, categories, locations, description, intro, images, downloads, }) => (jsxs(Fragment, { children: [jsx(Section, { width: "narrow", spaceAfter: "none", children: jsx(EventHeader, { title: title, categories: categories, intro: intro }) }), locations && locations.length > 0 && (jsxs(Section, { width: "narrow", content: { mode: "list", gutter: "none" }, children: [jsx(Headline, { text: "Locations", level: "h3", style: "h3", className: "dsa-event__locations-headline" }), locations.map((appointment, index) => (jsx(EventListLocation, { ...appointment }, index)))] })), description && (jsx(Section, { width: "narrow", spaceBefore: "none", children: jsx(RichText, { className: "dsa-event__description", text: description }) })), jsx(Section, { spaceBefore: "none", children: jsx(Gallery, { images: images, aspectRatio: "wide", layout: "smallTiles", lightbox: true }) }), downloads && downloads.length > 0 && (jsxs(Section, { width: "narrow", spaceBefore: "none", content: {
+const EventDetail = ({ title, categories, locations, description, intro, images, downloads, }) => (jsxs(Fragment, { children: [jsx(Section, { width: "narrow", spaceAfter: "none", children: jsx(EventHeader, { title: title, categories: categories, intro: intro }) }), locations && locations.length > 0 && (jsxs(Section, { width: "narrow", content: { mode: "list", gutter: "none" }, children: [jsx(Headline, { text: "Locations", level: "h3", style: "h3", className: "dsa-event__locations-headline" }), locations.map((appointment, index) => (jsx(EventLocation, { ...appointment }, index)))] })), description && (jsx(Section, { width: "narrow", spaceBefore: "none", children: jsx(RichText, { className: "dsa-event__description", text: description }) })), jsx(Section, { spaceBefore: "none", children: jsx(Gallery, { images: images, aspectRatio: "wide", layout: "smallTiles", lightbox: true }) }), downloads && downloads.length > 0 && (jsxs(Section, { width: "narrow", spaceBefore: "none", content: {
                 mode: "list",
                 gutter: "none",
             }, spaceAfter: "none", children: [jsx(Headline, { text: "Downloads", level: "h3", style: "h3" }), jsx(Downloads, { downloads: downloads })] })), jsx(Section, { width: "narrow", buttons: [

package/dist/components/event-latest/event-latest.css

@@ -0,0 +1,5 @@
+.dsa-event-latest {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-s);
+}

package/dist/components/event-latest/event-latest.schema.dereffed.json

@@ -5,32 +5,14 @@
   "description": "Display a list of latest events, ordered chronologically",
   "type": "object",
   "properties": {
-    "headline": {
-      "title": "Headline",
-      "description": "Headline for the listing",
-      "type": "string",
-      "format": "markdown",
-      "examples": [
-        "Latest Events"
-      ]
-    },
-    "text": {
-      "title": "Text",
-      "description": "Additional text shown below the headline",
-      "type": "string",
-      "format": "markdown",
-      "examples": [
-        "Our next upcoming events"
-      ]
-    },
     "events": {
       "title": "Events",
       "description": "List of events to display",
       "type": "array",
       "items": {
         "$schema": "http://json-schema.org/draft-07/schema#",
-        "$id": "http://schema.mydesignsystem.com/event-teaser.schema.json",
-        "title": "Event Teaser",
+        "$id": "http://schema.mydesignsystem.com/event-latest-teaser.schema.json",
+        "title": "Event Latest Teaser",
         "description": "Display an event teaser with date, title and location",
         "type": "object",
         "properties": {
@@ -114,7 +96,7 @@
             "type": "string"
           },
           "type": {
-            "const": "event-teaser"
+            "const": "event-latest-teaser"
           }
         },
         "additionalProperties": false,
@@ -148,35 +130,6 @@
         ]
       ]
     },
-    "link": {
-      "type": "object",
-      "title": "Link",
-      "description": "Link shown below the listing",
-      "properties": {
-        "url": {
-          "title": "URL",
-          "description": "The to link",
-          "type": "string",
-          "format": "uri",
-          "examples": [
-            "https://example.com"
-          ]
-        },
-        "text": {
-          "title": "Text",
-          "description": "The text for the link",
-          "type": "string",
-          "default": "Show all events",
-          "examples": [
-            "Show all events"
-          ]
-        }
-      },
-      "additionalProperties": false,
-      "required": [
-        "url"
-      ]
-    },
     "className": {
       "type": "string"
     },

package/dist/components/event-latest/event-latest.schema.json

@@ -5,26 +5,12 @@
   "description": "Display a list of latest events, ordered chronologically",
   "type": "object",
   "properties": {
-    "headline": {
-      "title": "Headline",
-      "description": "Headline for the listing",
-      "type": "string",
-      "format": "markdown",
-      "examples": ["Latest Events"]
-    },
-    "text": {
-      "title": "Text",
-      "description": "Additional text shown below the headline",
-      "type": "string",
-      "format": "markdown",
-      "examples": ["Our next upcoming events"]
-    },
     "events": {
       "title": "Events",
       "description": "List of events to display",
       "type": "array",
       "items": {
-        "$ref": "http://schema.mydesignsystem.com/event-teaser.schema.json"
+        "$ref": "http://schema.mydesignsystem.com/event-latest-teaser.schema.json"
       },
       "minItems": 1,
       "examples": [
@@ -50,29 +36,7 @@
         ]
       ]
     },
-    "link": {
-      "type": "object",
-      "title": "Link",
-      "description": "Link shown below the listing",
-      "properties": {
-        "url": {
-          "title": "URL",
-          "description": "The to link",
-          "type": "string",
-          "format": "uri",
-          "examples": ["https://example.com"]
-        },
-        "text": {
-          "title": "Text",
-          "description": "The text for the link",
-          "type": "string",
-          "default": "Show all events",
-          "examples": ["Show all events"]
-        }
-      },
-      "additionalProperties": false,
-      "required": ["url"]
-    },
+
     "className": {
       "type": "string"
     }

package/dist/components/event-latest/index.d.ts

@@ -6,49 +6,23 @@ import { HTMLAttributes } from "react";
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { EventTeaserProps } from "../../EventTeaserProps-e00ea659.js";
-/**
- * Headline for the listing
- */
-type Headline = string;
-/**
- * Additional text shown below the headline
- */
-type Text = string;
+import { EventLatestTeaserProps } from "../../EventLatestTeaserProps-fc9d3281.js";
 /**
  * List of events to display
  *
  * @minItems 1
  */
 type Events = [
-    EventTeaserProps,
-    ...EventTeaserProps[]
+    EventLatestTeaserProps,
+    ...EventLatestTeaserProps[]
 ];
-/**
- * The to link
- */
-type URL = string;
-/**
- * The text for the link
- */
-type Text1 = string;
 /**
  * Display a list of latest events, ordered chronologically
  */
 interface EventLatestProps {
-    headline?: Headline;
-    text?: Text;
     events?: Events;
-    link?: Link;
     className?: string;
 }
-/**
- * Link shown below the listing
- */
-interface Link {
-    url: URL;
-    text?: Text1;
-}
 declare const EventLatestContextDefault: import("react").ForwardRefExoticComponent<EventLatestProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const EventLatestContext: import("react").Context<import("react").ForwardRefExoticComponent<EventLatestProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const EventLatest: import("react").ForwardRefExoticComponent<EventLatestProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,13 @@
+import "./event-latest.css";
 import { jsx } from 'react/jsx-runtime';
-import classnames from 'classnames';
 import { forwardRef, createContext, useContext } from 'react';
+import { EventLatestTeaser } from '../event-latest-teaser/index.js';
+import 'classnames';
+import '@kickstartds/base/lib/icon';
+import '@kickstartds/core/lib/container';
 
-const EventLatestContextDefault = forwardRef(({ headline, text, link, events, className, ...rest }, ref) => {
-    return (jsx("div", { className: classnames(className, "dsa-event-latest"), ...rest, ref: ref, children: JSON.stringify({ headline, text, link, events, rest }) }));
+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) => {