@kickstartds/ds-agency-premium 1.6.68--canary.45.1695.0 → 1.6.68--canary.45.1698.0

package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-7caa223c.d.ts}

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-7caa223c.js";
+import { SectionProps } from "./SectionProps-03ff6d21.js";
 import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
 import { CtaProps } from "./CtaProps-8a0dba0d.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";

package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-d9decb7c.d.ts}

@@ -5,7 +5,7 @@
  */
 import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
 import { BlogAsideProps } from "./BlogAsideProps-d9decb7c.js";
-import { SectionProps } from "./SectionProps-7caa223c.js";
+import { SectionProps } from "./SectionProps-03ff6d21.js";
 import { CtaProps } from "./CtaProps-8a0dba0d.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/EventDetailProps-19b81db8.d.ts

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { EventListLocationProps } from "./EventListLocationProps-204fd84f.js";
+import { EventListLocationProps } from "./EventListLocationProps-d4345e0e.js";
 /**
  * Title of the event
  */

package/dist/{EventListLocationProps-204fd84f.d.ts → EventListLocationProps-d4345e0e.d.ts}

@@ -8,17 +8,29 @@ import { EventListAppointmentProps } from "./EventListAppointmentProps-da54c3b9.
  * List of dates of the event
  */
 type Dates = EventListAppointmentProps[];
+/**
+ * Name of the event location
+ */
+type LocationName = string;
 /**
  * Address of the appointment
  */
 type Address = string;
 /**
- * Link to the location on a map
+ * Links related to the event location
  */
-type MapsLink = string;
+type Links = {
+    href: string;
+    label: string;
+    /**
+     * Open link in a new tab
+     */
+    newTab?: boolean;
+}[];
 interface EventListLocationProps {
     dates?: Dates;
+    locationName?: LocationName;
     address?: Address;
-    mapsLink?: MapsLink;
+    links?: Links;
 }
-export { Dates, Address, MapsLink, EventListLocationProps };
+export { Dates, LocationName, Address, Links, EventListLocationProps };

package/dist/{PageProps-aa29c554.d.ts → PageProps-7caa223c.d.ts}

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-7caa223c.js";
+import { SectionProps } from "./SectionProps-03ff6d21.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Collection of sections (with their contents) to render on the page

package/dist/{SectionProps-7caa223c.d.ts → SectionProps-03ff6d21.d.ts}

@@ -10,7 +10,7 @@ import { FeaturesProps } from "./FeaturesProps-7ef528ec.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-aa4e6431.js";
 import { HtmlProps } from "./HtmlProps-9d091769.js";
-import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "./ImageStoryProps-03ff6d21.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

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

@@ -1,4 +1,4 @@
-import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
+import { BlogOverviewProps } from "../../BlogOverviewProps-7caa223c.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
 export type { BlogOverviewProps };

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

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
+import { BlogPostProps } from "../../BlogPostProps-d9decb7c.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export type { BlogPostProps };

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

@@ -106,6 +106,14 @@
               "additionalProperties": false
             }
           },
+          "locationName": {
+            "title": "Location Name",
+            "description": "Name of the event location",
+            "type": "string",
+            "examples": [
+              "Berlin Congress Center"
+            ]
+          },
           "address": {
             "title": "Address",
             "description": "Address of the appointment",
@@ -114,14 +122,32 @@
               "Berlin Congress Center<br />Alexanderplatz 1<br />10178 Berlin"
             ]
           },
-          "mapsLink": {
-            "title": "Maps Link",
-            "description": "Link to the location on a map",
-            "type": "string",
-            "format": "uri",
-            "examples": [
-              "https://maps.google.com/?q=Berlin+Congress+Center"
-            ]
+          "links": {
+            "title": "Links",
+            "description": "Links related to the event location",
+            "type": "array",
+            "items": {
+              "type": "object",
+              "properties": {
+                "href": {
+                  "type": "string",
+                  "format": "uri"
+                },
+                "label": {
+                  "type": "string"
+                },
+                "newTab": {
+                  "type": "boolean",
+                  "default": true,
+                  "description": "Open link in a new tab"
+                }
+              },
+              "required": [
+                "href",
+                "label"
+              ],
+              "additionalProperties": false
+            }
           },
           "type": {
             "const": "event-list-location"

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

@@ -5,6 +5,7 @@ import { Section } from '../section/index.js';
 import { EventHeader } from '../event-header/index.js';
 import { Gallery } from '../gallery/index.js';
 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';
@@ -13,15 +14,14 @@ import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
 import '../section/js/Section.client.js';
 import '@kickstartds/core/lib/component';
-import '../headline/index.js';
-import 'markdown-to-jsx';
-import '@kickstartds/base/lib/headline';
 import '../text/index.js';
 import '@kickstartds/base/lib/tag-label';
 import '@kickstartds/base/lib/text-media';
 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 && (jsx(Section, { width: "narrow", content: { mode: "list" }, children: 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 && (jsx(Section, { width: "narrow", spaceBefore: "none", spaceAfter: "none", children: jsx(Downloads, { downloads: downloads }) })), jsx(Section, { width: "narrow", buttons: [
+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 && (jsx(Section, { width: "narrow", spaceBefore: "none", spaceAfter: "none", children: jsx(Downloads, { downloads: downloads }) })), jsx(Section, { width: "narrow", buttons: [
                 {
                     label: "See all Events",
                     target: "/#",

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

@@ -1,6 +1,4 @@
 .dsa-event-list-appointment {
-  --g-link--text-decoration: none;
-  --g-link--text-decoration-hover: none;
   --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);
@@ -33,10 +31,15 @@
 .dsa-event-list-appointment__label {
   display: flex;
   align-items: center;
-  color: var(--ks-text-color-primary);
+  color: var(--dsa-link--color);
   font: var(--ks-font-interface-s);
   align-self: flex-end;
   font-weight: var(--ks-font-weight-semi-bold);
+  transition: var(--ks-transition-hover);
+  transition-property: color;
+}
+.dsa-event-list-appointment__label:hover {
+  color: var(--dsa-link--color_hover);
 }
 .dsa-event-list-appointment__label .icon {
   width: 1.75em;

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

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

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

@@ -1,7 +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-list-location__icon--size: calc(var(--ks-font-size-copy-m) * var(--ks-line-height-copy-m));
   flex-wrap: wrap;
   display: flex;
   flex-direction: row;
@@ -11,6 +9,30 @@
   padding: var(--ks-spacing-inset-m);
   border-radius: var(--ks-border-radius-surface);
 }
+.dsa-event-list-location + .dsa-event-list-location {
+  margin-top: var(--ks-spacing-stack-m);
+}
+.dsa-event-list-location__content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-s);
+  flex-grow: 0;
+  flex-grow: 0;
+}
+.dsa-event-list-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 {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  gap: var(--ks-spacing-xxs);
+}
+.dsa-event-list-location__link {
+  font: var(--ks-font-interface-s);
+}
 .dsa-event-list-location__icon {
   width: 2rem;
   height: 2rem;

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

@@ -65,6 +65,14 @@
         "additionalProperties": false
       }
     },
+    "locationName": {
+      "title": "Location Name",
+      "description": "Name of the event location",
+      "type": "string",
+      "examples": [
+        "Berlin Congress Center"
+      ]
+    },
     "address": {
       "title": "Address",
       "description": "Address of the appointment",
@@ -73,14 +81,32 @@
         "Berlin Congress Center<br />Alexanderplatz 1<br />10178 Berlin"
       ]
     },
-    "mapsLink": {
-      "title": "Maps Link",
-      "description": "Link to the location on a map",
-      "type": "string",
-      "format": "uri",
-      "examples": [
-        "https://maps.google.com/?q=Berlin+Congress+Center"
-      ]
+    "links": {
+      "title": "Links",
+      "description": "Links related to the event location",
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "href": {
+            "type": "string",
+            "format": "uri"
+          },
+          "label": {
+            "type": "string"
+          },
+          "newTab": {
+            "type": "boolean",
+            "default": true,
+            "description": "Open link in a new tab"
+          }
+        },
+        "required": [
+          "href",
+          "label"
+        ],
+        "additionalProperties": false
+      }
     },
     "type": {
       "const": "event-list-location"

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

@@ -12,6 +12,12 @@
         "$ref": "http://schema.mydesignsystem.com/event-list-appointment.schema.json"
       }
     },
+    "locationName": {
+      "title": "Location Name",
+      "description": "Name of the event location",
+      "type": "string",
+      "examples": ["Berlin Congress Center"]
+    },
     "address": {
       "title": "Address",
       "description": "Address of the appointment",
@@ -20,12 +26,28 @@
         "Berlin Congress Center<br />Alexanderplatz 1<br />10178 Berlin"
       ]
     },
-    "mapsLink": {
-      "title": "Maps Link",
-      "description": "Link to the location on a map",
-      "type": "string",
-      "format": "uri",
-      "examples": ["https://maps.google.com/?q=Berlin+Congress+Center"]
+    "links": {
+      "title": "Links",
+      "description": "Links related to the event location",
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "href": {
+            "type": "string",
+            "format": "uri"
+          },
+          "label": {
+            "type": "string"
+          },
+          "newTab": {
+            "type": "boolean",
+            "default": true,
+            "description": "Open link in a new tab"
+          }
+        },
+        "required": ["href", "label"]
+      }
     }
   },
   "additionalProperties": false

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { EventListLocationProps } from "../../EventListLocationProps-204fd84f.js";
+import { EventListLocationProps } from "../../EventListLocationProps-d4345e0e.js";
 declare const EventListLocationContextDefault: import("react").ForwardRefExoticComponent<EventListLocationProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const EventListLocationContext: import("react").Context<import("react").ForwardRefExoticComponent<EventListLocationProps & import("react").RefAttributes<HTMLDivElement>>>;
 declare const EventListLocation: import("react").ForwardRefExoticComponent<EventListLocationProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { PageProps } from "../../PageProps-aa29c554.js";
+import { PageProps } from "../../PageProps-7caa223c.js";
 import { FC, PropsWithChildren } from "react";
 declare const Page: FC<PropsWithChildren<PageProps>>;
 export type { PageProps };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 23 Jun 2025 14:58:30 GMT
+ * Generated on Mon, 23 Jun 2025 15:12:02 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/presets.json

@@ -765,7 +765,7 @@
     "id": "page-archetypes-event-detail--event-detail",
     "group": "Page Archetypes/Event Detail",
     "name": "EventDetail",
-    "code": "<EventDetail\n  button={{\n    label: 'See all Events',\n    target: '/#'\n  }}\n  categories={[\n    {\n      label: 'Conference'\n    },\n    {\n      label: 'Design Systems'\n    }\n  ]}\n  description=\"\nJoin us for a day of inspiring talks, hands-on workshops, and networking with design system experts from around the world.\n\n**Highlights:**\n- Keynotes from industry leaders\n- Practical sessions on design tokens, accessibility, and scaling systems\n- Evening networking event with food & drinks\n  \"\n  downloads={[\n    {\n      format: 'PDF',\n      name: 'Product Brochure',\n      previewImage: 'img/offset-image.png',\n      size: '2.5 MB',\n      url: 'img/offset-image.png'\n    },\n    {\n      format: 'PDF',\n      name: 'Company Brochure',\n      previewImage: 'assets/figma-cover.png',\n      size: '3.2 MB',\n      url: 'assets/figma-cover.png'\n    },\n    {\n      format: 'DOC',\n      name: 'User Guide',\n      size: '20 KB',\n      url: 'assets/user-guide.doc'\n    },\n    {\n      format: 'TXT',\n      name: 'Technical Specifications',\n      size: '12 KB',\n      url: 'assets/technical-specifications.txt'\n    }\n  ]}\n  images={[\n    {\n      alt: 'Alt text Image 1',\n      caption: 'Caption Image 1',\n      src: 'img/close-up-young-business-team-working.png'\n    },\n    {\n      alt: 'Alt text Image 2',\n      caption: 'Caption Image 2',\n      src: 'img/low-angle-tall-building-with-many-windows_23-2148230392.png'\n    },\n    {\n      alt: 'Alt text Image 3',\n      caption: 'Caption Image 3',\n      src: 'img/full-shot-different-people-working-together.png'\n    },\n    {\n      alt: 'Alt text Image 4',\n      caption: 'Caption Image 4',\n      src: 'img/top-view-desk-with-keyboard-drawing-pad.png'\n    }\n  ]}\n  intro=\"A full-day event for design system professionals and enthusiasts. Join us to learn, share, and connect with like-minded individuals.\"\n  locations={[\n    {\n      address: 'Berlin Congress Center<br />\\n      Alexanderplatz 1<br />\\n      10178 Berlin',\n      dates: [\n        {\n          ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n          date: '2025-09-18',\n          href: '#',\n          label: 'Register',\n          newTab: true,\n          time: '09:00 – 17:00'\n        },\n        {\n          ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n          date: '2025-09-18',\n          href: '#',\n          label: 'Register',\n          newTab: true,\n          time: '09:00 – 17:00'\n        }\n      ],\n      mapsLink: 'https://maps.google.com/?q=Berlin+Congress+Center'\n    },\n    {\n      address: 'Köln Messe<br />\\n      Messeplatz 1<br />\\n      50679 Köln',\n      dates: [\n        {\n          ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n          date: '2025-09-18',\n          href: '#',\n          label: 'Register',\n          newTab: true,\n          time: '09:00 – 17:00'\n        }\n      ],\n      mapsLink: 'https://maps.google.com/?q=Köln+Messe'\n    }\n  ]}\n  title=\"Systemics Design Conference 2025\"\n/>",
+    "code": "<EventDetail\n  button={{\n    label: 'See all Events',\n    target: '/#'\n  }}\n  categories={[\n    {\n      label: 'Conference'\n    },\n    {\n      label: 'Design Systems'\n    }\n  ]}\n  description=\"\nJoin us for a day of inspiring talks, hands-on workshops, and networking with design system experts from around the world.\n\n**Highlights:**\n- Keynotes from industry leaders\n- Practical sessions on design tokens, accessibility, and scaling systems\n- Evening networking event with food & drinks\n  \"\n  downloads={[\n    {\n      format: 'PDF',\n      name: 'Product Brochure',\n      previewImage: 'img/offset-image.png',\n      size: '2.5 MB',\n      url: 'img/offset-image.png'\n    },\n    {\n      format: 'PDF',\n      name: 'Company Brochure',\n      previewImage: 'assets/figma-cover.png',\n      size: '3.2 MB',\n      url: 'assets/figma-cover.png'\n    },\n    {\n      format: 'DOC',\n      name: 'User Guide',\n      size: '20 KB',\n      url: 'assets/user-guide.doc'\n    },\n    {\n      format: 'TXT',\n      name: 'Technical Specifications',\n      size: '12 KB',\n      url: 'assets/technical-specifications.txt'\n    }\n  ]}\n  images={[\n    {\n      alt: 'Alt text Image 1',\n      caption: 'Caption Image 1',\n      src: 'img/close-up-young-business-team-working.png'\n    },\n    {\n      alt: 'Alt text Image 2',\n      caption: 'Caption Image 2',\n      src: 'img/low-angle-tall-building-with-many-windows_23-2148230392.png'\n    },\n    {\n      alt: 'Alt text Image 3',\n      caption: 'Caption Image 3',\n      src: 'img/full-shot-different-people-working-together.png'\n    },\n    {\n      alt: 'Alt text Image 4',\n      caption: 'Caption Image 4',\n      src: 'img/top-view-desk-with-keyboard-drawing-pad.png'\n    }\n  ]}\n  intro=\"A full-day event for design system professionals and enthusiasts. Join us to learn, share, and connect with like-minded individuals.\"\n  locations={[\n    {\n      address: 'Alexanderplatz 1<br />\\n      10178 Berlin',\n      dates: [\n        {\n          ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n          date: '2025-09-18',\n          href: '#',\n          label: 'Register',\n          newTab: true,\n          time: '09:00 – 17:00'\n        },\n        {\n          ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n          date: '2025-09-18',\n          href: '#',\n          label: 'Register',\n          newTab: true,\n          time: '09:00 – 17:00'\n        }\n      ],\n      links: [\n        {\n          href: 'https://maps.google.com/?q=Berlin+Congress+Center',\n          label: 'Open in Google Maps',\n          newTab: true\n        }\n      ],\n      locationName: 'Berlin Congress Center'\n    },\n    {\n      address: 'Messeplatz 1<br />\\n      50679 Köln',\n      dates: [\n        {\n          ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n          date: '2025-09-18',\n          href: '#',\n          label: 'Register',\n          newTab: true,\n          time: '09:00 – 17:00'\n        }\n      ],\n      links: [\n        {\n          href: 'https://maps.google.com/?q=Berlin+Congress+Center',\n          label: 'Open in Google Maps',\n          newTab: true\n        },\n        {\n          href: 'https://www.berlincongresscenter.com',\n          label: 'Location Website',\n          newTab: true\n        }\n      ],\n      locationName: 'Köln Messe'\n    }\n  ]}\n  title=\"Systemics Design Conference 2025\"\n/>",
     "args": {
       "categories": [
         {
@@ -795,8 +795,15 @@
               "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
             }
           ],
-          "address": "Berlin Congress Center<br />\n      Alexanderplatz 1<br />\n      10178 Berlin",
-          "mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center"
+          "locationName": "Berlin Congress Center",
+          "address": "Alexanderplatz 1<br />\n      10178 Berlin",
+          "links": [
+            {
+              "newTab": true,
+              "href": "https://maps.google.com/?q=Berlin+Congress+Center",
+              "label": "Open in Google Maps"
+            }
+          ]
         },
         {
           "dates": [
@@ -809,8 +816,20 @@
               "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
             }
           ],
-          "address": "Köln Messe<br />\n      Messeplatz 1<br />\n      50679 Köln",
-          "mapsLink": "https://maps.google.com/?q=Köln+Messe"
+          "locationName": "Köln Messe",
+          "address": "Messeplatz 1<br />\n      50679 Köln",
+          "links": [
+            {
+              "newTab": true,
+              "href": "https://maps.google.com/?q=Berlin+Congress+Center",
+              "label": "Open in Google Maps"
+            },
+            {
+              "newTab": true,
+              "href": "https://www.berlincongresscenter.com",
+              "label": "Location Website"
+            }
+          ]
         }
       ],
       "images": [
@@ -1572,7 +1591,7 @@
     "id": "event-event-list-location--default",
     "group": "Event/ Event List Location",
     "name": "Default",
-    "code": "<EventListLocation\n  address=\"Berlin Congress Center<br />\n  Alexanderplatz 1<br />\n  10178 Berlin\"\n  dates={[\n    {\n      ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n      date: '2025-09-18',\n      href: '#',\n      label: 'Register',\n      newTab: true,\n      time: '09:00 – 17:00'\n    },\n    {\n      ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n      date: '2025-09-18',\n      href: '#',\n      label: 'Register',\n      newTab: true,\n      time: '09:00 – 17:00'\n    }\n  ]}\n  mapsLink=\"https://maps.google.com/?q=Berlin+Congress+Center\"\n/>",
+    "code": "<EventListLocation\n  address=\"Alexanderplatz 1<br />\n  10178 Berlin\"\n  dates={[\n    {\n      ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n      date: '2025-09-18',\n      href: '#',\n      label: 'Register',\n      newTab: true,\n      time: '09:00 – 17:00'\n    },\n    {\n      ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n      date: '2025-09-18',\n      href: '#',\n      label: 'Register',\n      newTab: true,\n      time: '09:00 – 17:00'\n    }\n  ]}\n  links={[\n    {\n      href: 'https://maps.google.com/?q=Berlin+Congress+Center',\n      label: 'Open in Google Maps',\n      newTab: true\n    },\n    {\n      href: 'https://maps.google.com/?q=Berlin+Congress+Center',\n      label: 'Location Website',\n      newTab: true\n    }\n  ]}\n  locationName=\"Berlin Congress Center\"\n/>",
     "args": {
       "dates": [
         {
@@ -1592,8 +1611,20 @@
           "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
         }
       ],
-      "address": "Berlin Congress Center<br />\n  Alexanderplatz 1<br />\n  10178 Berlin",
-      "mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center"
+      "locationName": "Berlin Congress Center",
+      "address": "Alexanderplatz 1<br />\n  10178 Berlin",
+      "links": [
+        {
+          "newTab": true,
+          "href": "https://maps.google.com/?q=Berlin+Congress+Center",
+          "label": "Open in Google Maps"
+        },
+        {
+          "newTab": true,
+          "href": "https://maps.google.com/?q=Berlin+Congress+Center",
+          "label": "Location Website"
+        }
+      ]
     },
     "screenshot": "img/screenshots/event-event-list-location--default.png"
   },

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

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

package/dist/global.css

@@ -308,8 +308,8 @@ h3 {
   --dsa-link--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-link--color: var(--ks-text-color-default-interactive);
   --dsa-link--color_hover: var(--ks-text-color-default-interactive-hover);
-  --dsa-link--text-decoration: underline;
-  --dsa-link--text-decoration_hover: underline;
+  --dsa-link--text-decoration: none;
+  --dsa-link--text-decoration_hover: none;
   --dsa-typo--highlight: var(--ks-color-primary);
   --dsa-content--horizontal-spacing: var(--ks-spacing-inset-l);
   --dsa-content--vertical-spacing: var(--ks-spacing-xxl);
@@ -933,6 +933,18 @@ hr.c-divider {
   --c-divider--background: var(--ks-border-color-accent);
 }
 
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
 :root, [ks-inverted], [ks-theme] {
   --g-link--font-weight: var(--dsa-link--font-weight, var(--ks-font-weight-semi-bold));
   --g-link--text-decoration: var(--dsa-link--text-decoration, underline);

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 23 Jun 2025 14:58:33 GMT
+ * Generated on Mon, 23 Jun 2025 15:12:05 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 Mon, 23 Jun 2025 14:58:37 GMT
+ * Generated on Mon, 23 Jun 2025 15:12:09 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 Mon, 23 Jun 2025 14:58:35 GMT
+ * Generated on Mon, 23 Jun 2025 15:12:07 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 Mon, 23 Jun 2025 14:58:39 GMT
+ * Generated on Mon, 23 Jun 2025 15:12:11 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 Mon, 23 Jun 2025 14:58:30 GMT
+ * Generated on Mon, 23 Jun 2025 15:12:02 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 23 Jun 2025 14:58:31 GMT
+ * Generated on Mon, 23 Jun 2025 15:12:03 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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