@kickstartds/ds-agency-premium 1.6.71--canary.45.1783.0 → 1.6.71--canary.45.1789.0

package/dist/BlogOverviewProps-9f207f1c.d.ts

@@ -4,7 +4,7 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { SectionProps } from "./SectionProps-7caa223c.js";
-import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
 import { CtaProps } from "./CtaProps-babe4ee6.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/{EventListTeaserProps-cf4c7b20.d.ts → EventListTeaserProps-f5c6a5a9.d.ts}

@@ -10,7 +10,7 @@ type Headline = string;
 /**
  * Short teaser text for the event
  */
-type TeaserText = string;
+type Text = string;
 /**
  * The date of the event
  */
@@ -20,9 +20,17 @@ type Date = string;
  */
 type Time = string;
 /**
- * Location of the event
+ * Name of the location
+ */
+type LocationName = string;
+/**
+ * Address of the location
+ */
+type Address = string;
+/**
+ * Categories of the event
  */
-type Location = string;
+type Categories = string[];
 /**
  * URL of the image to display
  */
@@ -48,16 +56,24 @@ type ARIALabel = string;
  */
 interface EventListTeaserProps {
     title: Headline;
-    teaserText?: TeaserText;
+    text?: Text;
     date: Date;
     time?: Time;
     location: Location;
+    categories?: Categories;
     image?: Image;
     url?: URL;
     cta?: CallToAction;
     ariaLabel?: ARIALabel;
     className?: string;
 }
+/**
+ * Location of the event
+ */
+interface Location {
+    name?: LocationName;
+    address?: Address;
+}
 /**
  * Image to display in the teaser
  */
@@ -65,4 +81,4 @@ interface Image {
     src?: ImageSource;
     alt?: AltText;
 }
-export { Headline, TeaserText, Date, Time, Location, ImageSource, AltText, URL, CallToAction, ARIALabel, EventListTeaserProps, Image };
+export { Headline, Text, Date, Time, LocationName, Address, Categories, ImageSource, AltText, URL, CallToAction, ARIALabel, EventListTeaserProps, Location, Image };

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

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
+import { BlogPostProps } from "../../BlogPostProps-c760fd2a.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-f5855e93.js";
+import { BlogTeaserProps } from "../../BlogTeaserProps-d62a0a9a.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-appointment/event-appointment.css

@@ -1,6 +1,6 @@
 .dsa-event-appointment {
-  --g-link--color: var(--ks-text-color-interface-interactive);
-  --g-link--color-hover: var(--ks-text-color-interface-interactive);
+  --g-link--color: var(--ks-text-color-interface);
+  --g-link--color-hover: var(--ks-text-color-interface);
   --g-link--border-radius: var(--ks-border-radius-card);
   --g-link--background: var(--ks-background-color-default);
   --g-link--background-hover: var(--ks-background-color-default);
@@ -25,7 +25,6 @@
 }
 .dsa-event-appointment__info--date {
   font-weight: var(--ks-font-weight-semi-bold);
-  color: var(--ks-text-color-display);
 }
 .dsa-event-appointment__info--time {
   font-weight: var(--ks-font-weight-regular);

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

@@ -10,7 +10,7 @@
       "type": "string",
       "format": "date",
       "examples": [
-        "2025-09-18"
+        "18.09.2025"
       ]
     },
     "time": {

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

@@ -9,7 +9,7 @@
       "description": "Date of the appointment",
       "type": "string",
       "format": "date",
-      "examples": ["2025-09-18"]
+      "examples": ["18.09.2025"]
     },
     "time": {
       "title": "Time",

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

@@ -61,7 +61,7 @@
                   "type": "string",
                   "format": "date",
                   "examples": [
-                    "2025-09-18"
+                    "18.09.2025"
                   ]
                 },
                 "time": {

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

@@ -1,15 +1,19 @@
 .dsa-event-filter {
   border-radius: var(--ks-border-radius-card);
-  border: var(--ks-border-width-default) solid var(--ks-border-color-card);
   padding: var(--ks-spacing-inset-m);
   display: flex;
   flex-direction: column;
-  gap: var(--ks-spacing-stack-m);
+  gap: var(--ks-spacing-stack-s);
+  background-color: var(--ks-background-color-card);
 }
 .dsa-event-filter__item {
+  background-color: var(--ks-background-color-default);
+  padding: var(--ks-spacing-inset-squish-m);
+  border-radius: var(--ks-border-radius-card);
   display: flex;
   flex-direction: column;
   gap: var(--ks-spacing-stack-xs);
+  margin-bottom: var(--ks-spacing-stack-s);
 }
 .dsa-event-filter__topic {
   font: var(--dsa-topic--font);

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

@@ -1,5 +1,5 @@
 import "./event-filter.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { TextField } from '@kickstartds/form/lib/text-field';
 import { Checkbox } from '@kickstartds/form/lib/checkbox';
@@ -17,9 +17,9 @@ const EventFilterContextDefault = forwardRef(({ categories = {
     label: "Filter Appointments",
 }, resetButton = {
     label: "Reset Filters",
-}, }, ref) => (jsxs("div", { className: "dsa-event-filter", ref: ref, children: [datePicker?.toggle && (jsxs("div", { className: "dsa-event-filter__item", children: [jsx("span", { className: "dsa-event-filter__topic", children: datePicker.title || "Find Appointment" }), jsxs("div", { className: "dsa-event-filter__date-picker", children: [jsx(TextField, { label: datePicker.dateFromInput.label || "From", placeholder: datePicker.dateFromInput.placeholder || "Select a date" }), jsx(TextField, { label: datePicker.dateToInput.label || "To", placeholder: datePicker.dateToInput.placeholder || "Select a date" })] })] })), categories && categories?.toggle && (jsxs("div", { className: "dsa-event-filter__item", children: [jsx("span", { className: "dsa-event-filter__topic", children: categories?.title || "Categories" }), jsx("div", { className: "dsa-event-filter__categories", children: categories &&
-                        categories.categoryCheckboxes.length > 0 &&
-                        categories.categoryCheckboxes.map((category, index) => (jsx(Checkbox, { label: category }, index))) })] })), jsxs("div", { className: "dsa-event-filter__buttons", children: [jsx(Button, { size: "small", label: applyButton?.label || "Filter Appointments", variant: "primary", onClick: () => {
+}, }, ref) => (jsxs("div", { className: "dsa-event-filter", ref: ref, children: [datePicker?.toggle && (jsxs(Fragment, { children: [jsx("span", { className: "dsa-event-filter__topic", children: datePicker.title || "Find Appointment" }), jsx("div", { className: "dsa-event-filter__item", children: jsxs("div", { className: "dsa-event-filter__date-picker", children: [jsx(TextField, { label: datePicker.dateFromInput.label || "From", placeholder: datePicker.dateFromInput.placeholder || "Select a date" }), jsx(TextField, { label: datePicker.dateToInput.label || "To", placeholder: datePicker.dateToInput.placeholder || "Select a date" })] }) })] })), categories && categories?.toggle && (jsxs(Fragment, { children: [jsx("span", { className: "dsa-event-filter__topic", children: categories?.title || "Categories" }), jsx("div", { className: "dsa-event-filter__item", children: jsx("div", { className: "dsa-event-filter__categories", children: categories &&
+                            categories.categoryCheckboxes.length > 0 &&
+                            categories.categoryCheckboxes.map((category, index) => (jsx(Checkbox, { label: category }, index))) }) })] })), jsxs("div", { className: "dsa-event-filter__buttons", children: [jsx(Button, { size: "small", label: applyButton?.label || "Filter Appointments", variant: "primary", onClick: () => {
                         // Handle button click
                     } }), jsx(Button, { size: "small", label: resetButton?.label || "Reset Filters", onClick: () => {
                         // Handle button click

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

@@ -140,13 +140,13 @@
               "This is a event teaser title"
             ]
           },
-          "teaserText": {
-            "title": "Teaser Text",
+          "text": {
+            "title": "Text",
             "description": "Short teaser text for the event",
             "type": "string",
             "format": "markdown",
             "examples": [
-              "This is a short teaser text for the event"
+              "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence."
             ]
           },
           "date": {
@@ -155,7 +155,7 @@
             "type": "string",
             "format": "date",
             "examples": [
-              "12.30.2022"
+              "FRI, JAN 16"
             ]
           },
           "time": {
@@ -169,10 +169,41 @@
           "location": {
             "title": "Location",
             "description": "Location of the event",
-            "type": "string",
-            "format": "markdown",
-            "examples": [
-              "This is a location"
+            "type": "object",
+            "properties": {
+              "name": {
+                "type": "string",
+                "title": "Location Name",
+                "description": "Name of the location",
+                "examples": [
+                  "Stadthalle"
+                ]
+              },
+              "address": {
+                "type": "string",
+                "title": "Address",
+                "description": "Address of the location",
+                "examples": [
+                  "Köln"
+                ]
+              }
+            },
+            "additionalProperties": false
+          },
+          "categories": {
+            "title": "Categories",
+            "description": "Categories of the event",
+            "type": "array",
+            "items": {
+              "type": "string",
+              "examples": [
+                "AI",
+                "Technology",
+                "Innovation"
+              ]
+            },
+            "default": [
+              "AI"
             ]
           },
           "image": {
@@ -220,10 +251,7 @@
           "ariaLabel": {
             "title": "ARIA Label",
             "description": "ARIA label for accessibility",
-            "type": "string",
-            "examples": [
-              "Event teaser for "
-            ]
+            "type": "string"
           },
           "className": {
             "type": "string"

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

@@ -6,7 +6,7 @@ import { FC, PropsWithChildren } from "react";
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { EventFilterProps } from "../../EventFilterProps-b190eb86.js";
-import { EventListTeaserProps } from "../../EventListTeaserProps-cf4c7b20.js";
+import { EventListTeaserProps } from "../../EventListTeaserProps-f5c6a5a9.js";
 interface EventListProps {
     /**
      * Referenced component EventFilterProps

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

@@ -16,8 +16,12 @@ import '@kickstartds/base/lib/button';
 import '@kickstartds/base/lib/icon';
 import '@kickstartds/core/lib/container';
 import '@kickstartds/base/lib/picture';
+import 'markdown-to-jsx';
+import '@kickstartds/base/lib/tag-label';
 
-const EventList = ({ filter, events, }) => (jsx(Fragment, { children: jsx(Section, { width: "wide", children: jsx(SplitWeighted, { verticalAlign: "sticky", order: {
+const EventList = ({ filter, events, }) => (jsx(Fragment, { children: jsx(Section, { width: "wide", children: jsx(SplitWeighted, { verticalAlign: "sticky", mainLayout: {
+                minWidth: "narrow",
+            }, order: {
                 desktop: "asideFirst",
                 mobile: "asideFirst",
             }, aside: jsx(EventFilter, { ...filter }), main: jsx(Fragment, { children: events.map((event, index) => (jsx(EventListTeaser, { ...event }, index))) }) }) }) }));

package/dist/components/event-list-teaser/event-list-teaser.css

@@ -5,70 +5,117 @@
 
 .dsa-event-list-teaser {
   --g-link--border-radius: var(--ks-border-radius-card);
-  display: flex;
-  gap: var(--ks-spacing-inline-s);
-  padding: var(--ks-spacing-inset-s);
+  display: block;
   border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
+  display: flex;
+  flex-direction: column;
+  padding: var(--ks-spacing-inset-stretch-m);
+  gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
+  position: relative;
+  flex-wrap: wrap;
 }
 .dsa-event-list-teaser:hover {
   border-color: var(--ks-border-color-card-interactive-hover);
 }
-.dsa-event-list-teaser__content {
+.dsa-event-list-teaser:hover .dsa-event-list-teaser__categories {
+  border-color: var(--ks-border-color-card-interactive-hover);
+}
+.dsa-event-list-teaser__header {
   display: flex;
+  flex-direction: column;
   gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
-  flex-grow: 1;
+}
+.dsa-event-list-teaser__content {
   flex-wrap: wrap;
-  min-width: 0;
+  display: flex;
+  justify-content: space-between;
+  gap: var(--ks-spacing-stack-s);
 }
 .dsa-event-list-teaser__text {
   display: flex;
   flex-direction: column;
-  justify-content: center;
-  gap: var(--ks-spacing-stack-m);
-  flex-basis: var(--dsa-tile--width_large);
-  flex-grow: 1000;
+  gap: var(--ks-spacing-stack-s);
+  flex-basis: var(--dsa-tile--width_small);
+  flex-grow: 10;
+  flex-shrink: 0;
 }
 .dsa-event-list-teaser__image {
   flex-shrink: 1;
-  flex-grow: 0;
-  flex-basis: var(--dsa-tile--width_medium);
+  flex-grow: 5;
+  flex-basis: var(--dsa-tile--width_smallest);
+  aspect-ratio: 4/3;
 }
 .dsa-event-list-teaser__image img {
   object-fit: cover;
   border-radius: var(--ks-border-radius-card);
   width: 100%;
-  height: 100%;
+  aspect-ratio: 4/3;
 }
 .dsa-event-list-teaser__teaser-text {
-  font: var(--ks-font-copy-m);
+  font: var(--ks-font-copy-s);
   color: var(--ks-text-color-interface);
   margin: 0;
 }
 .dsa-event-list-teaser__title {
+  max-width: var(--dsa-tile--width_large);
   font: var(--ks-font-display-m);
   font-weight: var(--ks-font-weight-semi-bold);
   color: var(--ks-text-color-display);
 }
-.dsa-event-list-teaser__infos {
+.dsa-event-list-teaser__address {
+  margin: 0;
+}
+.dsa-event-list-teaser__details {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--ks-spacing-xxs) var(--ks-spacing-inline-s);
-  align-items: flex-start;
+  gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
+}
+.dsa-event-list-teaser__date {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-xxs);
+}
+.dsa-event-list-teaser__date > .dsa-event-list-teaser__info:first-child {
+  font-weight: var(--ks-font-weight-semi-bold);
+}
+.dsa-event-list-teaser__categories {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--ks-spacing-xxs) var(--ks-spacing-xxs);
+  max-width: var(--dsa-tile--width_small);
+}
+.dsa-event-list-teaser__infos {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-s);
+  background-color: var(--ks-background-color-accent);
+  padding: var(--ks-spacing-inset-s);
+  border-radius: var(--ks-border-radius-card);
+}
+.dsa-event-list-teaser__location {
+  flex-basis: var(--dsa-tile--width_small);
+}
+.dsa-event-list-teaser__name {
+  font-weight: var(--ks-font-weight-semi-bold);
+  color: var(--dsa-topic--color);
 }
 .dsa-event-list-teaser__info {
   display: flex;
   gap: calc(var(--ks-spacing-xxs) * 0.75);
   font: var(--ks-font-interface-s);
   align-items: center;
+  justify-content: flex-start;
   color: var(--ks-text-color-interface);
 }
+.dsa-event-list-teaser__info--location {
+  flex-basis: 100%;
+}
 .dsa-event-list-teaser__info .icon {
   align-self: flex-start;
   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-list-teaser__cta {
   font: var(--ks-font-interface-s);

package/dist/components/event-list-teaser/event-list-teaser.schema.dereffed.json

@@ -14,13 +14,13 @@
         "This is a event teaser title"
       ]
     },
-    "teaserText": {
-      "title": "Teaser Text",
+    "text": {
+      "title": "Text",
       "description": "Short teaser text for the event",
       "type": "string",
       "format": "markdown",
       "examples": [
-        "This is a short teaser text for the event"
+        "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence."
       ]
     },
     "date": {
@@ -29,7 +29,7 @@
       "type": "string",
       "format": "date",
       "examples": [
-        "12.30.2022"
+        "FRI, JAN 16"
       ]
     },
     "time": {
@@ -43,10 +43,41 @@
     "location": {
       "title": "Location",
       "description": "Location of the event",
-      "type": "string",
-      "format": "markdown",
-      "examples": [
-        "This is a location"
+      "type": "object",
+      "properties": {
+        "name": {
+          "type": "string",
+          "title": "Location Name",
+          "description": "Name of the location",
+          "examples": [
+            "Stadthalle"
+          ]
+        },
+        "address": {
+          "type": "string",
+          "title": "Address",
+          "description": "Address of the location",
+          "examples": [
+            "Köln"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "categories": {
+      "title": "Categories",
+      "description": "Categories of the event",
+      "type": "array",
+      "items": {
+        "type": "string",
+        "examples": [
+          "AI",
+          "Technology",
+          "Innovation"
+        ]
+      },
+      "default": [
+        "AI"
       ]
     },
     "image": {
@@ -94,10 +125,7 @@
     "ariaLabel": {
       "title": "ARIA Label",
       "description": "ARIA label for accessibility",
-      "type": "string",
-      "examples": [
-        "Event teaser for "
-      ]
+      "type": "string"
     },
     "className": {
       "type": "string"

package/dist/components/event-list-teaser/event-list-teaser.schema.json

@@ -12,19 +12,21 @@
       "format": "markdown",
       "examples": ["This is a event teaser title"]
     },
-    "teaserText": {
-      "title": "Teaser Text",
+    "text": {
+      "title": "Text",
       "description": "Short teaser text for the event",
       "type": "string",
       "format": "markdown",
-      "examples": ["This is a short teaser text for the event"]
+      "examples": [
+        "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence."
+      ]
     },
     "date": {
       "title": "Date",
       "description": "The date of the event",
       "type": "string",
       "format": "date",
-      "examples": ["12.30.2022"]
+      "examples": ["FRI, JAN 16"]
     },
     "time": {
       "title": "Time",
@@ -35,9 +37,31 @@
     "location": {
       "title": "Location",
       "description": "Location of the event",
-      "type": "string",
-      "format": "markdown",
-      "examples": ["This is a location"]
+      "type": "object",
+      "properties": {
+        "name": {
+          "type": "string",
+          "title": "Location Name",
+          "description": "Name of the location",
+          "examples": ["Stadthalle"]
+        },
+        "address": {
+          "type": "string",
+          "title": "Address",
+          "description": "Address of the location",
+          "examples": ["Köln"]
+        }
+      }
+    },
+    "categories": {
+      "title": "Categories",
+      "description": "Categories of the event",
+      "type": "array",
+      "items": {
+        "type": "string",
+        "examples": ["AI", "Technology", "Innovation"]
+      },
+      "default": ["AI"]
     },
     "image": {
       "title": "Image",
@@ -75,8 +99,7 @@
     "ariaLabel": {
       "title": "ARIA Label",
       "description": "ARIA label for accessibility",
-      "type": "string",
-      "examples": ["Event teaser for "]
+      "type": "string"
     },
     "className": {
       "type": "string"

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { EventListTeaserProps } from "../../EventListTeaserProps-cf4c7b20.js";
+import { EventListTeaserProps } from "../../EventListTeaserProps-f5c6a5a9.js";
 declare const EventListTeaserContextDefault: import("react").ForwardRefExoticComponent<EventListTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
 declare const EventListTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<EventListTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>>;
 declare const EventListTeaser: import("react").ForwardRefExoticComponent<EventListTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;

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

@@ -5,9 +5,11 @@ import { forwardRef, createContext, useContext } from 'react';
 import { Icon } from '@kickstartds/base/lib/icon';
 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';
 
-const EventListTeaserContextDefault = forwardRef(({ title, teaserText, date, time, location, image, cta, url, ariaLabel, className, ...rest }, ref) => {
-    return (jsx(Container, { name: "event-list-teaser", children: jsx("a", { className: classnames(className, "dsa-event-list-teaser"), ...rest, href: url, ref: ref, "aria-label": ariaLabel, children: jsxs("span", { className: "dsa-event-list-teaser__content", children: [jsxs("span", { className: "dsa-event-list-teaser__text", children: [jsx("span", { className: "dsa-event-list-teaser__title", children: title }), jsx("p", { className: "dsa-event-list-teaser__teaser-text", children: teaserText }), jsxs("span", { className: "dsa-event-list-teaser__infos", 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("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), location] })] }), jsxs("span", { className: "dsa-event-list-teaser__cta", children: [jsx("span", { children: cta }), 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 }) }))] }) }) }));
+const EventListTeaserContextDefault = forwardRef(({ title, text, date, time, categories, location, image, cta, 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: [jsx("div", { className: "dsa-event-list-teaser__header", children: jsx("span", { className: "dsa-event-list-teaser__title", children: title }) }), jsxs("div", { className: "dsa-event-list-teaser__content", children: [jsxs("div", { className: "dsa-event-list-teaser__text", children: [jsxs("div", { className: "dsa-event-list-teaser__infos", children: [jsx("div", { className: "dsa-event-list-teaser__categories", children: categories.map((category) => (jsx(TagLabel, { label: category, size: "s" }, category))) }), 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] })] }), jsx("div", { className: "dsa-event-list-teaser__location", children: jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("span", { className: "dsa-event-list-teaser__location-text", children: [location?.name && (jsx("span", { className: "dsa-event-list-teaser__name", children: location.name })), jsx(Markdown, { className: "dsa-event-list-teaser__address", children: location?.address })] })] }) })] })] }), jsx("p", { className: "dsa-event-list-teaser__teaser-text", children: text }), jsxs("div", { className: "dsa-event-list-teaser__cta", children: [jsx("span", { children: cta }), 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 }) }))] })] }) }));
 });
 const EventListTeaserContext = createContext(EventListTeaserContextDefault);
 const EventListTeaser = forwardRef((props, ref) => {

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

@@ -20,7 +20,7 @@
             "type": "string",
             "format": "date",
             "examples": [
-              "2025-09-18"
+              "18.09.2025"
             ]
           },
           "time": {

package/dist/components/header/header.css

@@ -78,6 +78,11 @@
   justify-content: space-between;
   align-items: flex-start;
 }
+@media (min-width: 62rem) {
+  .dsa-header__content {
+    align-items: center;
+  }
+}
 .dsa-header--floating .dsa-header__content {
   max-width: calc(var(--dsa-header--max-width) + var(--dsa-header_floating--spacing-horizontal) * 2);
   padding: 0 var(--dsa-header_floating--spacing-horizontal);

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

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

package/dist/components/nav-dropdown/nav-dropdown.css

@@ -11,7 +11,7 @@
   --dsa-nav-dropdown__label--background-color_hover: var(--ks-color-fg-alpha-8);
   --dsa-nav-dropdown__label--background-color_active: unset;
   --dsa-nav-dropdown__label--border-radius: var(--ks-border-radius-control);
-  --dsa-nav-dropdown__label--font: var(--ks-font-interface-m);
+  --dsa-nav-dropdown__label--font: var(--ks-font-interface-s);
   --dsa-nav-dropdown__label--font-family: var(--ks-font-family-display);
   --dsa-nav-dropdown__label--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-nav-dropdown__label--font-weight_active: var(--ks-font-weight-bold);

package/dist/components/nav-topbar/nav-topbar.css

@@ -5,7 +5,7 @@
   --dsa-nav-topbar__label--background-color: transparent;
   --dsa-nav-topbar__label--background-color_hover: var(--ks-color-fg-alpha-8);
   --dsa-nav-topbar__label--background-color_active: transparent;
-  --dsa-nav-topbar__label--font: var(--ks-font-interface-m);
+  --dsa-nav-topbar__label--font: var(--ks-font-interface-s);
   --dsa-nav-topbar__label--font-family: var(--ks-font-family-display);
   --dsa-nav-topbar__label--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-nav-topbar__label--font-weight_active: var(--ks-font-weight-bold);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 03 Jul 2025 12:16:09 GMT
+ * Generated on Fri, 04 Jul 2025 12:26:25 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/presets.json

@@ -939,7 +939,7 @@
     "id": "page-archetypes-event-list--event-list",
     "group": "Page Archetypes/Event List",
     "name": "EventList",
-    "code": "<EventList\n  events={[\n    {\n      ariaLabel: 'Event teaser for ',\n      cta: 'Show event',\n      date: '12.30.2022',\n      image: {\n        alt: 'This is an image of a flower',\n        src: 'https://picsum.photos/seed/flower/800/600'\n      },\n      location: 'This is a location',\n      teaserText: 'This is a short teaser text for the event',\n      time: '10:00',\n      title: 'This is a event teaser title',\n      url: 'https://example.com'\n    },\n    {\n      ariaLabel: 'Event teaser for ',\n      cta: 'Show event',\n      date: '12.30.2022',\n      image: {\n        alt: 'This is an image of a flower',\n        src: 'https://picsum.photos/seed/flower/800/600'\n      },\n      location: 'This is a location',\n      teaserText: 'This is a short teaser text for the event',\n      time: '10:00',\n      title: 'This is a event teaser title',\n      url: 'https://example.com'\n    },\n    {\n      ariaLabel: 'Event teaser for ',\n      cta: 'Show event',\n      date: '12.30.2022',\n      image: {\n        alt: 'This is an image of a flower',\n        src: 'https://picsum.photos/seed/flower/800/600'\n      },\n      location: 'This is a location',\n      teaserText: 'This is a short teaser text for the event',\n      time: '10:00',\n      title: 'This is a event teaser title',\n      url: 'https://example.com'\n    }\n  ]}\n  filter={{\n    applyButton: {\n      label: 'Filter Appointments'\n    },\n    categories: {\n      categoryCheckboxes: [\n        'All',\n        'Buyers',\n        'Sellers',\n        'Renters',\n        'Landlords',\n        'Tenants'\n      ],\n      title: 'Categories',\n      toggle: true\n    },\n    datePicker: {\n      dateFromInput: {\n        label: 'From',\n        placeholder: 'Select a date'\n      },\n      dateToInput: {\n        label: 'To',\n        placeholder: 'Select a date'\n      },\n      title: 'Find Appointment',\n      toggle: true\n    },\n    resetButton: {\n      label: 'Reset Filters'\n    }\n  }}\n/>",
+    "code": "<EventList\n  events={[\n    {\n      categories: [\n        'Buyers',\n        'Sellers',\n        'Renters'\n      ],\n      cta: 'Show appointment',\n      date: 'FRI, JAN 16',\n      image: {\n        alt: 'A futuristic AI concept image',\n        src: 'https://picsum.photos/seed/flower/800/600'\n      },\n      location: {\n        address: '123 Main St<br/>\\n10115  Berlin',\n        name: 'Berlin Convention Center'\n      },\n      text: 'Join us for the Real Estate Expo 2025, where industry leaders will discuss the future of real estate.',\n      time: '10:00 AM',\n      title: 'Real Estate Expo 2025',\n      url: 'https://example.com'\n    },\n    {\n      categories: [\n        'AI'\n      ],\n      cta: 'Show appointment',\n      date: '14.01.2025',\n      image: {\n        alt: 'A futuristic AI concept image',\n        src: 'https://picsum.photos/seed/flower/800/600'\n      },\n      location: {\n        address: '123 Main St<br/>\\n50677  Cologne',\n        name: 'Cologne Exhibition Center'\n      },\n      text: 'The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. AI is transforming industries and shaping the future. Don\\'t miss out on this opportunity to learn from experts and network with peers.',\n      time: '15:30 - 17:00',\n      title: 'The Future of AI',\n      url: 'https://example.com'\n    },\n    {\n      categories: [\n        'Sustainability',\n        'Technology'\n      ],\n      cta: 'Show appointment',\n      date: '20/30/2025',\n      image: {\n        alt: 'A futuristic AI concept image',\n        src: 'https://picsum.photos/seed/flower/800/600'\n      },\n      location: {\n        address: '123 Main St<br/>\\n50677  Cologne',\n        name: 'Cologne Exhibition Center'\n      },\n      text: 'Welcome to the Global Innovations Summit 2025, where we will explore the latest advancements in sustainable technologies. Join us for a day of insightful discussions and networking opportunities with industry leaders.',\n      time: 'from 17:00',\n      title: 'Global Innovations Summit 2025: Advancing Sustainable Technologies',\n      url: 'https://example.com'\n    }\n  ]}\n  filter={{\n    applyButton: {\n      label: 'Filter Appointments'\n    },\n    categories: {\n      categoryCheckboxes: [\n        'All',\n        'Buyers',\n        'Sellers',\n        'Renters',\n        'Landlords',\n        'Tenants'\n      ],\n      title: 'Categories',\n      toggle: true\n    },\n    datePicker: {\n      dateFromInput: {\n        label: 'From',\n        placeholder: 'Select a date'\n      },\n      dateToInput: {\n        label: 'To',\n        placeholder: 'Select a date'\n      },\n      title: 'Find Appointment',\n      toggle: true\n    },\n    resetButton: {\n      label: 'Reset Filters'\n    }\n  }}\n/>",
     "args": {
       "filter": {
         "datePicker": {
@@ -975,46 +975,64 @@
       },
       "events": [
         {
-          "title": "This is a event teaser title",
-          "teaserText": "This is a short teaser text for the event",
-          "date": "12.30.2022",
-          "time": "10:00",
-          "location": "This is a location",
+          "title": "Real Estate Expo 2025",
+          "text": "Join us for the Real Estate Expo 2025, where industry leaders will discuss the future of real estate.",
+          "date": "FRI, JAN 16",
+          "time": "10:00 AM",
+          "location": {
+            "name": "Berlin Convention Center",
+            "address": "123 Main St<br/>\n10115  Berlin"
+          },
+          "categories": [
+            "Buyers",
+            "Sellers",
+            "Renters"
+          ],
           "image": {
             "src": "https://picsum.photos/seed/flower/800/600",
-            "alt": "This is an image of a flower"
+            "alt": "A futuristic AI concept image"
           },
           "url": "https://example.com",
-          "cta": "Show event",
-          "ariaLabel": "Event teaser for "
+          "cta": "Show appointment"
         },
         {
-          "title": "This is a event teaser title",
-          "teaserText": "This is a short teaser text for the event",
-          "date": "12.30.2022",
-          "time": "10:00",
-          "location": "This is a location",
+          "title": "The Future of AI",
+          "text": "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. AI is transforming industries and shaping the future. Don't miss out on this opportunity to learn from experts and network with peers.",
+          "date": "14.01.2025",
+          "time": "15:30 - 17:00",
+          "location": {
+            "name": "Cologne Exhibition Center",
+            "address": "123 Main St<br/>\n50677  Cologne"
+          },
+          "categories": [
+            "AI"
+          ],
           "image": {
             "src": "https://picsum.photos/seed/flower/800/600",
-            "alt": "This is an image of a flower"
+            "alt": "A futuristic AI concept image"
           },
           "url": "https://example.com",
-          "cta": "Show event",
-          "ariaLabel": "Event teaser for "
+          "cta": "Show appointment"
         },
         {
-          "title": "This is a event teaser title",
-          "teaserText": "This is a short teaser text for the event",
-          "date": "12.30.2022",
-          "time": "10:00",
-          "location": "This is a location",
+          "title": "Global Innovations Summit 2025: Advancing Sustainable Technologies",
+          "text": "Welcome to the Global Innovations Summit 2025, where we will explore the latest advancements in sustainable technologies. Join us for a day of insightful discussions and networking opportunities with industry leaders.",
+          "date": "20/30/2025",
+          "time": "from 17:00",
+          "location": {
+            "name": "Cologne Exhibition Center",
+            "address": "123 Main St<br/>\n50677  Cologne"
+          },
+          "categories": [
+            "Sustainability",
+            "Technology"
+          ],
           "image": {
             "src": "https://picsum.photos/seed/flower/800/600",
-            "alt": "This is an image of a flower"
+            "alt": "A futuristic AI concept image"
           },
           "url": "https://example.com",
-          "cta": "Show event",
-          "ariaLabel": "Event teaser for "
+          "cta": "Show appointment"
         }
       ]
     },
@@ -1650,9 +1668,9 @@
     "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/>",
+    "code": "<EventAppointment\n  ariaLabel=\"Register for the event on 18th September 2025 from 09:00 to 17:00\"\n  date=\"18.09.2025\"\n  label=\"Register\"\n  newTab\n  time=\"09:00 – 17:00\"\n  url=\"#\"\n/>",
     "args": {
-      "date": "2025-09-18",
+      "date": "18.09.2025",
       "time": "09:00 – 17:00",
       "label": "Register",
       "url": "#",
@@ -1805,20 +1823,26 @@
     "id": "event-event-list-teaser--default",
     "group": "Event/ Event List Teaser",
     "name": "Default",
-    "code": "<EventListTeaser\n  ariaLabel=\"Event teaser for \"\n  cta=\"Show event\"\n  date=\"12/30/2025\"\n  image={{\n    alt: 'A futuristic AI concept image',\n    src: 'https://picsum.photos/seed/flower/800/600'\n  }}\n  link={{\n    text: 'Show event',\n    url: '#'\n  }}\n  location=\"Berlin, Germany\"\n  teaserText=\"The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.\"\n  time=\"10:00\"\n  title=\"The Future of AI\"\n  url=\"https://example.com\"\n/>",
+    "code": "<EventListTeaser\n  categories={[\n    'AI'\n  ]}\n  cta=\"Show event\"\n  date=\"30.12.2025\"\n  image={{\n    alt: 'A futuristic AI concept image',\n    src: 'https://picsum.photos/seed/flower/800/600'\n  }}\n  link={{\n    text: 'Show event',\n    url: '#'\n  }}\n  location={{\n    address: 'Köln',\n    name: 'Stadthalle'\n  }}\n  teaserText=\"The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.\"\n  text=\"The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.\"\n  time=\"10:00\"\n  title=\"The Future of AI\"\n  url=\"https://example.com\"\n/>",
     "args": {
       "title": "The Future of AI",
-      "teaserText": "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.",
-      "date": "12/30/2025",
+      "text": "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.",
+      "date": "30.12.2025",
       "time": "10:00",
-      "location": "Berlin, Germany",
+      "location": {
+        "name": "Stadthalle",
+        "address": "Köln"
+      },
+      "categories": [
+        "AI"
+      ],
       "image": {
         "src": "https://picsum.photos/seed/flower/800/600",
         "alt": "A futuristic AI concept image"
       },
       "url": "https://example.com",
       "cta": "Show event",
-      "ariaLabel": "Event teaser for ",
+      "teaserText": "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.",
       "link": {
         "url": "#",
         "text": "Show event"
@@ -1830,11 +1854,11 @@
     "id": "event-event-location--default",
     "group": "Event/ Event Location",
     "name": "Default",
-    "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  displayMode=\"spacious\"\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: '18.09.2025',\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: '18.09.2025',\n      label: 'Register',\n      newTab: true,\n      time: '09:00 – 17:00',\n      url: '#'\n    }\n  ]}\n  displayMode=\"spacious\"\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": [
         {
-          "date": "2025-09-18",
+          "date": "18.09.2025",
           "time": "09:00 – 17:00",
           "label": "Register",
           "url": "#",
@@ -1842,7 +1866,7 @@
           "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
         },
         {
-          "date": "2025-09-18",
+          "date": "18.09.2025",
           "time": "09:00 – 17:00",
           "label": "Register",
           "url": "#",

package/dist/components/split-even/split-even.css

@@ -97,7 +97,4 @@
 }
 .l-split-even__content--gutter-large {
   gap: var(--dsa-split-even__content--gutter_large, var(--ks-spacing-stack-xl));
-}
-.l-split-even__content .c-button {
-  width: fit-content;
 }

package/dist/components/split-weighted/split-weighted.css

@@ -85,9 +85,6 @@
 .l-split-weighted__content .l-split-weighted__content-container--gutter-none {
   gap: 0;
 }
-.l-split-weighted__content .c-button {
-  width: fit-content;
-}
 .l-split-weighted__main {
   flex-basis: var(--dsa-split-weighted__main--flex-basis_default, calc(var(--dsa-content--width_default) * 1));
   flex-grow: 1000;

package/dist/global.css

@@ -323,7 +323,7 @@ h3 {
   --dsa-tile--width_medium: calc(var(--ks-font-size-copy-m) * 20);
   --dsa-tile--width_large: calc(var(--ks-font-size-copy-m) * 28);
   --dsa-tile--width_largest: calc(var(--ks-font-size-copy-m) * 38);
-  --dsa-logo--height: 2.25rem;
+  --dsa-logo--height: 2rem;
   --dsa-header--height: calc(var(--dsa-logo--height) + var(--ks-spacing-stack-m) + var(--ks-spacing-stack-m));
 }
 @media (min-width: 48em) {
@@ -333,12 +333,12 @@ h3 {
 }
 @media (min-width: 48em) {
   :root, [ks-inverted], [ks-theme] {
-    --dsa-logo--height: 2.5rem;
+    --dsa-logo--height: 2.25rem;
   }
 }
 @media (min-width: 62em) {
   :root, [ks-inverted], [ks-theme] {
-    --dsa-logo--height: 3rem;
+    --dsa-logo--height: 2.5rem;
   }
 }
 

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 03 Jul 2025 12:16:12 GMT
+ * Generated on Fri, 04 Jul 2025 12:26:28 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 Thu, 03 Jul 2025 12:16:18 GMT
+ * Generated on Fri, 04 Jul 2025 12:26:32 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 Thu, 03 Jul 2025 12:16:15 GMT
+ * Generated on Fri, 04 Jul 2025 12:26:30 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 Thu, 03 Jul 2025 12:16:20 GMT
+ * Generated on Fri, 04 Jul 2025 12:26:35 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 Thu, 03 Jul 2025 12:16:09 GMT
+ * Generated on Fri, 04 Jul 2025 12:26:25 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 03 Jul 2025 12:16:09 GMT
+ * Generated on Fri, 04 Jul 2025 12:26:26 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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