@kickstartds/ds-agency-premium 1.6.68--canary.45.1713.0 → 1.6.68--canary.45.1716.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.schema.dereffed.json

@@ -29,8 +29,8 @@
       "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 +114,7 @@
             "type": "string"
           },
           "type": {
-            "const": "event-teaser"
+            "const": "event-latest-teaser"
           }
         },
         "additionalProperties": false,

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

@@ -24,7 +24,7 @@
       "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": [

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

@@ -6,7 +6,7 @@ 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";
+import { EventLatestTeaserProps } from "../../EventLatestTeaserProps-fc9d3281.js";
 /**
  * Headline for the listing
  */
@@ -21,8 +21,8 @@ type Text = string;
  * @minItems 1
  */
 type Events = [
-    EventTeaserProps,
-    ...EventTeaserProps[]
+    EventLatestTeaserProps,
+    ...EventLatestTeaserProps[]
 ];
 /**
  * The to link

package/dist/components/{event-teaser/event-teaser.css → event-latest-teaser/event-latest-teaser.css}

@@ -1,4 +1,4 @@
-.dsa-event-teaser {
+.dsa-event-latest-teaser {
   --g-link--border-radius: var(--ks-border-radius-surface);
   display: flex;
   align-items: center;
@@ -6,10 +6,10 @@
   padding: var(--ks-spacing-inset-s);
   border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
 }
-.dsa-event-teaser:hover {
+.dsa-event-latest-teaser:hover {
   border-color: var(--ks-border-color-card-interactive-hover);
 }
-.dsa-event-teaser__calendar {
+.dsa-event-latest-teaser__calendar {
   align-self: start;
   position: relative;
   container-type: inline-size;
@@ -25,47 +25,47 @@
   width: calc(var(--ks-spacing-l) * 3);
   height: calc(var(--ks-spacing-l) * 3);
 }
-.dsa-event-teaser__content {
+.dsa-event-latest-teaser__content {
   display: flex;
   flex-direction: column;
   gap: var(--ks-spacing-stack-xs);
   flex-grow: 1;
 }
-.dsa-event-teaser__title {
+.dsa-event-latest-teaser__title {
   font: var(--ks-font-display-m);
   font-weight: var(--ks-font-weight-semi-bold);
   color: var(--ks-text-color-display);
 }
-.dsa-event-teaser__month, .dsa-event-teaser__day {
+.dsa-event-latest-teaser__month, .dsa-event-latest-teaser__day {
   font-weight: var(--ks-font-weight-semi-bold);
   font-family: var(--ks-font-family-display);
 }
-.dsa-event-teaser__day {
+.dsa-event-latest-teaser__day {
   font-size: 50cqw;
 }
-.dsa-event-teaser__month {
+.dsa-event-latest-teaser__month {
   font-size: 25cqw;
 }
-.dsa-event-teaser__infos {
+.dsa-event-latest-teaser__infos {
   display: flex;
   flex-wrap: wrap;
   gap: var(--ks-spacing-xxs) var(--ks-spacing-inline-s);
 }
-.dsa-event-teaser__info {
+.dsa-event-latest-teaser__info {
   display: flex;
   gap: var(--ks-spacing-xxs);
   font: var(--ks-font-interface-s);
   align-items: center;
   color: var(--ks-text-color-interface);
 }
-.dsa-event-teaser__info .icon {
+.dsa-event-latest-teaser__info .icon {
   width: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
   height: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
   color: var(--ks-text-color-primary);
   flex-shrink: 0;
   flex-grow: 1;
 }
-.dsa-event-teaser__cta {
+.dsa-event-latest-teaser__cta {
   font: var(--ks-font-interface-s);
   font-weight: var(--ks-font-weight-semi-bold);
   color: var(--ks-text-color-primary);
@@ -73,7 +73,7 @@
   align-items: center;
   text-wrap: nowrap;
 }
-.dsa-event-teaser__cta .icon {
+.dsa-event-latest-teaser__cta .icon {
   width: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
   height: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
   color: var(--ks-text-color-primary);

package/dist/components/{event-teaser/event-teaser.schema.dereffed.json → event-latest-teaser/event-latest-teaser.schema.dereffed.json}

@@ -1,7 +1,7 @@
 {
   "$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": {
@@ -85,7 +85,7 @@
       "type": "string"
     },
     "type": {
-      "const": "event-teaser"
+      "const": "event-latest-teaser"
     }
   },
   "additionalProperties": false,

package/dist/components/{event-teaser/event-teaser.schema.json → event-latest-teaser/event-latest-teaser.schema.json}

@@ -1,7 +1,7 @@
 {
   "$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": {

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { HTMLAttributes } from "react";
+import { EventLatestTeaserProps } from "../../EventLatestTeaserProps-fc9d3281.js";
+declare const EventLatestTeaserContextDefault: import("react").ForwardRefExoticComponent<EventLatestTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const EventLatestTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<EventLatestTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>>;
+declare const EventLatestTeaser: import("react").ForwardRefExoticComponent<EventLatestTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
+export type { EventLatestTeaserProps };
+export { EventLatestTeaserContextDefault, EventLatestTeaserContext, EventLatestTeaser };

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

@@ -0,0 +1,17 @@
+import "./event-latest-teaser.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import classnames from 'classnames';
+import { forwardRef, createContext, useContext } from 'react';
+import { Icon } from '@kickstartds/base/lib/icon';
+
+const EventLatestTeaserContextDefault = forwardRef(({ date, title, cta, calendar, url, location, ariaLabel, className, ...rest }, ref) => {
+    return (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__calendar", children: [jsx("span", { className: "dsa-event-latest-teaser__day", children: calendar.day }), jsx("span", { className: "dsa-event-latest-teaser__month", children: calendar.month })] }), jsxs("span", { className: "dsa-event-latest-teaser__content", 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" })] })] }));
+});
+const EventLatestTeaserContext = createContext(EventLatestTeaserContextDefault);
+const EventLatestTeaser = forwardRef((props, ref) => {
+    const Component = useContext(EventLatestTeaserContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+EventLatestTeaser.displayName = "EventLatestTeaser";
+
+export { EventLatestTeaser, EventLatestTeaserContext, EventLatestTeaserContextDefault };

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

@@ -1,5 +1,5 @@
-.dsa-event-list-location {
-  --dsa-event-list-location__icon--size: calc(var(--ks-font-size-copy-m) * var(--ks-line-height-copy-m));
+.dsa-event-location {
+  --dsa-event-location__icon--size: calc(var(--ks-font-size-copy-m) * var(--ks-line-height-copy-m));
   flex-wrap: wrap;
   display: flex;
   flex-direction: row;
@@ -9,35 +9,35 @@
   padding: var(--ks-spacing-inset-m);
   border-radius: var(--ks-border-radius-surface);
 }
-.dsa-event-list-location + .dsa-event-list-location {
+.dsa-event-location + .dsa-event-location {
   margin-top: var(--ks-spacing-stack-m);
 }
-.dsa-event-list-location__content {
+.dsa-event-location__content {
   display: flex;
   flex-direction: column;
   gap: var(--ks-spacing-stack-s);
   flex-grow: 0;
   flex-grow: 0;
 }
-.dsa-event-list-location__name {
+.dsa-event-location__name {
   font: var(--ks-font-interface-m);
   color: var(--dsa-topic--color);
   font-weight: var(--dsa-topic--font-weight);
 }
-.dsa-event-list-location__links {
+.dsa-event-location__links {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   gap: var(--ks-spacing-xxs);
 }
-.dsa-event-list-location__link {
+.dsa-event-location__link {
   font: var(--ks-font-interface-s);
 }
-.dsa-event-list-location__icon {
+.dsa-event-location__icon {
   width: 2rem;
   height: 2rem;
 }
-.dsa-event-list-location__row {
+.dsa-event-location__row {
   display: flex;
   flex-direction: row;
   gap: var(--ks-spacing-inline-m);
@@ -46,21 +46,21 @@
   flex-grow: 1;
   flex-basis: 200px;
 }
-.dsa-event-list-location__icon {
+.dsa-event-location__icon {
   color: var(--ks-text-color-primary);
-  width: var(--dsa-event-list-location__icon--size);
-  height: var(--dsa-event-list-location__icon--size);
+  width: var(--dsa-event-location__icon--size);
+  height: var(--dsa-event-location__icon--size);
 }
-.dsa-event-list-location__item {
+.dsa-event-location__item {
   display: flex;
   gap: var(--ks-spacing-stack-xs);
 }
-.dsa-event-list-location__appointments {
+.dsa-event-location__appointments {
   display: flex;
   flex-direction: column;
   gap: var(--ks-spacing-stack-s);
   flex-grow: 1;
 }
-.dsa-event-list-location .l-container--rich-text {
+.dsa-event-location .l-container--rich-text {
   container-type: normal;
 }

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

@@ -1,7 +1,7 @@
 {
   "$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": {
@@ -10,8 +10,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": {
@@ -59,7 +59,7 @@
             "default": "Event Appointment"
           },
           "type": {
-            "const": "event-list-appointment"
+            "const": "event-appointment"
           }
         },
         "additionalProperties": false
@@ -109,7 +109,7 @@
       }
     },
     "type": {
-      "const": "event-list-location"
+      "const": "event-location"
     }
   },
   "additionalProperties": false

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

@@ -1,7 +1,7 @@
 {
   "$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": {
@@ -9,7 +9,7 @@
       "description": "List of dates of the event",
       "type": "array",
       "items": {
-        "$ref": "http://schema.mydesignsystem.com/event-list-appointment.schema.json"
+        "$ref": "http://schema.mydesignsystem.com/event-appointment.schema.json"
       }
     },
     "locationName": {

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { EventLocationProps } from "../../EventLocationProps-dd4aeaa9.js";
+declare const EventLocationContextDefault: import("react").ForwardRefExoticComponent<EventLocationProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const EventLocationContext: import("react").Context<import("react").ForwardRefExoticComponent<EventLocationProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const EventLocation: import("react").ForwardRefExoticComponent<EventLocationProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { EventLocationProps };
+export { EventLocationContextDefault, EventLocationContext, EventLocation };

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

@@ -0,0 +1,16 @@
+import "./event-location.css";
+import { forwardRef, createElement, createContext, useContext } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { RichText } from '@kickstartds/base/lib/rich-text';
+import { Icon } from '@kickstartds/base/lib/icon';
+import { EventAppointment } from '../event-appointment/index.js';
+
+const EventLocationContextDefault = forwardRef(({ locationName, address, dates, links, ...rest }, ref) => (jsxs("div", { className: "dsa-event-location", ...rest, ref: ref, children: [address && (jsx("div", { className: "dsa-event-location__row", children: jsxs("div", { className: "dsa-event-location__item ", children: [jsx(Icon, { className: "dsa-event-location__icon", icon: "map-pin", "aria-hidden": true }), jsxs("div", { className: "dsa-event-location__content", 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 });
+});
+EventLocation.displayName = "EventLocation";
+
+export { EventLocation, EventLocationContext, EventLocationContextDefault };

package/dist/components/image-story/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { ImageStoryProps } from "../../ImageStoryProps-00ddee3a.js";
+import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
 declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jun 2025 10:45:02 GMT
+ * Generated on Wed, 25 Jun 2025 10:54:31 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/presets.json

@@ -1520,6 +1520,21 @@
     },
     "screenshot": "img/screenshots/industry-downloads--mixed.png"
   },
+  {
+    "id": "event-event-appointment--default",
+    "group": "Event/ Event Appointment",
+    "name": "Default",
+    "code": "<EventAppointment\n  ariaLabel=\"Register for the event on 18th September 2025 from 09:00 to 17:00\"\n  date=\"2025-09-18\"\n  label=\"Register\"\n  newTab\n  time=\"09:00 – 17:00\"\n  url=\"#\"\n/>",
+    "args": {
+      "date": "2025-09-18",
+      "time": "09:00 – 17:00",
+      "label": "Register",
+      "url": "#",
+      "newTab": true,
+      "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
+    },
+    "screenshot": "img/screenshots/event-event-appointment--default.png"
+  },
   {
     "id": "event-event-header--default",
     "group": "Event/ Event Header",
@@ -1539,6 +1554,29 @@
     },
     "screenshot": "img/screenshots/event-event-header--default.png"
   },
+  {
+    "id": "event-event-latest-teaser--default",
+    "group": "Event/ Event Latest Teaser",
+    "name": "Default",
+    "code": "<EventLatestTeaser\n  ariaLabel=\"Event teaser for \"\n  calendar={{\n    day: '30',\n    month: 'Dec'\n  }}\n  cta=\"Show event\"\n  date=\"12/30/2025\"\n  link={{\n    text: 'Show event',\n    url: '#'\n  }}\n  location=\"Berlin, Germany\"\n  title=\"The Future of AI\"\n  url=\"https://example.com\"\n/>",
+    "args": {
+      "date": "12/30/2025",
+      "calendar": {
+        "month": "Dec",
+        "day": "30"
+      },
+      "title": "The Future of AI",
+      "location": "Berlin, Germany",
+      "url": "https://example.com",
+      "cta": "Show event",
+      "ariaLabel": "Event teaser for ",
+      "link": {
+        "url": "#",
+        "text": "Show event"
+      }
+    },
+    "screenshot": "img/screenshots/event-event-latest-teaser--default.png"
+  },
   {
     "id": "event-event-latest--default",
     "group": "Event/ Event Latest",
@@ -1591,25 +1629,10 @@
     "screenshot": "img/screenshots/event-event-latest--default.png"
   },
   {
-    "id": "event-event-list-appointment--default",
-    "group": "Event/ Event List Appointment",
+    "id": "event-event-location--default",
+    "group": "Event/ Event Location",
     "name": "Default",
-    "code": "<EventListAppointment\n  ariaLabel=\"Register for the event on 18th September 2025 from 09:00 to 17:00\"\n  date=\"2025-09-18\"\n  label=\"Register\"\n  newTab\n  time=\"09:00 – 17:00\"\n  url=\"#\"\n/>",
-    "args": {
-      "date": "2025-09-18",
-      "time": "09:00 – 17:00",
-      "label": "Register",
-      "url": "#",
-      "newTab": true,
-      "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
-    },
-    "screenshot": "img/screenshots/event-event-list-appointment--default.png"
-  },
-  {
-    "id": "event-event-list-location--default",
-    "group": "Event/ Event List Location",
-    "name": "Default",
-    "code": "<EventListLocation\n  address=\"Alexanderplatz 1<br />\n  10178 Berlin\"\n  dates={[\n    {\n      ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n      date: '2025-09-18',\n      label: 'Register',\n      newTab: true,\n      time: '09:00 – 17:00',\n      url: '#'\n    },\n    {\n      ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n      date: '2025-09-18',\n      label: 'Register',\n      newTab: true,\n      time: '09:00 – 17:00',\n      url: '#'\n    }\n  ]}\n  links={[\n    {\n      label: 'Open in Google Maps',\n      newTab: true,\n      url: 'https://maps.google.com/?q=Berlin+Congress+Center'\n    },\n    {\n      label: 'Location Website',\n      newTab: true,\n      url: 'https://maps.google.com/?q=Berlin+Congress+Center'\n    }\n  ]}\n  locationName=\"Berlin Congress Center\"\n/>",
+    "code": "<EventLocation\n  address=\"Alexanderplatz 1<br />\n  10178 Berlin\"\n  dates={[\n    {\n      ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n      date: '2025-09-18',\n      label: 'Register',\n      newTab: true,\n      time: '09:00 – 17:00',\n      url: '#'\n    },\n    {\n      ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n      date: '2025-09-18',\n      label: 'Register',\n      newTab: true,\n      time: '09:00 – 17:00',\n      url: '#'\n    }\n  ]}\n  links={[\n    {\n      label: 'Open in Google Maps',\n      newTab: true,\n      url: 'https://maps.google.com/?q=Berlin+Congress+Center'\n    },\n    {\n      label: 'Location Website',\n      newTab: true,\n      url: 'https://maps.google.com/?q=Berlin+Congress+Center'\n    }\n  ]}\n  locationName=\"Berlin Congress Center\"\n/>",
     "args": {
       "dates": [
         {
@@ -1644,30 +1667,7 @@
         }
       ]
     },
-    "screenshot": "img/screenshots/event-event-list-location--default.png"
-  },
-  {
-    "id": "event-event-teaser--default",
-    "group": "Event/ Event Teaser",
-    "name": "Default",
-    "code": "<EventTeaser\n  ariaLabel=\"Event teaser for \"\n  calendar={{\n    day: '30',\n    month: 'Dec'\n  }}\n  cta=\"Show event\"\n  date=\"12/30/2025\"\n  link={{\n    text: 'Show event',\n    url: '#'\n  }}\n  location=\"Berlin, Germany\"\n  title=\"The Future of AI\"\n  url=\"https://example.com\"\n/>",
-    "args": {
-      "date": "12/30/2025",
-      "calendar": {
-        "month": "Dec",
-        "day": "30"
-      },
-      "title": "The Future of AI",
-      "location": "Berlin, Germany",
-      "url": "https://example.com",
-      "cta": "Show event",
-      "ariaLabel": "Event teaser for ",
-      "link": {
-        "url": "#",
-        "text": "Show event"
-      }
-    },
-    "screenshot": "img/screenshots/event-event-teaser--default.png"
+    "screenshot": "img/screenshots/event-event-location--default.png"
   },
   {
     "id": "components-faq--dropdown-list",

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { SectionProps } from "../../SectionProps-00ddee3a.js";
+import { SectionProps } from "../../SectionProps-7caa223c.js";
 declare const SectionContextDefault: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const SectionContext: import("react").Context<import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jun 2025 10:45:04 GMT
+ * Generated on Wed, 25 Jun 2025 10:54:34 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 Wed, 25 Jun 2025 10:45:08 GMT
+ * Generated on Wed, 25 Jun 2025 10:54:38 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 Wed, 25 Jun 2025 10:45:06 GMT
+ * Generated on Wed, 25 Jun 2025 10:54:36 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 Wed, 25 Jun 2025 10:45:10 GMT
+ * Generated on Wed, 25 Jun 2025 10:54:40 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 Wed, 25 Jun 2025 10:45:02 GMT
+ * Generated on Wed, 25 Jun 2025 10:54:31 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jun 2025 10:45:02 GMT
+ * Generated on Wed, 25 Jun 2025 10:54:31 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.68--canary.45.1713.0",
+  "version": "1.6.68--canary.45.1716.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { EventListAppointmentProps } from "../../EventListAppointmentProps-eee8b4ec.js";
-declare const EventListAppointmentContextDefault: import("react").ForwardRefExoticComponent<EventListAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const EventListAppointmentContext: import("react").Context<import("react").ForwardRefExoticComponent<EventListAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>>;
-declare const EventListAppointment: import("react").ForwardRefExoticComponent<EventListAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>;
-export type { EventListAppointmentProps };
-export { EventListAppointmentContextDefault, EventListAppointmentContext, EventListAppointment };

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

@@ -1,14 +0,0 @@
-import "./event-list-appointment.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { Icon } from '@kickstartds/base/lib/icon';
-
-const EventListAppointmentContextDefault = forwardRef(({ date, time, label, url, newTab, ariaLabel }, ref) => (jsxs("a", { className: "dsa-event-list-appointment", target: newTab ? "_blank" : "_self", "aria-label": ariaLabel, href: url, ref: ref, children: [jsxs("span", { className: "dsa-event-list-appointment__infos", children: [date && (jsxs("span", { className: "dsa-event-list-appointment__info", children: [jsx(Icon, { className: "dsa-event-list-appointment__icon", "aria-hidden": true, icon: "date" }), date] })), time && (jsxs("span", { className: "dsa-event-list-appointment__info", children: [jsx(Icon, { className: "dsa-event-list-appointment__icon", "aria-hidden": true, icon: "time" }), time] }))] }), jsxs("span", { className: "dsa-event-list-appointment__label", children: [label, jsx(Icon, { icon: "chevron-right" })] })] })));
-const EventListAppointmentContext = createContext(EventListAppointmentContextDefault);
-const EventListAppointment = forwardRef((props, ref) => {
-    const Component = useContext(EventListAppointmentContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-EventListAppointment.displayName = "EventListAppointment";
-
-export { EventListAppointment, EventListAppointmentContext, EventListAppointmentContextDefault };

package/dist/components/event-list-location/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { EventListLocationProps } from "../../EventListLocationProps-f9d48acc.js";
-declare const EventListLocationContextDefault: import("react").ForwardRefExoticComponent<EventListLocationProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const EventListLocationContext: import("react").Context<import("react").ForwardRefExoticComponent<EventListLocationProps & import("react").RefAttributes<HTMLDivElement>>>;
-declare const EventListLocation: import("react").ForwardRefExoticComponent<EventListLocationProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { EventListLocationProps };
-export { EventListLocationContextDefault, EventListLocationContext, EventListLocation };

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

@@ -1,16 +0,0 @@
-import "./event-list-location.css";
-import { forwardRef, createElement, createContext, useContext } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { RichText } from '@kickstartds/base/lib/rich-text';
-import { Icon } from '@kickstartds/base/lib/icon';
-import { EventListAppointment } from '../event-list-appointment/index.js';
-
-const EventListLocationContextDefault = forwardRef(({ locationName, address, dates, links, ...rest }, ref) => (jsxs("div", { className: "dsa-event-list-location", ...rest, ref: ref, children: [address && (jsx("div", { className: "dsa-event-list-location__row", children: jsxs("div", { className: "dsa-event-list-location__item ", children: [jsx(Icon, { className: "dsa-event-list-location__icon", icon: "map-pin", "aria-hidden": true }), jsxs("div", { className: "dsa-event-list-location__content", children: [jsx("span", { className: "sr-only", children: "Address:" }), jsxs("address", { className: "dsa-event-list-location__address", children: [locationName && (jsx("span", { className: "dsa-event-list-location__name", children: locationName })), address && jsx(RichText, { text: address })] }), links && links.length > 0 && (jsx("div", { className: "dsa-event-list-location__links", children: links.map((link, index) => (jsx("a", { href: link.url, target: link.newTab ? "_blank" : "_self", className: "dsa-event-list-location__link", children: link.label }, index))) }))] })] }) })), dates && dates.length > 0 && (jsxs("div", { className: "dsa-event-list-location__appointments", children: [jsx("span", { className: "sr-only", children: "Appointments:" }), dates.map((item, index) => (createElement(EventListAppointment, { ...item, key: index })))] }))] })));
-const EventListLocationContext = createContext(EventListLocationContextDefault);
-const EventListLocation = forwardRef((props, ref) => {
-    const Component = useContext(EventListLocationContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-EventListLocation.displayName = "EventListLocation";
-
-export { EventListLocation, EventListLocationContext, EventListLocationContextDefault };

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { HTMLAttributes } from "react";
-import { EventTeaserProps } from "../../EventTeaserProps-e00ea659.js";
-declare const EventTeaserContextDefault: import("react").ForwardRefExoticComponent<EventTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const EventTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<EventTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>>;
-declare const EventTeaser: import("react").ForwardRefExoticComponent<EventTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
-export type { EventTeaserProps };
-export { EventTeaserContextDefault, EventTeaserContext, EventTeaser };

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

@@ -1,17 +0,0 @@
-import "./event-teaser.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classnames from 'classnames';
-import { forwardRef, createContext, useContext } from 'react';
-import { Icon } from '@kickstartds/base/lib/icon';
-
-const EventTeaserContextDefault = forwardRef(({ date, title, cta, calendar, url, location, ariaLabel, className, ...rest }, ref) => {
-    return (jsxs("a", { className: classnames(className, "dsa-event-teaser"), ...rest, href: url, ref: ref, "aria-label": ariaLabel, children: [jsxs("span", { className: "dsa-event-teaser__calendar", children: [jsx("span", { className: "dsa-event-teaser__day", children: calendar.day }), jsx("span", { className: "dsa-event-teaser__month", children: calendar.month })] }), jsxs("span", { className: "dsa-event-teaser__content", children: [jsx("span", { className: "dsa-event-teaser__title", children: title }), jsxs("span", { className: "dsa-event-teaser__infos", children: [jsxs("span", { className: "dsa-event-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), location] })] })] }), jsxs("span", { className: "dsa-event-teaser__cta", children: [jsx("span", { children: cta }), jsx(Icon, { "aria-hidden": true, icon: "chevron-right" })] })] }));
-});
-const EventTeaserContext = createContext(EventTeaserContextDefault);
-const EventTeaser = forwardRef((props, ref) => {
-    const Component = useContext(EventTeaserContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-EventTeaser.displayName = "EventTeaser";
-
-export { EventTeaser, EventTeaserContext, EventTeaserContextDefault };