@kickstartds/ds-agency-premium 1.6.68--canary.45.1711.0 → 1.6.68--canary.45.1716.0

package/dist/components/cta/cta.schema.dereffed.json

@@ -60,10 +60,10 @@
             "title": "Icon",
             "description": "Choose an icon"
           },
-          "target": {
+          "url": {
             "type": "string",
-            "title": "Target",
-            "description": "Target that should be linked, makes the button behave like a link semantically",
+            "title": "URL",
+            "description": "The URL to link to when the button is clicked",
             "format": "uri"
           }
         },

package/dist/components/cta/cta.schema.json

@@ -48,8 +48,8 @@
           "icon": {
             "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/icon"
           },
-          "target": {
-            "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/target"
+          "url": {
+            "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/url"
           }
         }
       }

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { CtaProps } from "../../CtaProps-8a0dba0d.js";
+import { CtaProps } from "../../CtaProps-babe4ee6.js";
 declare const CtaContextDefault: import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const CtaContext: import("react").Context<import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Cta: import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/event-list-appointment.schema.json",
-  "title": "Event List Appointment",
+  "$id": "http://schema.mydesignsystem.com/event-appointment.schema.json",
+  "title": "Event Appointment",
   "type": "object",
   "properties": {
     "date": {
@@ -29,8 +29,8 @@
         "Register"
       ]
     },
-    "href": {
-      "title": "Href",
+    "url": {
+      "title": "URL",
       "description": "URL for the call to action button",
       "type": "string",
       "format": "uri",
@@ -49,7 +49,7 @@
       "default": "Event Appointment"
     },
     "type": {
-      "const": "event-list-appointment"
+      "const": "event-appointment"
     }
   },
   "additionalProperties": false

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

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/event-list-appointment.schema.json",
-  "title": "Event List Appointment",
+  "$id": "http://schema.mydesignsystem.com/event-appointment.schema.json",
+  "title": "Event Appointment",
   "type": "object",
   "properties": {
     "date": {
@@ -23,8 +23,8 @@
       "type": "string",
       "examples": ["Register"]
     },
-    "href": {
-      "title": "Href",
+    "url": {
+      "title": "URL",
       "description": "URL for the call to action button",
       "type": "string",
       "format": "uri",

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

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

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

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

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

@@ -41,8 +41,8 @@
       "type": "array",
       "items": {
         "$schema": "http://json-schema.org/draft-07/schema#",
-        "$id": "http://schema.mydesignsystem.com/event-list-location.schema.json",
-        "title": "Event List Location",
+        "$id": "http://schema.mydesignsystem.com/event-location.schema.json",
+        "title": "Event Location",
         "type": "object",
         "properties": {
           "dates": {
@@ -51,8 +51,8 @@
             "type": "array",
             "items": {
               "$schema": "http://json-schema.org/draft-07/schema#",
-              "$id": "http://schema.mydesignsystem.com/event-list-appointment.schema.json",
-              "title": "Event List Appointment",
+              "$id": "http://schema.mydesignsystem.com/event-appointment.schema.json",
+              "title": "Event Appointment",
               "type": "object",
               "properties": {
                 "date": {
@@ -80,8 +80,8 @@
                     "Register"
                   ]
                 },
-                "href": {
-                  "title": "Href",
+                "url": {
+                  "title": "URL",
                   "description": "URL for the call to action button",
                   "type": "string",
                   "format": "uri",
@@ -100,7 +100,7 @@
                   "default": "Event Appointment"
                 },
                 "type": {
-                  "const": "event-list-appointment"
+                  "const": "event-appointment"
                 }
               },
               "additionalProperties": false
@@ -129,7 +129,7 @@
             "items": {
               "type": "object",
               "properties": {
-                "href": {
+                "url": {
                   "type": "string",
                   "format": "uri"
                 },
@@ -143,14 +143,14 @@
                 }
               },
               "required": [
-                "href",
+                "url",
                 "label"
               ],
               "additionalProperties": false
             }
           },
           "type": {
-            "const": "event-list-location"
+            "const": "event-location"
           }
         },
         "additionalProperties": false
@@ -260,9 +260,9 @@
             "See all Events"
           ]
         },
-        "target": {
+        "url": {
           "type": "string",
-          "title": "Target",
+          "title": "Url",
           "description": "URL the button links to",
           "format": "uri"
         }

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

@@ -35,7 +35,7 @@
       "description": "List of locations with attendable appointments",
       "type": "array",
       "items": {
-        "$ref": "http://schema.mydesignsystem.com/event-list-location.schema.json"
+        "$ref": "http://schema.mydesignsystem.com/event-location.schema.json"
       }
     },
     "downloads": {
@@ -61,9 +61,9 @@
           "description": "Label of the button",
           "examples": ["See all Events"]
         },
-        "target": {
+        "url": {
           "type": "string",
-          "title": "Target",
+          "title": "Url",
           "description": "URL the button links to",
           "format": "uri"
         }

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

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

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

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

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

@@ -29,8 +29,8 @@
       "type": "array",
       "items": {
         "$schema": "http://json-schema.org/draft-07/schema#",
-        "$id": "http://schema.mydesignsystem.com/event-teaser.schema.json",
-        "title": "Event Teaser",
+        "$id": "http://schema.mydesignsystem.com/event-latest-teaser.schema.json",
+        "title": "Event Latest Teaser",
         "description": "Display an event teaser with date, title and location",
         "type": "object",
         "properties": {
@@ -114,7 +114,7 @@
             "type": "string"
           },
           "type": {
-            "const": "event-teaser"
+            "const": "event-latest-teaser"
           }
         },
         "additionalProperties": false,

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

@@ -24,7 +24,7 @@
       "description": "List of events to display",
       "type": "array",
       "items": {
-        "$ref": "http://schema.mydesignsystem.com/event-teaser.schema.json"
+        "$ref": "http://schema.mydesignsystem.com/event-latest-teaser.schema.json"
       },
       "minItems": 1,
       "examples": [

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

@@ -6,7 +6,7 @@ import { HTMLAttributes } from "react";
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { EventTeaserProps } from "../../EventTeaserProps-e00ea659.js";
+import { EventLatestTeaserProps } from "../../EventLatestTeaserProps-fc9d3281.js";
 /**
  * Headline for the listing
  */
@@ -21,8 +21,8 @@ type Text = string;
  * @minItems 1
  */
 type Events = [
-    EventTeaserProps,
-    ...EventTeaserProps[]
+    EventLatestTeaserProps,
+    ...EventLatestTeaserProps[]
 ];
 /**
  * The to link

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

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

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

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/event-teaser.schema.json",
-  "title": "Event Teaser",
+  "$id": "http://schema.mydesignsystem.com/event-latest-teaser.schema.json",
+  "title": "Event Latest Teaser",
   "description": "Display an event teaser with date, title and location",
   "type": "object",
   "properties": {
@@ -85,7 +85,7 @@
       "type": "string"
     },
     "type": {
-      "const": "event-teaser"
+      "const": "event-latest-teaser"
     }
   },
   "additionalProperties": false,

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

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/event-teaser.schema.json",
-  "title": "Event Teaser",
+  "$id": "http://schema.mydesignsystem.com/event-latest-teaser.schema.json",
+  "title": "Event Latest Teaser",
   "description": "Display an event teaser with date, title and location",
   "type": "object",
   "properties": {

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

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

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

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

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

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