@kickstartds/ds-agency-premium 1.6.68--canary.45.1675.0 → 1.6.68--canary.45.1680.0

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

@@ -37,6 +37,9 @@
         "$ref": "http://schema.mydesignsystem.com/event-list-appointment.schema.json"
       }
     },
+    "downloads": {
+      "$ref": "http://schema.mydesignsystem.com/downloads.schema.json#/properties/downloads"
+    },
     "description": {
       "title": "Description",
       "description": "Description of the event",
@@ -44,26 +47,26 @@
       "format": "markdown"
     },
     "images": {
-      "title": "Images",
-      "description": "Images displayed below the text content",
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "src": {
-            "title": "Image source",
-            "description": "Image source to use",
-            "type": "string",
-            "format": "image"
-          },
-          "alt": {
-            "title": "Alt text",
-            "description": "Image description",
-            "type": "string"
-          }
+      "$ref": "http://schema.mydesignsystem.com/gallery.schema.json#/properties/images"
+    },
+    "button": {
+      "title": "Button",
+      "description": "Button at the bottom of the event detail",
+      "type": "object",
+      "properties": {
+        "label": {
+          "type": "string",
+          "title": "Label",
+          "description": "Label of the button",
+          "examples": ["See all Events"]
+        },
+        "target": {
+          "type": "string",
+          "title": "Target",
+          "description": "URL the button links to",
+          "format": "uri"
         }
-      },
-      "additionalProperties": false
+      }
     }
   },
   "additionalProperties": false

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

@@ -1,5 +1,5 @@
 import { FC, PropsWithChildren } from "react";
-import { EventDetailProps } from "../../EventDetailProps-ba701353.js";
+import { EventDetailProps } from "../../EventDetailProps-63f63768.js";
 declare const EventDetail: FC<PropsWithChildren<EventDetailProps>>;
 export type { EventDetailProps };
 export { EventDetail };

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

@@ -1,20 +1,32 @@
-import "./event-detail.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Headline } from '../headline/index.js';
-import { Text } from '../text/index.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { RichText } from '@kickstartds/base/lib/rich-text';
-import { TagLabel } from '@kickstartds/base/lib/tag-label';
 import { EventListEntry } from '../event-list-entry/index.js';
-import 'classnames';
+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 'react';
-import 'markdown-to-jsx';
-import '@kickstartds/base/lib/headline';
 import '@kickstartds/base/lib/icon';
 import '../event-list-appointment/index.js';
-import '../button/index.js';
-import '@kickstartds/base/lib/button';
+import 'classnames';
+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';
 
-const EventDetail = ({ title, categories, intro, appointments, description, }) => (jsxs("div", { className: "dsa-event", children: [jsxs("div", { className: "dsa-event__header", children: [categories && categories.length > 0 && (jsx("div", { className: "dsa-event__categories", children: categories.map((category, index) => (jsx(TagLabel, { className: "dsa-event__category", label: category?.label }, index))) })), jsx(Headline, { text: title, level: "h1" }), jsx(Text, { highlightText: true, text: intro })] }), appointments && appointments.length > 0 && (jsx("div", { className: "dsa-event__list", children: appointments.map((appointment, index) => (jsx(EventListEntry, { ...appointment }, index))) })), description && (jsx(RichText, { className: "dsa-event__description", text: description }))] }));
+const EventDetail = ({ title, categories, appointments, description, intro, images, downloads, }) => (jsxs(Fragment, { children: [jsx(Section, { width: "narrow", spaceAfter: "none", children: jsx(EventHeader, { title: title, categories: categories, intro: intro }) }), appointments && appointments.length > 0 && (jsx(Section, { width: "narrow", content: { mode: "list" }, children: appointments.map((appointment, index) => (jsx(EventListEntry, { ...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: "/#",
+                },
+            ] })] }));
 EventDetail.displayName = "EventDetail";
 
 export { EventDetail };

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

@@ -0,0 +1,6 @@
+.dsa-event-header__categories {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5em;
+  margin-bottom: var(--ks-spacing-stack-xs);
+}

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

@@ -0,0 +1,38 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-header.schema.json",
+  "title": "Event Header",
+  "type": "object",
+  "properties": {
+    "title": {
+      "title": "Title",
+      "description": "Title of the event",
+      "type": "string"
+    },
+    "categories": {
+      "title": "Categories",
+      "description": "Categories associated with the event",
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "label": {
+            "title": "Label",
+            "description": "Label of the category",
+            "type": "string"
+          }
+        },
+        "additionalProperties": false
+      }
+    },
+    "intro": {
+      "title": "Intro",
+      "description": "Introductory text for the event",
+      "type": "string"
+    },
+    "type": {
+      "const": "event-header"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,34 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-header.schema.json",
+  "title": "Event Header",
+  "type": "object",
+  "properties": {
+    "title": {
+      "title": "Title",
+      "description": "Title of the event",
+      "type": "string"
+    },
+    "categories": {
+      "title": "Categories",
+      "description": "Categories associated with the event",
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "label": {
+            "title": "Label",
+            "description": "Label of the category",
+            "type": "string"
+          }
+        }
+      }
+    },
+    "intro": {
+      "title": "Intro",
+      "description": "Introductory text for the event",
+      "type": "string"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,35 @@
+/// <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.
+ */
+/**
+ * Title of the event
+ */
+type Title = string;
+/**
+ * Label of the category
+ */
+type Label = string;
+/**
+ * Categories associated with the event
+ */
+type Categories = {
+    label?: Label;
+}[];
+/**
+ * Introductory text for the event
+ */
+type Intro = string;
+interface EventHeaderProps {
+    title?: Title;
+    categories?: Categories;
+    intro?: Intro;
+}
+declare const EventHeaderContextDefault: import("react").ForwardRefExoticComponent<EventHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const EventHeaderContext: import("react").Context<import("react").ForwardRefExoticComponent<EventHeaderProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const EventHeader: import("react").ForwardRefExoticComponent<EventHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { EventHeaderProps };
+export { EventHeaderContextDefault, EventHeaderContext, EventHeader };

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

@@ -0,0 +1,20 @@
+import "./event-header.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
+import { Headline } from '../headline/index.js';
+import { Text } from '../text/index.js';
+import { TagLabel } from '@kickstartds/base/lib/tag-label';
+import 'classnames';
+import 'markdown-to-jsx';
+import '@kickstartds/base/lib/headline';
+import '@kickstartds/base/lib/rich-text';
+
+const EventHeaderContextDefault = forwardRef(({ title, categories, intro }, ref) => (jsxs("div", { className: "dsa-event-header", ref: ref, children: [categories && categories.length > 0 && (jsx("div", { className: "dsa-event-header__categories", children: categories.map((category, index) => (jsx(TagLabel, { className: "dsa-event__category", label: category?.label }, index))) })), jsx(Headline, { text: title, level: "h1" }), intro && jsx(Text, { highlightText: true, text: intro })] })));
+const EventHeaderContext = createContext(EventHeaderContextDefault);
+const EventHeader = forwardRef((props, ref) => {
+    const Component = useContext(EventHeaderContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+EventHeader.displayName = "EventHeader";
+
+export { EventHeader, EventHeaderContext, EventHeaderContextDefault };

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

@@ -0,0 +1,52 @@
+.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);
+  --g-link--background: var(--ks-background-color-default);
+  --g-link--background-hover: var(--ks-background-color-default);
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  gap: var(--ks-spacing-inline-s);
+  padding: var(--ks-spacing-inset-s);
+  border: var(--ks-border-width-default) solid var(--ks-border-color-interface-interactive);
+  flex-grow: 0;
+}
+.dsa-event-list-appointment:hover {
+  border-color: var(--ks-border-color-interface-interactive-hover);
+}
+.dsa-event-list-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 {
+  flex-direction: column;
+  display: flex;
+  gap: var(--ks-spacing-stack-xs);
+}
+.dsa-event-list-appointment__label {
+  display: flex;
+  align-items: center;
+  color: var(--ks-text-color-primary);
+  font: var(--ks-font-interface-s);
+  align-self: flex-end;
+  font-weight: var(--ks-font-weight-semi-bold);
+}
+.dsa-event-list-appointment__label .icon {
+  width: 1.75em;
+  height: 1.75em;
+}
+.dsa-event-list-appointment__icon {
+  color: var(--ks-text-color-primary);
+  width: 1.75em;
+  height: 1.75em;
+}
+.dsa-event-list-appointment .l-container--rich-text {
+  container-type: normal;
+}

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

@@ -20,6 +20,25 @@
       "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"
     }

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

@@ -19,6 +19,25 @@
       "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"
     }
   },
   "additionalProperties": false

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { EventListAppointmentProps } from "../../EventListAppointmentProps-d438cdc6.js";
-declare const EventListAppointmentContextDefault: import("react").ForwardRefExoticComponent<EventListAppointmentProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const EventListAppointmentContext: import("react").Context<import("react").ForwardRefExoticComponent<EventListAppointmentProps & import("react").RefAttributes<HTMLDivElement>>>;
-declare const EventListAppointment: import("react").ForwardRefExoticComponent<EventListAppointmentProps & import("react").RefAttributes<HTMLDivElement>>;
+import { EventListAppointmentProps } from "../../EventListAppointmentProps-da54c3b9.js";
+declare const EventListAppointmentContextDefault: import("react").ForwardRefExoticComponent<EventListAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const EventListAppointmentContext: import("react").Context<import("react").ForwardRefExoticComponent<EventListAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>>;
+declare const EventListAppointment: import("react").ForwardRefExoticComponent<EventListAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export type { EventListAppointmentProps };
 export { EventListAppointmentContextDefault, EventListAppointmentContext, EventListAppointment };

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

@@ -1,12 +1,9 @@
+import "./event-list-appointment.css";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
-import { RichText } from '@kickstartds/base/lib/rich-text';
 import { Icon } from '@kickstartds/base/lib/icon';
-import { Button } from '../button/index.js';
-import 'classnames';
-import '@kickstartds/base/lib/button';
 
-const EventListAppointmentContextDefault = forwardRef(({ date, time, label, ...rest }, ref) => (jsxs("div", { ...rest, ref: ref, children: [jsxs("div", { className: "dsa-event-list-appointment__dates", children: [date && (jsxs("div", { className: "dsa-event-list-appointment__item dsa-event-list-appointment__date", children: [jsx(Icon, { className: "dsa-event-list-appointment__icon", icon: "date" }), jsx(RichText, { text: date })] })), time && (jsxs("div", { className: "dsa-event-list-appointment__item dsa-event-list-appointment__time", children: [jsx(Icon, { className: "dsa-event-list-appointment__icon", icon: "time" }), jsx(RichText, { text: time })] }))] }), jsx(Button, { className: "dsa-event-list-appointment__cta", label: label, icon: "chevron-right", variant: "primary", size: "small" })] })));
+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 EventListAppointmentContext = createContext(EventListAppointmentContextDefault);
 const EventListAppointment = forwardRef((props, ref) => {
     const Component = useContext(EventListAppointmentContext);

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

@@ -30,6 +30,25 @@
             "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"
           }

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

@@ -5,7 +5,7 @@
  * 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-d438cdc6.js";
+import { EventListAppointmentProps } from "../../EventListAppointmentProps-da54c3b9.js";
 /**
  * List of dates of the event
  */

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

@@ -1,13 +1,11 @@
+import "./event-list-entry.css";
+import { forwardRef, createElement, createContext, useContext } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
 import { RichText } from '@kickstartds/base/lib/rich-text';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { EventListAppointment } from '../event-list-appointment/index.js';
-import '../button/index.js';
-import 'classnames';
-import '@kickstartds/base/lib/button';
 
-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) => (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, { "aria-label": "Address", 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);

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,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-ba701353.js";
+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 10:44:00 GMT
+ * Generated on Mon, 23 Jun 2025 12:39:14 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);