@kickstartds/ds-agency-premium 1.6.71--canary.45.1795.0 → 1.6.71--canary.45.1809.0

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

@@ -63,7 +63,7 @@ interface EventListTeaserProps {
     categories?: Categories;
     image?: Image;
     url?: URL;
-    cta?: CallToAction;
+    ctaText?: CallToAction;
     ariaLabel?: ARIALabel;
     className?: string;
 }

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

@@ -240,7 +240,7 @@
               "https://example.com"
             ]
           },
-          "cta": {
+          "ctaText": {
             "title": "Call to Action",
             "description": "Text for the call to action",
             "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-f5c6a5a9.js";
+import { EventListTeaserProps } from "../../EventListTeaserProps-796e306c.js";
 interface EventListProps {
     /**
      * Referenced component EventFilterProps

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

@@ -1,8 +1,9 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Section } from '../section/index.js';
 import { SplitWeighted } from '../split-weighted/index.js';
 import { EventFilter } from '../event-filter/index.js';
 import { EventListTeaser } from '../event-list-teaser/index.js';
+import { RichText } from '@kickstartds/base/lib/rich-text';
 import 'react';
 import 'classnames';
 import '@kickstartds/core/lib/react';
@@ -24,7 +25,7 @@ const EventList = ({ filter, events, }) => (jsx(Fragment, { children: jsx(Sectio
             }, order: {
                 desktop: "asideFirst",
                 mobile: "asideFirst",
-            }, aside: jsx(EventFilter, { ...filter }), main: jsx(Fragment, { children: events.map((event, index) => (jsx(EventListTeaser, { ...event }, index))) }) }) }) }));
+            }, aside: jsx(EventFilter, { ...filter }), main: jsxs(Fragment, { children: [jsx(RichText, { text: "425 Veranstaltungen" }), events.map((event, index) => (jsx(EventListTeaser, { ...event }, index)))] }) }) }) }));
 EventList.displayName = "EventList";
 
 export { EventList };

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

@@ -7,12 +7,11 @@
   --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;
-  flex-direction: column;
   padding: var(--ks-spacing-inset-l);
-  gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
-  position: relative;
-  flex-wrap: wrap;
+  flex-wrap: wrap-reverse;
+  display: flex;
+  justify-content: space-between;
+  gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
 }
 .dsa-event-list-teaser:hover {
   border-color: var(--ks-border-color-card-interactive-hover);
@@ -26,12 +25,6 @@
   gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
 }
 .dsa-event-list-teaser__content {
-  flex-wrap: wrap;
-  display: flex;
-  justify-content: space-between;
-  gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
-}
-.dsa-event-list-teaser__text {
   display: flex;
   flex-direction: column;
   gap: var(--ks-spacing-stack-s);
@@ -40,10 +33,7 @@
   flex-shrink: 0;
 }
 .dsa-event-list-teaser__image {
-  flex-shrink: 1;
-  flex-grow: 5;
-  flex-basis: var(--dsa-tile--width_smallest);
-  aspect-ratio: 4/3;
+  flex-basis: var(--dsa-tile--width_small);
 }
 .dsa-event-list-teaser__image img {
   object-fit: cover;
@@ -62,8 +52,11 @@
   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);
+  max-width: var(--dsa-tile--width_small);
 }
 .dsa-event-list-teaser__details {
   display: flex;
@@ -78,11 +71,17 @@
 .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__location {
+  flex-basis: var(--dsa-tile--width_small);
+  flex-grow: 1;
+}
+.dsa-event-list-teaser__location-name {
+  font-weight: var(--ks-font-weight-semi-bold);
+  color: var(--dsa-topic--color);
+  display: block;
+}
+.dsa-event-list-teaser__location-address {
+  margin: 0;
 }
 .dsa-event-list-teaser__infos {
   display: flex;
@@ -92,23 +91,17 @@
   border-bottom: 1px solid var(--ks-border-color-interface-interactive);
   padding-top: var(--ks-spacing-inset-s);
   padding-bottom: var(--ks-spacing-inset-s);
-  width: fit-content;
-}
-.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 address {
+  font-style: normal;
+}
 .dsa-event-list-teaser__info--location {
   flex-basis: 100%;
 }
@@ -127,11 +120,15 @@
   align-items: center;
   text-wrap: nowrap;
   width: fit-content;
+  transition: var(--ks-transition-hover);
+}
+.dsa-event-list-teaser__cta:hover {
+  color: var(--ks-text-color-primary-hover);
 }
 .dsa-event-list-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);
+  color: inherit;
   flex-shrink: 0;
   flex-grow: 1;
 }

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

@@ -114,7 +114,7 @@
         "https://example.com"
       ]
     },
-    "cta": {
+    "ctaText": {
       "title": "Call to Action",
       "description": "Text for the call to action",
       "type": "string",

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

@@ -90,7 +90,7 @@
       "format": "uri",
       "examples": ["https://example.com"]
     },
-    "cta": {
+    "ctaText": {
       "title": "Call to Action",
       "description": "Text for the call to action",
       "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-f5c6a5a9.js";
+import { EventListTeaserProps } from "../../EventListTeaserProps-796e306c.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

@@ -8,8 +8,8 @@ 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, text, date, time, categories, 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("div", { className: "dsa-event-list-teaser__content", children: [jsxs("div", { className: "dsa-event-list-teaser__text", children: [jsx("div", { className: "dsa-event-list-teaser__header", 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))) }), jsx("div", { className: "dsa-event-list-teaser__infos", children: jsxs("div", { className: "dsa-event-list-teaser__details", children: [jsxs("div", { className: "dsa-event-list-teaser__date", children: [jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "time" }), time] })] }), 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 EventListTeaserContextDefault = forwardRef(({ title, text, date, time, categories, location, image, ctaText, url, ariaLabel, className, ...rest }, ref) => {
+    return (jsx(Container, { name: "event-list-teaser", children: jsxs("a", { className: classnames(className, "dsa-event-list-teaser"), ...rest, href: url, ref: ref, "aria-label": ariaLabel, children: [jsxs("div", { className: "dsa-event-list-teaser__content", children: [jsx("div", { className: "dsa-event-list-teaser__header", children: jsx("span", { className: "dsa-event-list-teaser__title", children: title }) }), categories && categories.length > 0 && (jsx("div", { className: "dsa-event-list-teaser__categories", children: categories.map((category) => (jsx(TagLabel, { label: category, size: "s" }, category))) })), jsx("div", { className: "dsa-event-list-teaser__infos", children: jsxs("div", { className: "dsa-event-list-teaser__details", children: [jsxs("div", { className: "dsa-event-list-teaser__date", children: [jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "time" }), time] })] }), jsxs("div", { className: "dsa-event-list-teaser__location dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("address", { children: [location?.name && (jsx("span", { className: "dsa-event-list-teaser__location-name", children: location.name })), jsx(Markdown, { className: "dsa-event-list-teaser__location-address", children: location?.address })] })] })] }) }), text && (jsx("p", { className: "dsa-event-list-teaser__teaser-text", children: text })), jsxs("div", { className: "dsa-event-list-teaser__cta", children: [jsx("span", { children: ctaText }), jsx(Icon, { "aria-hidden": true, icon: "chevron-right" })] })] }), image && image.src && (jsx("div", { className: "dsa-event-list-teaser__image", children: jsx(Picture, { src: image?.src, alt: image?.alt }) }))] }) }));
 });
 const EventListTeaserContext = createContext(EventListTeaserContextDefault);
 const EventListTeaser = forwardRef((props, ref) => {

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

@@ -0,0 +1,79 @@
+.dsa-event-registration {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-s);
+}
+.dsa-event-registration__label {
+  font: var(--dsa-headline_h2__subheadline--font);
+}
+.dsa-event-registration__link {
+  width: fit-content;
+  font: var(--ks-font-interface-s);
+}
+.dsa-event-registration__details {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
+}
+.dsa-event-registration__date {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-xxs);
+}
+.dsa-event-registration__date > .dsa-event-registration__info:first-child {
+  font-weight: var(--ks-font-weight-semi-bold);
+}
+.dsa-event-registration__location {
+  flex-basis: var(--dsa-tile--width_small);
+  flex-grow: 1;
+}
+.dsa-event-registration__location-name {
+  font-weight: var(--ks-font-weight-semi-bold);
+  color: var(--dsa-topic--color);
+  display: block;
+}
+.dsa-event-registration__location-address {
+  margin: 0;
+}
+.dsa-event-registration__infos {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-s);
+  background: var(--ks-background-color-accent);
+  border-radius: var(--ks-border-radius-card);
+  padding: var(--ks-spacing-inset-stretch-m);
+}
+.dsa-event-registration__info {
+  display: flex;
+  gap: calc(var(--ks-spacing-xxs) * 0.75);
+  font: var(--ks-font-interface-s);
+  justify-content: flex-start;
+  color: var(--ks-text-color-interface);
+}
+.dsa-event-registration__info address {
+  font-style: normal;
+}
+.dsa-event-registration__info--location {
+  flex-basis: 100%;
+}
+.dsa-event-registration__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;
+}
+.dsa-event-registration__form {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-xs);
+}
+.dsa-event-registration__form .c-button {
+  align-self: flex-end;
+}
+.dsa-event-registration__mandatory-text {
+  font: var(--ks-font-interface-xs);
+  color: var(--ks-color-fg-alpha-4);
+  margin-top: var(--ks-spacing-xxs);
+  font-style: italic;
+}

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

@@ -0,0 +1,174 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-registration.schema.json",
+  "title": "Event Registration",
+  "type": "object",
+  "properties": {
+    "label": {
+      "title": "Label",
+      "description": "Label of the event registration",
+      "type": "string",
+      "examples": [
+        "Registration Request"
+      ]
+    },
+    "title": {
+      "title": "Title",
+      "description": "Title of the event",
+      "type": "string",
+      "examples": [
+        "The Future of AI"
+      ]
+    },
+    "link": {
+      "type": "object",
+      "title": "Link",
+      "description": "Link to the event details",
+      "properties": {
+        "url": {
+          "type": "string",
+          "title": "URL",
+          "description": "URL to the event details",
+          "examples": [
+            "#"
+          ],
+          "format": "uri"
+        },
+        "text": {
+          "title": "Link Text",
+          "description": "Text for the link to the event details",
+          "type": "string",
+          "examples": [
+            "More Information on the Event"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "date": {
+      "title": "Date",
+      "description": "Date of the registration",
+      "type": "string",
+      "format": "date",
+      "examples": [
+        "18.09.2025"
+      ]
+    },
+    "time": {
+      "title": "Time",
+      "description": "Time of the registration",
+      "type": "string",
+      "examples": [
+        "09:00 – 17:00"
+      ]
+    },
+    "location": {
+      "type": "object",
+      "title": "Location",
+      "description": "Location of the event",
+      "properties": {
+        "name": {
+          "type": "string",
+          "examples": [
+            "Berlin Congress Center"
+          ]
+        },
+        "address": {
+          "type": "string",
+          "examples": [
+            "Alexanderplatz 1, 10178 Berlin"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "nameInput": {
+      "title": "Name Input",
+      "description": "Input field for the name",
+      "type": "object",
+      "properties": {
+        "label": {
+          "type": "string",
+          "examples": [
+            "Name*"
+          ]
+        },
+        "placeholder": {
+          "type": "string",
+          "examples": [
+            "Enter your name"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "emailInput": {
+      "title": "Email Input",
+      "description": "Input field for the email",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Label",
+          "description": "Label for the email input",
+          "type": "string",
+          "examples": [
+            "Email*"
+          ]
+        },
+        "placeholder": {
+          "title": "Placeholder",
+          "description": "Placeholder text for the email input",
+          "type": "string",
+          "examples": [
+            "Enter your email"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "confirmationCheckboxLabel": {
+      "title": "Label",
+      "description": "Label for the confirmation checkbox",
+      "type": "string",
+      "examples": [
+        "I read and agree to the terms and conditions*"
+      ]
+    },
+    "mandatoryText": {
+      "title": "Mandatory Text",
+      "description": "Text indicating that the checkbox is mandatory",
+      "type": "string",
+      "default": "_* Mandatory_"
+    },
+    "cta": {
+      "title": "Call to Action",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Button Label",
+          "description": "Label for the call to action button",
+          "type": "string",
+          "examples": [
+            "Send Request"
+          ]
+        },
+        "url": {
+          "type": "string",
+          "format": "uri",
+          "default": "#"
+        },
+        "ariaLabel": {
+          "title": "Aria Label",
+          "description": "Aria label for the cta button",
+          "type": "string",
+          "default": "Event Registration"
+        }
+      },
+      "additionalProperties": false
+    },
+    "type": {
+      "const": "event-registration"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,138 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-registration.schema.json",
+  "title": "Event Registration",
+  "type": "object",
+  "properties": {
+    "label": {
+      "title": "Label",
+      "description": "Label of the event registration",
+      "type": "string",
+      "examples": ["Registration Request"]
+    },
+    "title": {
+      "title": "Title",
+      "description": "Title of the event",
+      "type": "string",
+      "examples": ["The Future of AI"]
+    },
+    "link": {
+      "type": "object",
+      "title": "Link",
+      "description": "Link to the event details",
+      "properties": {
+        "url": {
+          "type": "string",
+          "title": "URL",
+          "description": "URL to the event details",
+          "examples": ["#"],
+          "format": "uri"
+        },
+        "text": {
+          "title": "Link Text",
+          "description": "Text for the link to the event details",
+          "type": "string",
+          "examples": ["More Information on the Event"]
+        }
+      }
+    },
+    "date": {
+      "title": "Date",
+      "description": "Date of the registration",
+      "type": "string",
+      "format": "date",
+      "examples": ["18.09.2025"]
+    },
+    "time": {
+      "title": "Time",
+      "description": "Time of the registration",
+      "type": "string",
+      "examples": ["09:00 – 17:00"]
+    },
+    "location": {
+      "type": "object",
+      "title": "Location",
+      "description": "Location of the event",
+      "properties": {
+        "name": {
+          "type": "string",
+          "examples": ["Berlin Congress Center"]
+        },
+        "address": {
+          "type": "string",
+          "examples": ["Alexanderplatz 1, 10178 Berlin"]
+        }
+      }
+    },
+    "nameInput": {
+      "title": "Name Input",
+      "description": "Input field for the name",
+      "type": "object",
+      "properties": {
+        "label": {
+          "type": "string",
+          "examples": ["Name*"]
+        },
+        "placeholder": {
+          "type": "string",
+          "examples": ["Enter your name"]
+        }
+      }
+    },
+    "emailInput": {
+      "title": "Email Input",
+      "description": "Input field for the email",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Label",
+          "description": "Label for the email input",
+          "type": "string",
+          "examples": ["Email*"]
+        },
+        "placeholder": {
+          "title": "Placeholder",
+          "description": "Placeholder text for the email input",
+          "type": "string",
+          "examples": ["Enter your email"]
+        }
+      }
+    },
+    "confirmationCheckboxLabel": {
+      "title": "Label",
+      "description": "Label for the confirmation checkbox",
+      "type": "string",
+      "examples": ["I read and agree to the terms and conditions*"]
+    },
+    "mandatoryText": {
+      "title": "Mandatory Text",
+      "description": "Text indicating that the checkbox is mandatory",
+      "type": "string",
+      "default": "_* Mandatory_"
+    },
+    "cta": {
+      "title": "Call to Action",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Button Label",
+          "description": "Label for the call to action button",
+          "type": "string",
+          "examples": ["Send Request"]
+        },
+        "url": {
+          "type": "string",
+          "format": "uri",
+          "default": "#"
+        },
+        "ariaLabel": {
+          "title": "Aria Label",
+          "description": "Aria label for the cta button",
+          "type": "string",
+          "default": "Event Registration"
+        }
+      }
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,106 @@
+/// <reference types="react" />
+/* eslint-disable */
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * Label of the event registration
+ */
+type Label = string;
+/**
+ * Title of the event
+ */
+type Title = string;
+/**
+ * URL to the event details
+ */
+type URL = string;
+/**
+ * Text for the link to the event details
+ */
+type LinkText = string;
+/**
+ * Date of the registration
+ */
+type Date = string;
+/**
+ * Time of the registration
+ */
+type Time = string;
+/**
+ * Label for the email input
+ */
+type Label1 = string;
+/**
+ * Placeholder text for the email input
+ */
+type Placeholder = string;
+/**
+ * Label for the confirmation checkbox
+ */
+type Label2 = string;
+/**
+ * Text indicating that the checkbox is mandatory
+ */
+type MandatoryText = string;
+/**
+ * Label for the call to action button
+ */
+type ButtonLabel = string;
+/**
+ * Aria label for the cta button
+ */
+type AriaLabel = string;
+interface EventRegistrationProps {
+    label?: Label;
+    title?: Title;
+    link?: Link;
+    date?: Date;
+    time?: Time;
+    location?: Location;
+    nameInput?: NameInput;
+    emailInput?: EmailInput;
+    confirmationCheckboxLabel?: Label2;
+    mandatoryText?: MandatoryText;
+    cta?: CallToAction;
+}
+/**
+ * Link to the event details
+ */
+interface Link {
+    url?: URL;
+    text?: LinkText;
+}
+/**
+ * Location of the event
+ */
+interface Location {
+    name?: string;
+    address?: string;
+}
+/**
+ * Input field for the name
+ */
+interface NameInput {
+    label?: string;
+    placeholder?: string;
+}
+/**
+ * Input field for the email
+ */
+interface EmailInput {
+    label?: Label1;
+    placeholder?: Placeholder;
+}
+interface CallToAction {
+    label?: ButtonLabel;
+    url?: string;
+    ariaLabel?: AriaLabel;
+}
+declare const EventRegistrationContextDefault: import("react").ForwardRefExoticComponent<EventRegistrationProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const EventRegistrationContext: import("react").Context<import("react").ForwardRefExoticComponent<EventRegistrationProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const EventRegistration: import("react").ForwardRefExoticComponent<EventRegistrationProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { EventRegistrationProps };
+export { EventRegistrationContextDefault, EventRegistrationContext, EventRegistration };

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

@@ -0,0 +1,23 @@
+import "./event-registration.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
+import { Icon } from '@kickstartds/base/lib/icon';
+import { Headline } from '../headline/index.js';
+import { Link } from '@kickstartds/base/lib/link';
+import Markdown from 'markdown-to-jsx';
+import { TextField } from '@kickstartds/form/lib/text-field';
+import { Checkbox } from '@kickstartds/form/lib/checkbox';
+import { Button } from '../button/index.js';
+import 'classnames';
+import '@kickstartds/base/lib/headline';
+import '@kickstartds/base/lib/button';
+
+const EventRegistrationContextDefault = forwardRef(({ date, time, title, link, label, location, nameInput, emailInput, mandatoryText, cta, confirmationCheckboxLabel, }, ref) => (jsxs("div", { ref: ref, className: "dsa-event-registration", children: [jsx(Headline, { spaceAfter: "minimum", text: title, level: "h2", sub: label, switchOrder: true }), jsxs("div", { className: "dsa-event-registration__infos", children: [jsxs("div", { className: "dsa-event-registration__details", children: [jsxs("div", { className: "dsa-event-registration__date", children: [jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "time" }), time] })] }), jsxs("div", { className: "dsa-event-registration__location dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("address", { children: [location?.name && (jsx("span", { className: "dsa-event-registration__location-name", children: location.name })), jsx(Markdown, { className: "dsa-event-registration__location-address", children: location?.address })] })] })] }), jsx(Link, { className: "dsa-event-registration__link", href: link?.url, children: link?.text })] }), jsxs("form", { className: "dsa-event-registration__form", children: [jsx(TextField, { label: nameInput.label, placeholder: nameInput?.placeholder }), jsx(TextField, { label: emailInput.label, placeholder: emailInput?.placeholder }), jsx(Checkbox, { label: confirmationCheckboxLabel, name: "confirmation-checkbox", id: "confirmation-checkbox" }), jsx(Markdown, { className: "dsa-event-registration__mandatory-text", children: mandatoryText }), jsx(Button, { label: cta.label, url: cta.url, "aria-label": cta?.ariaLabel, variant: "primary", size: "small" })] })] })));
+const EventRegistrationContext = createContext(EventRegistrationContextDefault);
+const EventRegistration = forwardRef((props, ref) => {
+    const Component = useContext(EventRegistrationContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+EventRegistration.displayName = "EventRegistration";
+
+export { EventRegistration, EventRegistrationContext, EventRegistrationContextDefault };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Jul 2025 13:19:04 GMT
+ * Generated on Tue, 08 Jul 2025 07:49:14 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      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/>",
+    "code": "<EventList\n  events={[\n    {\n      categories: [\n        'Buyers',\n        'Sellers',\n        'Renters'\n      ],\n      cta: 'Show appointment',\n      ctaText: 'Show event',\n      date: 'FRI, JAN 16',\n      image: {\n        alt: 'A futuristic AI concept image',\n        src: 'img/close-up-young-business-team-working.png'\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      ctaText: 'Show event',\n      date: '14.01.2025',\n      image: {\n        alt: 'A futuristic AI concept image',\n        src: 'img/close-up-young-business-team-working.png'\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      ctaText: 'Show event',\n      date: '20/30/2025',\n      image: {\n        alt: 'A futuristic AI concept image',\n        src: 'img/close-up-young-business-team-working.png'\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": {
@@ -989,10 +989,11 @@
             "Renters"
           ],
           "image": {
-            "src": "https://picsum.photos/seed/flower/800/600",
+            "src": "img/close-up-young-business-team-working.png",
             "alt": "A futuristic AI concept image"
           },
           "url": "https://example.com",
+          "ctaText": "Show event",
           "cta": "Show appointment"
         },
         {
@@ -1008,10 +1009,11 @@
             "AI"
           ],
           "image": {
-            "src": "https://picsum.photos/seed/flower/800/600",
+            "src": "img/close-up-young-business-team-working.png",
             "alt": "A futuristic AI concept image"
           },
           "url": "https://example.com",
+          "ctaText": "Show event",
           "cta": "Show appointment"
         },
         {
@@ -1028,10 +1030,11 @@
             "Technology"
           ],
           "image": {
-            "src": "https://picsum.photos/seed/flower/800/600",
+            "src": "img/close-up-young-business-team-working.png",
             "alt": "A futuristic AI concept image"
           },
           "url": "https://example.com",
+          "ctaText": "Show event",
           "cta": "Show appointment"
         }
       ]
@@ -1823,30 +1826,26 @@
     "id": "event-event-list-teaser--default",
     "group": "Event/ Event List Teaser",
     "name": "Default",
-    "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/>",
+    "code": "<EventListTeaser\n  categories={[\n    'AI'\n  ]}\n  cta=\"Show event\"\n  ctaText=\"Show event\"\n  date=\"30.12.2025\"\n  image={{\n    alt: 'A futuristic AI concept image',\n    src: 'img/close-up-young-business-team-working.png'\n  }}\n  location={{\n    address: 'Alexanderplatz 1<br />\\n10178 Berlin',\n    name: 'Tech Conference Center'\n  }}\n  text=\"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=\"#\"\n/>",
     "args": {
       "title": "The Future of AI",
-      "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.",
+      "text": "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": {
-        "name": "Stadthalle",
-        "address": "Köln"
+        "name": "Tech Conference Center",
+        "address": "Alexanderplatz 1<br />\n10178 Berlin"
       },
       "categories": [
         "AI"
       ],
       "image": {
-        "src": "https://picsum.photos/seed/flower/800/600",
+        "src": "img/close-up-young-business-team-working.png",
         "alt": "A futuristic AI concept image"
       },
-      "url": "https://example.com",
-      "cta": "Show event",
-      "teaserText": "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.",
-      "link": {
-        "url": "#",
-        "text": "Show event"
-      }
+      "url": "#",
+      "ctaText": "Show event",
+      "cta": "Show event"
     },
     "screenshot": "img/screenshots/event-event-list-teaser--default.png"
   },
@@ -1892,6 +1891,42 @@
     },
     "screenshot": "img/screenshots/event-event-location--default.png"
   },
+  {
+    "id": "event-event-registration--default",
+    "group": "Event/ Event Registration",
+    "name": "Default",
+    "code": "<EventRegistration\n  confirmationCheckboxLabel=\"I read and agree to the terms and conditions*\"\n  cta={{\n    ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n    label: 'Send Request',\n    url: '#'\n  }}\n  date=\"18.09.2025\"\n  emailInput={{\n    label: 'Email*',\n    placeholder: 'Enter your email'\n  }}\n  label=\"Registration Request\"\n  link={{\n    text: 'More Information on the Event',\n    url: '#'\n  }}\n  location={{\n    address: 'Alexanderplatz 1<br/>10178 Berlin',\n    name: 'Tech Conference Center'\n  }}\n  mandatoryText=\"_* Mandatory_\"\n  nameInput={{\n    label: 'Name*',\n    placeholder: 'Enter your name'\n  }}\n  time=\"09:00 – 17:00\"\n  title=\"The Future of AI\"\n/>",
+    "args": {
+      "label": "Registration Request",
+      "title": "The Future of AI",
+      "link": {
+        "url": "#",
+        "text": "More Information on the Event"
+      },
+      "date": "18.09.2025",
+      "time": "09:00 – 17:00",
+      "location": {
+        "name": "Tech Conference Center",
+        "address": "Alexanderplatz 1<br/>10178 Berlin"
+      },
+      "nameInput": {
+        "label": "Name*",
+        "placeholder": "Enter your name"
+      },
+      "emailInput": {
+        "label": "Email*",
+        "placeholder": "Enter your email"
+      },
+      "confirmationCheckboxLabel": "I read and agree to the terms and conditions*",
+      "mandatoryText": "_* Mandatory_",
+      "cta": {
+        "label": "Send Request",
+        "url": "#",
+        "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
+      }
+    },
+    "screenshot": "img/screenshots/event-event-registration--default.png"
+  },
   {
     "id": "components-faq--dropdown-list",
     "group": "Components/Faq",

package/dist/global.css

@@ -608,7 +608,7 @@ h3 {
   --dsa-input--border-color_active: var(--ks-border-color-interface-interactive-active);
   --dsa-input__label--color: var(--ks-text-color-interface);
   --dsa-input__label--font: var(--ks-font-interface-s);
-  --dsa-input__label--font-weight: var(--ks-font-weight-regular);
+  --dsa-input__label--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-input--font: var(--ks-font-interface-s);
   --dsa-input--background: transparent;
   --dsa-input--background_focus: transparent;

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Jul 2025 13:19:07 GMT
+ * Generated on Tue, 08 Jul 2025 07:49:17 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 Fri, 04 Jul 2025 13:19:11 GMT
+ * Generated on Tue, 08 Jul 2025 07:49:21 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 Fri, 04 Jul 2025 13:19:09 GMT
+ * Generated on Tue, 08 Jul 2025 07:49:19 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 Fri, 04 Jul 2025 13:19:13 GMT
+ * Generated on Tue, 08 Jul 2025 07:49:23 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 Fri, 04 Jul 2025 13:19:04 GMT
+ * Generated on Tue, 08 Jul 2025 07:49:14 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Jul 2025 13:19:04 GMT
+ * Generated on Tue, 08 Jul 2025 07:49:15 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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