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

package/dist/components/presets.json

@@ -765,56 +765,112 @@
     "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      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": "<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": {
-      "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.",
       "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"
+              "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"
+              "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"
+              "label": "Register",
+              "href": "#",
+              "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
             }
           ]
         }
       ],
-      "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/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"
         },
         {
-          "src": "/img/events/speaker.jpg",
-          "alt": "Keynote speaker on stage"
+          "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"
         }
       ]
     },
@@ -1446,12 +1502,42 @@
     },
     "screenshot": "img/screenshots/industry-downloads--mixed.png"
   },
+  {
+    "id": "event-event-header--default",
+    "group": "Event/ Event Header",
+    "name": "Default",
+    "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": {
+      "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"
+        }
+      ]
+    },
+    "screenshot": "img/screenshots/event-event-header--default.png"
+  },
   {
     "id": "event-event-list-appointment--default",
     "group": "Event/ Event List Appointment",
     "name": "Default",
-    "code": "<EventListAppointment\n  date=\"2025-09-18\"\n  label=\"Register\"\n  time=\"09:00 – 17:00\"\n/>",
+    "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"
@@ -1462,22 +1548,28 @@
     "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      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/>",
+    "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": {
-      "address": "Berlin Congress Center<br />\n  Alexanderplatz 1<br />\n  10178 Berlin",
-      "mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center",
       "dates": [
         {
+          "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"
         },
         {
+          "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": "Berlin Congress Center<br />\n  Alexanderplatz 1<br />\n  10178 Berlin",
+      "mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center"
     },
     "screenshot": "img/screenshots/event-event-list-entry--default.png"
   },
@@ -1979,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"
   },
@@ -2023,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"
   },
@@ -2072,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"
   },
@@ -2101,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",

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

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

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 23 Jun 2025 10:44:02 GMT
+ * Generated on Mon, 23 Jun 2025 12:39:16 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 10:44:06 GMT
+ * Generated on Mon, 23 Jun 2025 12:39:20 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 10:44:04 GMT
+ * Generated on Mon, 23 Jun 2025 12:39:18 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 10:44:09 GMT
+ * Generated on Mon, 23 Jun 2025 12:39:23 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 23 Jun 2025 10:44:00 GMT
+ * Generated on Mon, 23 Jun 2025 12:39:14 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -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
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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

package/dist/EventDetailProps-ba701353.d.ts

@@ -1,56 +0,0 @@
-/**
- * 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-d438cdc6.js";
-/**
- * Title of the event
- */
-type EventTitle = string;
-/**
- * Label of the category
- */
-type Label = string;
-/**
- * Categories to which the event belongs
- */
-type Categories = {
-    label?: Label;
-}[];
-/**
- * Short intro text for the event
- */
-type Intro = string;
-/**
- * List of attendable appointments
- */
-type Appointments = EventListAppointmentProps[];
-/**
- * Description of the event
- */
-type Description = string;
-/**
- * Image source to use
- */
-type ImageSource = string;
-/**
- * Image description
- */
-type AltText = string;
-/**
- * Images displayed below the text content
- */
-type Images = {
-    src?: ImageSource;
-    alt?: AltText;
-}[];
-interface EventDetailProps {
-    title?: EventTitle;
-    categories?: Categories;
-    intro?: Intro;
-    appointments?: Appointments;
-    description?: Description;
-    images?: Images;
-}
-export { EventTitle, Label, Categories, Intro, Appointments, Description, ImageSource, AltText, Images, EventDetailProps };

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

@@ -1,19 +0,0 @@
-.dsa-event {
-  max-width: var(--dsa-content--width_narrow);
-  margin: auto;
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-stack-m);
-}
-.dsa-event__categories {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5em;
-  margin-bottom: var(--ks-spacing-stack-xs);
-}
-.dsa-event__list {
-  display: flex;
-  gap: var(--ks-spacing-stack-m);
-  flex-direction: column;
-  padding: var(--ks-spacing-inset-m) 0;
-}