@kickstartds/ds-agency-premium 1.6.68--canary.45.1671.0 → 1.6.68--canary.45.1678.0

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

@@ -0,0 +1,42 @@
+.dsa-event-list-entry {
+  --dsa-event-list-entry__icon--size: calc(var(--ks-font-size-copy-m) * var(--ks-line-height-copy-m));
+  flex-wrap: wrap;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
+  background-color: var(--ks-background-color-accent);
+  padding: var(--ks-spacing-inset-m);
+  border-radius: var(--ks-border-radius-surface);
+}
+.dsa-event-list-entry__icon {
+  width: 2rem;
+  height: 2rem;
+}
+.dsa-event-list-entry__row {
+  display: flex;
+  flex-direction: row;
+  gap: var(--ks-spacing-inline-m);
+  flex-wrap: wrap;
+  flex-shrink: 0;
+  flex-grow: 1;
+  flex-basis: 200px;
+}
+.dsa-event-list-entry__icon {
+  color: var(--ks-text-color-primary);
+  width: var(--dsa-event-list-entry__icon--size);
+  height: var(--dsa-event-list-entry__icon--size);
+}
+.dsa-event-list-entry__item {
+  display: flex;
+  gap: var(--ks-spacing-stack-xs);
+}
+.dsa-event-list-entry__appointments {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-s);
+  flex-grow: 1;
+}
+.dsa-event-list-entry .l-container--rich-text {
+  container-type: normal;
+}

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

@@ -0,0 +1,75 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-list-entry.schema.json",
+  "title": "Event List Entry",
+  "type": "object",
+  "properties": {
+    "dates": {
+      "title": "Dates",
+      "description": "List of dates of the event",
+      "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",
+        "type": "object",
+        "properties": {
+          "date": {
+            "title": "Date",
+            "description": "Date of the appointment",
+            "type": "string",
+            "format": "date"
+          },
+          "time": {
+            "title": "Time",
+            "description": "Time of the appointment",
+            "type": "string"
+          },
+          "label": {
+            "title": "CTA Label",
+            "description": "Label for the call to action button",
+            "type": "string"
+          },
+          "href": {
+            "title": "Href",
+            "description": "URL for the call to action button",
+            "type": "string",
+            "format": "uri",
+            "default": "#"
+          },
+          "newTab": {
+            "title": "Open in New Tab",
+            "description": "Whether the link should open in a new tab",
+            "type": "boolean",
+            "default": true
+          },
+          "ariaLabel": {
+            "title": "Aria Label",
+            "description": "Aria label for the link",
+            "type": "string",
+            "default": "Event Appointment"
+          },
+          "type": {
+            "const": "event-list-appointment"
+          }
+        },
+        "additionalProperties": false
+      }
+    },
+    "address": {
+      "title": "Address",
+      "description": "Address of the appointment",
+      "type": "string"
+    },
+    "mapsLink": {
+      "title": "Maps Link",
+      "description": "Link to the location on a map",
+      "type": "string",
+      "format": "uri"
+    },
+    "type": {
+      "const": "event-list-entry"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,28 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-list-entry.schema.json",
+  "title": "Event List Entry",
+  "type": "object",
+  "properties": {
+    "dates": {
+      "title": "Dates",
+      "description": "List of dates of the event",
+      "type": "array",
+      "items": {
+        "$ref": "http://schema.mydesignsystem.com/event-list-appointment.schema.json"
+      }
+    },
+    "address": {
+      "title": "Address",
+      "description": "Address of the appointment",
+      "type": "string"
+    },
+    "mapsLink": {
+      "title": "Maps Link",
+      "description": "Link to the location on a map",
+      "type": "string",
+      "format": "uri"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -1,13 +1,30 @@
-import { FC } from "react";
-import { EventProps } from "../../EventProps-feae5a7c.js";
+/// <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.
+ */
+import { EventListAppointmentProps } from "../../EventListAppointmentProps-da54c3b9.js";
+/**
+ * List of dates of the event
+ */
+type Dates = EventListAppointmentProps[];
+/**
+ * Address of the appointment
+ */
+type Address = string;
+/**
+ * Link to the location on a map
+ */
+type MapsLink = string;
 interface EventListEntryProps {
-    dates?: Array<{
-        date?: string;
-        time?: string;
-        label?: string;
-    }>;
-    address?: string;
+    dates?: Dates;
+    address?: Address;
+    mapsLink?: MapsLink;
 }
-declare const EventListEntry: FC<EventListEntryProps>;
-export type { EventProps };
-export { EventListEntryProps, EventListEntry };
+declare const EventListEntryContextDefault: import("react").ForwardRefExoticComponent<EventListEntryProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const EventListEntryContext: import("react").Context<import("react").ForwardRefExoticComponent<EventListEntryProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const EventListEntry: import("react").ForwardRefExoticComponent<EventListEntryProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { EventListEntryProps };
+export { EventListEntryContextDefault, EventListEntryContext, EventListEntry };

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

@@ -1,12 +1,16 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { EventListAppointment } from '../event-list-appointment/index.js';
+import "./event-list-entry.css";
+import { forwardRef, createElement, createContext, useContext } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { RichText } from '@kickstartds/base/lib/rich-text';
 import { Icon } from '@kickstartds/base/lib/icon';
-import '../button/index.js';
-import 'react';
-import 'classnames';
-import '@kickstartds/base/lib/button';
+import { EventListAppointment } from '../event-list-appointment/index.js';
 
-const EventListEntry = ({ address, dates }) => (jsx(Fragment, { children: jsxs("div", { className: "dsa-event-list-entry", children: [address && (jsx("div", { className: "dsa-event-list-entry__row", children: jsxs("address", { className: "dsa-event-list-entry__item dsa-event-list-entry__address", children: [jsx(Icon, { className: "dsa-event-list-entry__icon", icon: "map-pin" }), jsx(RichText, { text: address })] }) })), dates && dates.length > 0 && (jsx("div", { className: "dsa-event-list-entry__appointments", children: dates.map((item, index) => (jsx("button", { className: "dsa-event-list-appointment", children: jsx(EventListAppointment, { ...item }) }, index))) }))] }) }));
+const EventListEntryContextDefault = forwardRef(({ address, dates, ...rest }, ref) => (jsxs("div", { className: "dsa-event-list-entry", ...rest, ref: ref, children: [address && (jsx("div", { className: "dsa-event-list-entry__row", children: jsxs("address", { className: "dsa-event-list-entry__item dsa-event-list-entry__address", children: [jsx(Icon, { className: "dsa-event-list-entry__icon", icon: "map-pin" }), jsx(RichText, { text: address })] }) })), dates && dates.length > 0 && (jsx("div", { className: "dsa-event-list-entry__appointments", children: dates.map((item, index) => (createElement(EventListAppointment, { ...item, key: index }))) }))] })));
+const EventListEntryContext = createContext(EventListEntryContextDefault);
+const EventListEntry = forwardRef((props, ref) => {
+    const Component = useContext(EventListEntryContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+EventListEntry.displayName = "EventListEntry";
 
-export { EventListEntry };
+export { EventListEntry, EventListEntryContext, EventListEntryContextDefault };

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

@@ -55,7 +55,8 @@
         "stack",
         "smallTiles",
         "largeTiles"
-      ]
+      ],
+      "default": "smallTiles"
     },
     "aspectRatio": {
       "type": "string",

package/dist/components/gallery/gallery.schema.json

@@ -43,7 +43,8 @@
       "type": "string",
       "title": "Layout",
       "description": "The layout of the gallery images",
-      "enum": ["stack", "smallTiles", "largeTiles"]
+      "enum": ["stack", "smallTiles", "largeTiles"],
+      "default": "smallTiles"
     },
     "aspectRatio": {
       "type": "string",

package/dist/components/gallery/index.js

@@ -4,7 +4,7 @@ import { forwardRef, useMemo, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { TextMedia } from '@kickstartds/base/lib/text-media';
 
-const GalleryContextDefault = forwardRef(({ lightbox = false, layout = "tiles", aspectRatio = "square", images = [], ...rest }, ref) => {
+const GalleryContextDefault = forwardRef(({ lightbox = false, layout = "smallTiles", aspectRatio = "square", images = [], ...rest }, ref) => {
     const galleryId = useMemo(() => `gallery-${Date.now()}`, []);
     return (jsx("div", { ...rest, ref: ref, className: `dsa-gallery`, children: jsx("div", { className: classnames(`dsa-gallery__grid`, `dsa-gallery__grid--${layout === "smallTiles"
                 ? "small-tiles"

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,7 +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-63f63768.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/page.schema.dereffed.json

@@ -695,7 +695,8 @@
                         "stack",
                         "smallTiles",
                         "largeTiles"
-                      ]
+                      ],
+                      "default": "smallTiles"
                     },
                     "aspectRatio": {
                       "type": "string",
@@ -1907,7 +1908,8 @@
                                   "stack",
                                   "smallTiles",
                                   "largeTiles"
-                                ]
+                                ],
+                                "default": "smallTiles"
                               },
                               "aspectRatio": {
                                 "type": "string",

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

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

package/dist/components/presets.json

@@ -761,6 +761,121 @@
     },
     "screenshot": "img/screenshots/page-archetypes-blog-post--blog-post.png"
   },
+  {
+    "id": "page-archetypes-event-detail--event-detail",
+    "group": "Page Archetypes/Event Detail",
+    "name": "EventDetail",
+    "code": "<EventDetail\n  appointments={[\n    {\n      address: 'Berlin Congress Center<br />\\n      Alexanderplatz 1<br />\\n      10178 Berlin',\n      ariaLabel: 'Event Appointment',\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          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          time: '09:00 – 17:00'\n        }\n      ],\n      href: '#',\n      mapsLink: 'https://maps.google.com/?q=Berlin+Congress+Center',\n      newTab: true\n    },\n    {\n      address: 'Köln Messe<br />\\n      Messeplatz 1<br />\\n      50679 Köln',\n      ariaLabel: 'Event Appointment',\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          time: '09:00 – 17:00'\n        }\n      ],\n      href: '#',\n      mapsLink: 'https://maps.google.com/?q=Köln+Messe',\n      newTab: true\n    }\n  ]}\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  title=\"Systemics Design Conference 2025\"\n/>",
+    "args": {
+      "appointments": [
+        {
+          "href": "#",
+          "newTab": true,
+          "ariaLabel": "Event Appointment",
+          "address": "Berlin Congress Center<br />\n      Alexanderplatz 1<br />\n      10178 Berlin",
+          "mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center",
+          "dates": [
+            {
+              "date": "2025-09-18",
+              "time": "09:00 – 17:00",
+              "label": "Register",
+              "href": "#",
+              "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
+            },
+            {
+              "date": "2025-09-18",
+              "time": "09:00 – 17:00",
+              "label": "Register",
+              "href": "#",
+              "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
+            }
+          ]
+        },
+        {
+          "href": "#",
+          "newTab": true,
+          "ariaLabel": "Event Appointment",
+          "address": "Köln Messe<br />\n      Messeplatz 1<br />\n      50679 Köln",
+          "mapsLink": "https://maps.google.com/?q=Köln+Messe",
+          "dates": [
+            {
+              "date": "2025-09-18",
+              "time": "09:00 – 17:00",
+              "label": "Register",
+              "href": "#",
+              "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
+            }
+          ]
+        }
+      ],
+      "images": [
+        {
+          "src": "img/close-up-young-business-team-working.png",
+          "alt": "Alt text Image 1",
+          "caption": "Caption Image 1"
+        },
+        {
+          "src": "img/low-angle-tall-building-with-many-windows_23-2148230392.png",
+          "alt": "Alt text Image 2",
+          "caption": "Caption Image 2"
+        },
+        {
+          "src": "img/full-shot-different-people-working-together.png",
+          "alt": "Alt text Image 3",
+          "caption": "Caption Image 3"
+        },
+        {
+          "src": "img/top-view-desk-with-keyboard-drawing-pad.png",
+          "alt": "Alt text Image 4",
+          "caption": "Caption Image 4"
+        }
+      ],
+      "button": {
+        "label": "See all Events",
+        "target": "/#"
+      },
+      "title": "Systemics Design Conference 2025",
+      "categories": [
+        {
+          "label": "Conference"
+        },
+        {
+          "label": "Design Systems"
+        }
+      ],
+      "intro": "A full-day event for design system professionals and enthusiasts. Join us to learn, share, and connect with like-minded individuals.",
+      "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  ",
+      "downloads": [
+        {
+          "name": "Product Brochure",
+          "format": "PDF",
+          "size": "2.5 MB",
+          "previewImage": "img/offset-image.png",
+          "url": "img/offset-image.png"
+        },
+        {
+          "name": "Company Brochure",
+          "previewImage": "assets/figma-cover.png",
+          "format": "PDF",
+          "size": "3.2 MB",
+          "url": "assets/figma-cover.png"
+        },
+        {
+          "name": "User Guide",
+          "format": "DOC",
+          "size": "20 KB",
+          "url": "assets/user-guide.doc"
+        },
+        {
+          "name": "Technical Specifications",
+          "format": "TXT",
+          "size": "12 KB",
+          "url": "assets/technical-specifications.txt"
+        }
+      ]
+    },
+    "screenshot": "img/screenshots/page-archetypes-event-detail--event-detail.png"
+  },
   {
     "id": "components-contact--wide-image",
     "group": "Components/Contact",
@@ -1388,63 +1503,75 @@
     "screenshot": "img/screenshots/industry-downloads--mixed.png"
   },
   {
-    "id": "industry-event--default",
-    "group": "Industry/Event",
+    "id": "event-event-header--default",
+    "group": "Event/ Event Header",
     "name": "Default",
-    "code": "<Event\n  appointments={[\n    {\n      address: 'Berlin Congress Center<br />\\n      Alexanderplatz 1<br />\\n      10178 Berlin',\n      dates: [\n        {\n          date: '2025-09-18',\n          label: 'Register',\n          time: '09:00 – 17:00'\n        },\n        {\n          date: '2025-09-18',\n          label: 'Register',\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          date: '2025-09-18',\n          label: 'Register',\n          time: '09:00 – 17:00'\n        }\n      ],\n      mapsLink: 'https://maps.google.com/?q=Köln+Messe'\n    }\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  images={[\n    {\n      alt: 'Attendees at the Systemics Design Conference',\n      src: '/img/events/design-conference.jpg'\n    },\n    {\n      alt: 'Keynote speaker on stage',\n      src: '/img/events/speaker.jpg'\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  title=\"Systemics Design Conference 2025\"\n/>",
+    "code": "<EventHeader\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      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      time: '09:00 – 17:00'\n    }\n  ]}\n  mapsLink=\"https://maps.google.com/?q=Berlin+Congress+Center\"\n/>",
     "args": {
-      "title": "Systemics Design Conference 2025",
-      "categories": [
+      "address": "Berlin Congress Center<br />\n  Alexanderplatz 1<br />\n  10178 Berlin",
+      "mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center",
+      "dates": [
         {
-          "label": "Conference"
+          "date": "2025-09-18",
+          "time": "09:00 – 17:00",
+          "label": "Register",
+          "href": "#",
+          "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
         },
         {
-          "label": "Design Systems"
+          "date": "2025-09-18",
+          "time": "09:00 – 17:00",
+          "label": "Register",
+          "href": "#",
+          "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
         }
-      ],
-      "intro": "A full-day event for design system professionals and enthusiasts. Join us to learn, share, and connect with like-minded individuals.",
-      "appointments": [
+      ]
+    },
+    "screenshot": "img/screenshots/event-event-header--default.png"
+  },
+  {
+    "id": "event-event-list-appointment--default",
+    "group": "Event/ Event List Appointment",
+    "name": "Default",
+    "code": "<EventListAppointment\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\n  time=\"09:00 – 17:00\"\n/>",
+    "args": {
+      "href": "#",
+      "newTab": true,
+      "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00",
+      "date": "2025-09-18",
+      "time": "09:00 – 17:00",
+      "label": "Register"
+    },
+    "screenshot": "img/screenshots/event-event-list-appointment--default.png"
+  },
+  {
+    "id": "event-event-list-entry--default",
+    "group": "Event/ Event List Entry",
+    "name": "Default",
+    "code": "<EventListEntry\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/>",
+    "args": {
+      "dates": [
         {
-          "address": "Berlin Congress Center<br />\n      Alexanderplatz 1<br />\n      10178 Berlin",
-          "mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center",
-          "dates": [
-            {
-              "date": "2025-09-18",
-              "time": "09:00 – 17:00",
-              "label": "Register"
-            },
-            {
-              "date": "2025-09-18",
-              "time": "09:00 – 17:00",
-              "label": "Register"
-            }
-          ]
+          "href": "#",
+          "newTab": true,
+          "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00",
+          "date": "2025-09-18",
+          "time": "09:00 – 17:00",
+          "label": "Register"
         },
         {
-          "address": "Köln Messe<br />\n      Messeplatz 1<br />\n      50679 Köln",
-          "mapsLink": "https://maps.google.com/?q=Köln+Messe",
-          "dates": [
-            {
-              "date": "2025-09-18",
-              "time": "09:00 – 17:00",
-              "label": "Register"
-            }
-          ]
+          "href": "#",
+          "newTab": true,
+          "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00",
+          "date": "2025-09-18",
+          "time": "09:00 – 17:00",
+          "label": "Register"
         }
       ],
-      "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  ",
-      "images": [
-        {
-          "src": "/img/events/design-conference.jpg",
-          "alt": "Attendees at the Systemics Design Conference"
-        },
-        {
-          "src": "/img/events/speaker.jpg",
-          "alt": "Keynote speaker on stage"
-        }
-      ]
+      "address": "Berlin Congress Center<br />\n  Alexanderplatz 1<br />\n  10178 Berlin",
+      "mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center"
     },
-    "screenshot": "img/screenshots/industry-event--default.png"
+    "screenshot": "img/screenshots/event-event-list-entry--default.png"
   },
   {
     "id": "components-faq--dropdown-list",
@@ -1944,9 +2071,9 @@
           "caption": "Caption Image 7"
         }
       ],
+      "layout": "smallTiles",
       "aspectRatio": "square",
-      "lightbox": true,
-      "layout": "smallTiles"
+      "lightbox": true
     },
     "screenshot": "img/screenshots/components-gallery--small-squares-with-lightbox.png"
   },
@@ -1988,9 +2115,9 @@
           "caption": "Caption Image 6"
         }
       ],
+      "layout": "largeTiles",
       "aspectRatio": "landscape",
-      "lightbox": false,
-      "layout": "largeTiles"
+      "lightbox": false
     },
     "screenshot": "img/screenshots/components-gallery--large-landscape-tiles.png"
   },
@@ -2037,9 +2164,9 @@
           "caption": "Caption Image 7"
         }
       ],
+      "layout": "smallTiles",
       "aspectRatio": "unset",
-      "lightbox": true,
-      "layout": "smallTiles"
+      "lightbox": true
     },
     "screenshot": "img/screenshots/components-gallery--free-aspect-ratio.png"
   },
@@ -2066,9 +2193,9 @@
           "caption": "Caption Image 3"
         }
       ],
+      "layout": "stack",
       "aspectRatio": "landscape",
-      "lightbox": false,
-      "layout": "stack"
+      "lightbox": false
     },
     "screenshot": "img/screenshots/components-gallery--stack-landscape.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/components/section/section.schema.dereffed.json

@@ -681,7 +681,8 @@
                   "stack",
                   "smallTiles",
                   "largeTiles"
-                ]
+                ],
+                "default": "smallTiles"
               },
               "aspectRatio": {
                 "type": "string",
@@ -1893,7 +1894,8 @@
                             "stack",
                             "smallTiles",
                             "largeTiles"
-                          ]
+                          ],
+                          "default": "smallTiles"
                         },
                         "aspectRatio": {
                           "type": "string",