@kickstartds/ds-agency-premium 1.6.68--canary.45.1690.0 → 1.6.68--canary.45.1693.0

package/dist/EventTeaserProps-5f865346.d.ts

@@ -0,0 +1,43 @@
+/**
+ * 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.
+ */
+/**
+ * The date of the event
+ */
+type Date = string;
+/**
+ * Title of the event
+ */
+type Headline = string;
+/**
+ * Location of the event
+ */
+type Location = string;
+/**
+ * The event entry URL to link
+ */
+type URL = string;
+/**
+ * The text for the link
+ */
+type Text = string;
+/**
+ * Display an event teaser with date, headline and location
+ */
+interface EventTeaserProps {
+    date: Date;
+    headline: Headline;
+    location: Location;
+    link?: Link;
+    className?: string;
+}
+/**
+ * URL and label for the event linked
+ */
+interface Link {
+    url: URL;
+    text?: Text;
+}
+export { Date, Headline, Location, URL, Text, EventTeaserProps, Link };

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-latest/event-latest.schema.dereffed.json

@@ -0,0 +1,169 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-latest.schema.json",
+  "title": "Event Latest",
+  "description": "Display a list of latest events, ordered chronologically",
+  "type": "object",
+  "properties": {
+    "headline": {
+      "title": "Headline",
+      "description": "Headline for the listing",
+      "type": "string",
+      "format": "markdown",
+      "examples": [
+        "Latest Events"
+      ]
+    },
+    "text": {
+      "title": "Text",
+      "description": "Additional text shown below the headline",
+      "type": "string",
+      "format": "markdown",
+      "examples": [
+        "Our next upcoming events"
+      ]
+    },
+    "events": {
+      "title": "Events",
+      "description": "List of events to display",
+      "type": "array",
+      "items": {
+        "$schema": "http://json-schema.org/draft-07/schema#",
+        "$id": "http://schema.mydesignsystem.com/event-teaser.schema.json",
+        "title": "Event Teaser",
+        "description": "Display an event teaser with date, headline and location",
+        "type": "object",
+        "properties": {
+          "date": {
+            "title": "Date",
+            "description": "The date of the event",
+            "type": "string",
+            "format": "date",
+            "examples": [
+              "12/30/2022"
+            ]
+          },
+          "headline": {
+            "title": "Headline",
+            "description": "Title of the event",
+            "type": "string",
+            "format": "markdown",
+            "examples": [
+              "This is a blog post headline"
+            ]
+          },
+          "location": {
+            "title": "Location",
+            "description": "Location of the event",
+            "type": "string",
+            "format": "markdown",
+            "examples": [
+              "This is a teaser text for the blog post"
+            ]
+          },
+          "link": {
+            "type": "object",
+            "title": "Link",
+            "description": "URL and label for the event linked",
+            "properties": {
+              "url": {
+                "title": "URL",
+                "description": "The event entry URL to link",
+                "type": "string",
+                "format": "uri",
+                "examples": [
+                  "https://example.com"
+                ]
+              },
+              "text": {
+                "title": "Text",
+                "description": "The text for the link",
+                "type": "string",
+                "default": "Show event",
+                "examples": [
+                  "Show event"
+                ]
+              }
+            },
+            "additionalProperties": false,
+            "required": [
+              "url"
+            ]
+          },
+          "className": {
+            "type": "string"
+          },
+          "type": {
+            "const": "event-teaser"
+          }
+        },
+        "additionalProperties": false,
+        "required": [
+          "headline",
+          "date",
+          "location"
+        ]
+      },
+      "minItems": 1,
+      "examples": [
+        [
+          {
+            "date": "12/30/2022",
+            "headline": "Event 1",
+            "location": "Location 1",
+            "link": {
+              "url": "https://example.com/event1",
+              "text": "Show event 1"
+            }
+          },
+          {
+            "date": "01/15/2023",
+            "headline": "Event 2",
+            "location": "Location 2",
+            "link": {
+              "url": "https://example.com/event2",
+              "text": "Show event 2"
+            }
+          }
+        ]
+      ]
+    },
+    "link": {
+      "type": "object",
+      "title": "Link",
+      "description": "Link shown below the listing",
+      "properties": {
+        "url": {
+          "title": "URL",
+          "description": "The to link",
+          "type": "string",
+          "format": "uri",
+          "examples": [
+            "https://example.com"
+          ]
+        },
+        "text": {
+          "title": "Text",
+          "description": "The text for the link",
+          "type": "string",
+          "default": "Show all events",
+          "examples": [
+            "Show all events"
+          ]
+        }
+      },
+      "additionalProperties": false,
+      "required": [
+        "url"
+      ]
+    },
+    "className": {
+      "type": "string"
+    },
+    "type": {
+      "const": "event-latest"
+    }
+  },
+  "additionalProperties": false,
+  "required": []
+}

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

@@ -0,0 +1,82 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-latest.schema.json",
+  "title": "Event Latest",
+  "description": "Display a list of latest events, ordered chronologically",
+  "type": "object",
+  "properties": {
+    "headline": {
+      "title": "Headline",
+      "description": "Headline for the listing",
+      "type": "string",
+      "format": "markdown",
+      "examples": ["Latest Events"]
+    },
+    "text": {
+      "title": "Text",
+      "description": "Additional text shown below the headline",
+      "type": "string",
+      "format": "markdown",
+      "examples": ["Our next upcoming events"]
+    },
+    "events": {
+      "title": "Events",
+      "description": "List of events to display",
+      "type": "array",
+      "items": {
+        "$ref": "http://schema.mydesignsystem.com/event-teaser.schema.json"
+      },
+      "minItems": 1,
+      "examples": [
+        [
+          {
+            "date": "12/30/2022",
+            "headline": "Event 1",
+            "location": "Location 1",
+            "link": {
+              "url": "https://example.com/event1",
+              "text": "Show event 1"
+            }
+          },
+          {
+            "date": "01/15/2023",
+            "headline": "Event 2",
+            "location": "Location 2",
+            "link": {
+              "url": "https://example.com/event2",
+              "text": "Show event 2"
+            }
+          }
+        ]
+      ]
+    },
+    "link": {
+      "type": "object",
+      "title": "Link",
+      "description": "Link shown below the listing",
+      "properties": {
+        "url": {
+          "title": "URL",
+          "description": "The to link",
+          "type": "string",
+          "format": "uri",
+          "examples": ["https://example.com"]
+        },
+        "text": {
+          "title": "Text",
+          "description": "The text for the link",
+          "type": "string",
+          "default": "Show all events",
+          "examples": ["Show all events"]
+        }
+      },
+      "additionalProperties": false,
+      "required": ["url"]
+    },
+    "className": {
+      "type": "string"
+    }
+  },
+  "additionalProperties": false,
+  "required": []
+}

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

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import { HTMLAttributes } from "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 { EventTeaserProps } from "../../EventTeaserProps-5f865346.js";
+/**
+ * Headline for the listing
+ */
+type Headline = string;
+/**
+ * Additional text shown below the headline
+ */
+type Text = string;
+/**
+ * List of events to display
+ *
+ * @minItems 1
+ */
+type Events = [
+    EventTeaserProps,
+    ...EventTeaserProps[]
+];
+/**
+ * The to link
+ */
+type URL = string;
+/**
+ * The text for the link
+ */
+type Text1 = string;
+/**
+ * Display a list of latest events, ordered chronologically
+ */
+interface EventLatestProps {
+    headline?: Headline;
+    text?: Text;
+    events?: Events;
+    link?: Link;
+    className?: string;
+}
+/**
+ * Link shown below the listing
+ */
+interface Link {
+    url: URL;
+    text?: Text1;
+}
+declare const EventLatestContextDefault: import("react").ForwardRefExoticComponent<EventLatestProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const EventLatestContext: import("react").Context<import("react").ForwardRefExoticComponent<EventLatestProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const EventLatest: import("react").ForwardRefExoticComponent<EventLatestProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { EventLatestProps };
+export { EventLatestContextDefault, EventLatestContext, EventLatest };

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

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import classnames from 'classnames';
+import { forwardRef, createContext, useContext } from 'react';
+
+const EventLatestContextDefault = forwardRef(({ headline, text, link, events, className, ...rest }, ref) => {
+    return (jsx("div", { className: classnames(className, "dsa-event-latest"), ...rest, ref: ref, children: JSON.stringify({ headline, text, link, events, rest }) }));
+});
+const EventLatestContext = createContext(EventLatestContextDefault);
+const EventLatest = forwardRef((props, ref) => {
+    const Component = useContext(EventLatestContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+EventLatest.displayName = "EventLatest";
+
+export { EventLatest, EventLatestContext, EventLatestContextDefault };

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

@@ -0,0 +1,77 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-teaser.schema.json",
+  "title": "Event Teaser",
+  "description": "Display an event teaser with date, headline and location",
+  "type": "object",
+  "properties": {
+    "date": {
+      "title": "Date",
+      "description": "The date of the event",
+      "type": "string",
+      "format": "date",
+      "examples": [
+        "12/30/2022"
+      ]
+    },
+    "headline": {
+      "title": "Headline",
+      "description": "Title of the event",
+      "type": "string",
+      "format": "markdown",
+      "examples": [
+        "This is a blog post headline"
+      ]
+    },
+    "location": {
+      "title": "Location",
+      "description": "Location of the event",
+      "type": "string",
+      "format": "markdown",
+      "examples": [
+        "This is a teaser text for the blog post"
+      ]
+    },
+    "link": {
+      "type": "object",
+      "title": "Link",
+      "description": "URL and label for the event linked",
+      "properties": {
+        "url": {
+          "title": "URL",
+          "description": "The event entry URL to link",
+          "type": "string",
+          "format": "uri",
+          "examples": [
+            "https://example.com"
+          ]
+        },
+        "text": {
+          "title": "Text",
+          "description": "The text for the link",
+          "type": "string",
+          "default": "Show event",
+          "examples": [
+            "Show event"
+          ]
+        }
+      },
+      "additionalProperties": false,
+      "required": [
+        "url"
+      ]
+    },
+    "className": {
+      "type": "string"
+    },
+    "type": {
+      "const": "event-teaser"
+    }
+  },
+  "additionalProperties": false,
+  "required": [
+    "headline",
+    "date",
+    "location"
+  ]
+}

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

@@ -0,0 +1,58 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-teaser.schema.json",
+  "title": "Event Teaser",
+  "description": "Display an event teaser with date, headline and location",
+  "type": "object",
+  "properties": {
+    "date": {
+      "title": "Date",
+      "description": "The date of the event",
+      "type": "string",
+      "format": "date",
+      "examples": ["12/30/2022"]
+    },
+    "headline": {
+      "title": "Headline",
+      "description": "Title of the event",
+      "type": "string",
+      "format": "markdown",
+      "examples": ["This is a blog post headline"]
+    },
+    "location": {
+      "title": "Location",
+      "description": "Location of the event",
+      "type": "string",
+      "format": "markdown",
+      "examples": ["This is a teaser text for the blog post"]
+    },
+    "link": {
+      "type": "object",
+      "title": "Link",
+      "description": "URL and label for the event linked",
+      "properties": {
+        "url": {
+          "title": "URL",
+          "description": "The event entry URL to link",
+          "type": "string",
+          "format": "uri",
+          "examples": ["https://example.com"]
+        },
+        "text": {
+          "title": "Text",
+          "description": "The text for the link",
+          "type": "string",
+          "default": "Show event",
+          "examples": ["Show event"]
+        }
+      },
+      "additionalProperties": false,
+      "required": ["url"]
+    },
+    "className": {
+      "type": "string"
+    }
+  },
+  "additionalProperties": false,
+  "required": ["headline", "date", "location"]
+}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { HTMLAttributes } from "react";
+import { EventTeaserProps } from "../../EventTeaserProps-5f865346.js";
+declare const EventTeaserContextDefault: import("react").ForwardRefExoticComponent<EventTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const EventTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<EventTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const EventTeaser: import("react").ForwardRefExoticComponent<EventTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { EventTeaserProps };
+export { EventTeaserContextDefault, EventTeaserContext, EventTeaser };

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

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import classnames from 'classnames';
+import { forwardRef, createContext, useContext } from 'react';
+
+const EventTeaserContextDefault = forwardRef(({ date, headline, link, location, className, ...rest }, ref) => {
+    return (jsx("div", { className: classnames(className, "dsa-event-latest"), ...rest, ref: ref, children: JSON.stringify({ date, headline, link, location, className, rest }) }));
+});
+const EventTeaserContext = createContext(EventTeaserContextDefault);
+const EventTeaser = forwardRef((props, ref) => {
+    const Component = useContext(EventTeaserContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+EventTeaser.displayName = "EventTeaser";
+
+export { EventTeaser, EventTeaserContext, EventTeaserContextDefault };

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

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

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

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

package/dist/components/presets.json

@@ -1518,6 +1518,41 @@
     },
     "screenshot": "img/screenshots/event-event-header--default.png"
   },
+  {
+    "id": "event-event-latest--default",
+    "group": "Event/ Event Latest",
+    "name": "Default",
+    "code": "<EventLatest\n  events={[\n    {\n      date: '12/30/2022',\n      headline: 'Event 1',\n      link: {\n        text: 'Show event 1',\n        url: 'https://example.com/event1'\n      },\n      location: 'Location 1'\n    },\n    {\n      date: '01/15/2023',\n      headline: 'Event 2',\n      link: {\n        text: 'Show event 2',\n        url: 'https://example.com/event2'\n      },\n      location: 'Location 2'\n    }\n  ]}\n  headline=\"Latest events\"\n  link={{\n    text: 'Show event',\n    url: '#'\n  }}\n  text=\"Check out our upcoming events and mark your calendar!\"\n/>",
+    "args": {
+      "headline": "Latest events",
+      "text": "Check out our upcoming events and mark your calendar!",
+      "events": [
+        {
+          "date": "12/30/2022",
+          "headline": "Event 1",
+          "location": "Location 1",
+          "link": {
+            "url": "https://example.com/event1",
+            "text": "Show event 1"
+          }
+        },
+        {
+          "date": "01/15/2023",
+          "headline": "Event 2",
+          "location": "Location 2",
+          "link": {
+            "url": "https://example.com/event2",
+            "text": "Show event 2"
+          }
+        }
+      ],
+      "link": {
+        "url": "#",
+        "text": "Show event"
+      }
+    },
+    "screenshot": "img/screenshots/event-event-latest--default.png"
+  },
   {
     "id": "event-event-list-appointment--default",
     "group": "Event/ Event List Appointment",
@@ -1562,6 +1597,22 @@
     },
     "screenshot": "img/screenshots/event-event-list-location--default.png"
   },
+  {
+    "id": "event-event-teaser--default",
+    "group": "Event/ Event Teaser",
+    "name": "Default",
+    "code": "<EventTeaser\n  date=\"12/30/2022\"\n  headline=\"The Future of AI\"\n  link={{\n    text: 'Show event',\n    url: '#'\n  }}\n  location=\"Berlin, Germany\"\n/>",
+    "args": {
+      "date": "12/30/2022",
+      "headline": "The Future of AI",
+      "location": "Berlin, Germany",
+      "link": {
+        "url": "#",
+        "text": "Show event"
+      }
+    },
+    "screenshot": "img/screenshots/event-event-teaser--default.png"
+  },
   {
     "id": "components-faq--dropdown-list",
     "group": "Components/Faq",

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 23 Jun 2025 14:04:48 GMT
+ * Generated on Mon, 23 Jun 2025 14:53:03 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:04:51 GMT
+ * Generated on Mon, 23 Jun 2025 14:53:07 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:04:50 GMT
+ * Generated on Mon, 23 Jun 2025 14:53:05 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:04:53 GMT
+ * Generated on Mon, 23 Jun 2025 14:53:10 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:04:45 GMT
+ * Generated on Mon, 23 Jun 2025 14:53:00 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 23 Jun 2025 14:04:46 GMT
+ * Generated on Mon, 23 Jun 2025 14:53:01 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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