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

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/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-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": [
+                  "Schaafenstraße 25 12345 Köln"
+                ]
+              }
+            },
+            "additionalProperties": false
+          },
+          "categories": {
+            "title": "Categories",
+            "description": "Categories of the event",
+            "type": "array",
+            "items": {
+              "type": "string",
+              "examples": [
+                "AI",
+                "Technology",
+                "Innovation"
+              ]
+            },
+            "default": [
+              "AI"
             ]
           },
           "image": {

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,42 +5,46 @@
 
 .dsa-event-list-teaser {
   --g-link--border-radius: var(--ks-border-radius-card);
+  display: block;
+  border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
   display: flex;
+  padding: var(--ks-spacing-inset-m);
   gap: var(--ks-spacing-inline-s);
-  padding: var(--ks-spacing-inset-s);
-  border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
+  position: relative;
+  flex-wrap: wrap;
 }
 .dsa-event-list-teaser:hover {
   border-color: var(--ks-border-color-card-interactive-hover);
 }
 .dsa-event-list-teaser__content {
   display: flex;
-  gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
-  flex-grow: 1;
-  flex-wrap: wrap;
-  min-width: 0;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: var(--ks-spacing-stack-s);
+  flex-basis: var(--dsa-tile--width_small);
+  flex-grow: 10;
+  flex-shrink: 0;
 }
 .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);
 }
 .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;
 }
@@ -49,26 +53,43 @@
   font-weight: var(--ks-font-weight-semi-bold);
   color: var(--ks-text-color-display);
 }
+.dsa-event-list-teaser__address {
+  margin: 0;
+}
+.dsa-event-list-teaser__categories {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--ks-spacing-xxs) var(--ks-spacing-xxs);
+  align-items: center;
+  max-width: var(--dsa-tile--width_small);
+}
 .dsa-event-list-teaser__infos {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--ks-spacing-xxs) var(--ks-spacing-inline-s);
+  gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
   align-items: flex-start;
 }
+.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": [
+            "Schaafenstraße 25 12345 Köln"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "categories": {
+      "title": "Categories",
+      "description": "Categories of the event",
+      "type": "array",
+      "items": {
+        "type": "string",
+        "examples": [
+          "AI",
+          "Technology",
+          "Innovation"
+        ]
+      },
+      "default": [
+        "AI"
       ]
     },
     "image": {

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": ["Schaafenstraße 25 12345 Köln"]
+        }
+      }
+    },
+    "categories": {
+      "title": "Categories",
+      "description": "Categories of the event",
+      "type": "array",
+      "items": {
+        "type": "string",
+        "examples": ["AI", "Technology", "Innovation"]
+      },
+      "default": ["AI"]
     },
     "image": {
       "title": "Image",

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: [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("div", { className: "dsa-event-list-teaser__categories", children: categories.map((category) => (jsx(TagLabel, { label: category, size: "s" }, category))) }), 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 dsa-event-list-teaser__info--location", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("span", { className: "dsa-event-list-teaser__location", 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("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 EventListTeaserContext = createContext(EventListTeaserContextDefault);
 const EventListTeaser = forwardRef((props, ref) => {

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 09:32:38 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      ariaLabel: 'Event teaser for ',\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      ariaLabel: 'Event teaser for ',\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      ariaLabel: 'Event teaser for ',\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,45 +975,66 @@
       },
       "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",
+          "cta": "Show appointment",
           "ariaLabel": "Event teaser for "
         },
         {
-          "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",
+          "cta": "Show appointment",
           "ariaLabel": "Event teaser for "
         },
         {
-          "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",
+          "cta": "Show appointment",
           "ariaLabel": "Event teaser for "
         }
       ]
@@ -1805,13 +1826,19 @@
     "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  ariaLabel=\"Event teaser for \"\n  categories={[\n    'AI'\n  ]}\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={{\n    address: 'Schaafenstraße 25 12345 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.",
+      "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": "12/30/2025",
       "time": "10:00",
-      "location": "Berlin, Germany",
+      "location": {
+        "name": "Stadthalle",
+        "address": "Schaafenstraße 25 12345 Köln"
+      },
+      "categories": [
+        "AI"
+      ],
       "image": {
         "src": "https://picsum.photos/seed/flower/800/600",
         "alt": "A futuristic AI concept image"
@@ -1819,6 +1846,7 @@
       "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"

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/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 09:32:40 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 09:32:45 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 09:32:43 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 09:32:47 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 09:32:38 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 09:32:38 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.1785.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {