@kickstartds/ds-agency-premium 1.6.71 → 1.6.72--canary.43.2474.0

package/dist/components/cta/cta.schema.json

@@ -36,12 +36,6 @@
       "default": false,
       "type": "boolean"
     },
-    "fullWidth": {
-      "title": "Width",
-      "description": "Set the width of the content to the full width of the element",
-      "type": "boolean",
-      "default": false
-    },
     "buttons": {
       "type": "array",
       "items": {
@@ -54,8 +48,8 @@
           "icon": {
             "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/icon"
           },
-          "target": {
-            "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/target"
+          "url": {
+            "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/url"
           }
         }
       }
@@ -87,6 +81,13 @@
           "title": "Alt text",
           "description": "Image description",
           "type": "string"
+        },
+        "align": {
+          "title": "Vertical alignment of the image",
+          "description": "Select a vertical alignment for the image",
+          "type": "string",
+          "enum": ["center", "top", "bottom"],
+          "default": "center"
         }
       },
       "additionalProperties": false
@@ -118,12 +119,18 @@
       "type": "string",
       "default": "left"
     },
-    "contentAlign": {
+    "align": {
       "title": "Vertical alignment of the content",
-      "description": "Select a vertical alignment for the image",
+      "description": "Select a vertical alignment for the content",
       "type": "string",
       "enum": ["center", "top", "bottom"],
       "default": "center"
+    },
+    "padding": {
+      "title": "Padding",
+      "description": "Toggle padding of the content",
+      "type": "boolean",
+      "default": false
     }
   },
   "additionalProperties": false

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { CtaProps } from "../../CtaProps-93230a76.js";
+import { CtaProps } from "../../CtaProps-789f8508.js";
 declare const CtaContextDefault: import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const CtaContext: import("react").Context<import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Cta: import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/cta/index.js

@@ -1,47 +1,64 @@
 import "./cta.css";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
-import { Storytelling } from '@kickstartds/content/lib/storytelling';
+import { StorytellingContextDefault } from '@kickstartds/content/lib/storytelling';
 import { ButtonContext } from '@kickstartds/base/lib/button';
 import classnames from 'classnames';
 import { useButtonGroup } from '../button-group/index.js';
+import { Container } from '@kickstartds/core/lib/container';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import '@kickstartds/base/lib/button-group';
 
-const CtaContextDefault = forwardRef(({ headline, highlightText = false, sub, image, text, textAlign, backgroundImage, backgroundColor, colorNeutral, contentAlign, order, fullWidth = false, buttons = [], ...rest }, ref) => {
+const defaults = {
+    "highlightText": false,
+    "colorNeutral": false,
+    "buttons": [],
+    "image": {
+        "padding": true,
+        "align": "center"
+    },
+    "order": {
+        "mobileImageLast": false,
+        "desktopImageLast": true
+    },
+    "textAlign": "left",
+    "align": "center",
+    "padding": false
+};
+
+const CtaContextDefault = forwardRef(({ headline, highlightText = false, sub, image, text, textAlign, backgroundImage, backgroundColor, colorNeutral, align, padding, order, buttons = [], ...rest }, ref) => {
     const ButtonGroup = useButtonGroup();
     return (jsx(ButtonContext.Provider
     // @ts-expect-error
     , { 
         // @ts-expect-error
-        value: ButtonGroup, children: jsx(Storytelling, { ...rest, ref: ref, className: classnames("dsa-cta", fullWidth ? `dsa-cta--full-width` : "", highlightText ? `dsa-cta--highlight-text` : "", colorNeutral ? `dsa-cta--color-neutral` : "", contentAlign && contentAlign !== "center"
-                ? `dsa-cta--align-${contentAlign}`
-                : ""), backgroundImage: backgroundImage, backgroundColor: backgroundColor, full: image?.padding === false, image: {
-                source: image?.src,
-                order: order,
-                vAlign: contentAlign,
-            }, box: {
-                text: text,
-                textAlign: textAlign,
-                vAlign: contentAlign,
-                link: {
-                    buttons,
-                    colorNeutral: colorNeutral,
-                    arrangement: textAlign,
-                },
-                headline: {
-                    text: headline,
-                    level: "h2",
-                    style: highlightText === true ? "h1" : undefined,
-                    sub: sub,
-                    spaceAfter: highlightText === true ? "large" : undefined,
-                    align: textAlign,
-                },
-            } }) }));
+        value: ButtonGroup, children: jsx(Container, { name: "storytelling", children: jsx(StorytellingContextDefault, { ...rest, ref: ref, className: classnames("dsa-cta", highlightText ? `dsa-cta--highlight-text` : "", colorNeutral ? `dsa-cta--color-neutral` : "", image?.padding ? `dsa-cta--image-padding` : "", !padding ? `dsa-cta--no-padding` : "", align && align !== "center" ? `dsa-cta--align-${align}` : ""), backgroundImage: backgroundImage, backgroundColor: backgroundColor, full: true, image: {
+                    source: image?.src,
+                    order: order,
+                    vAlign: image?.align,
+                }, box: {
+                    text: text,
+                    textAlign: textAlign,
+                    vAlign: align,
+                    link: {
+                        buttons,
+                        colorNeutral: colorNeutral,
+                        arrangement: textAlign,
+                    },
+                    headline: {
+                        text: headline,
+                        level: "h2",
+                        style: highlightText === true ? "h1" : undefined,
+                        sub: sub,
+                        spaceAfter: highlightText === true ? "large" : undefined,
+                        align: textAlign,
+                    },
+                } }) }) }));
 });
 const CtaContext = createContext(CtaContextDefault);
 const Cta = forwardRef((props, ref) => {
     const Component = useContext(CtaContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Cta.displayName = "Cta";
 

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

@@ -24,9 +24,6 @@
       "title": "`ks-component` attribute",
       "description": "Optional custom component identifier",
       "type": "string"
-    },
-    "type": {
-      "const": "divider"
     }
   },
   "additionalProperties": false

package/dist/components/divider/index.js

@@ -3,12 +3,17 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { DividerContextDefault as DividerContextDefault$1, DividerContext as DividerContext$1 } from '@kickstartds/base/lib/divider';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "variant": "default"
+};
 
 const DividerContextDefault = forwardRef(({ variant, className, ...props }, ref) => (jsx(DividerContextDefault$1, { ...props, className: classnames("dsa-divider", className), variant: variant, ref: ref })));
 const DividerContext = createContext(DividerContextDefault);
 const Divider = forwardRef((props, ref) => {
     const Component = useContext(DividerContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Divider.displayName = "Divider";
 const DividerProvider = (props) => (jsx(DividerContext$1.Provider, { ...props, value: DividerContextDefault }));

package/dist/components/downloads/downloads.css

@@ -0,0 +1,158 @@
+.dsa-downloads {
+  --dsa-downloads--gap: var(--ks-spacing-stack-xs);
+  --dsa-downloads-item--background: transparent;
+  --dsa-downloads-item--background-hover: var(--ks-color-fg-alpha-9);
+  --dsa-downloads-item__link--color: var(--ks-text-color-interface-interactive);
+  --dsa-downloads-item__link--color_hover: var(--ks-text-color-interface-interactive-hover);
+  --dsa-downloads-item--transition: var(--ks-transition-hover);
+  --dsa-downloads-item__gap: var(--ks-spacing-inline-s);
+  --dsa-downloads-item--background-color_hover: var(--ks-color-fg-alpha-9);
+  --dsa-downloads-item--padding: var(--ks-spacing-inset-xs);
+  --dsa-downloads-item--border-radius: var(--ks-border-radius-control);
+  --dsa-downloads-item__header-flex-basis: 120px;
+  --dsa-downloads-item__name--color: var(--ks-text-color-display);
+  --dsa-downloads-item__name--font: var(--ks-font-interface-s);
+  --dsa-downloads-item__name--font-weight: var(--ks-font-weight-semi-bold);
+  --dsa-downloads-item__description--font: var(--ks-font-interface-s);
+  --dsa-downloads-item__description--color: var(--ks-text-color-interface);
+  --dsa-downloads-item__infos--gap: var(--ks-spacing-xxs);
+  --dsa-downloads-item__infos--font: var(--ks-font-interface-s);
+  --dsa-downloads-item__infos--color: var(--ks-text-color-interface);
+  --dsa-downloads-item__infos--border: 1px solid var(--ks-border-color-default);
+  --dsa-downloads-item__placeholder-icon--color: var(--ks-color-fg-inverted);
+  --dsa-downloads-item__placeholder-icon--background-color: var(--ks-color-fg-to-bg-5);
+  --dsa-downloads-item__placeholder-icon--border-radius: var(--ks-border-radius-control);
+  --dsa-downloads-item__placeholder-icon--size: 2.65rem;
+  --dsa-downloads-item__button--color: var(--ks-text-color-interface-interactive);
+  --dsa-downloads-item__button--color_hover: var(--ks-text-color-interface-interactive-hover);
+  --dsa-downloads-item__button--font: var(--ks-font-interface-s);
+  --dsa-downloads-item__button--font-weight: var(--ks-font-weight-semi-bold);
+  --dsa-downloads-item__button--gap: var(--ks-spacing-xxs);
+  --dsa-downloads-item__download-icon--size: 1.5rem;
+}
+
+.dsa-downloads {
+  display: flex;
+  flex-direction: column;
+  justify-content: stretch;
+  gap: var(--dsa-downloads--gap, var(--ks-spacing-stack-xs));
+}
+.dsa-downloads .dsa-downloads-item {
+  --g-link--background: var(--dsa-downloads-item--background, transparent);
+  --g-link--color: var(--dsa-downloads-item__link--color, var(--ks-text-color-interface-interactive));
+  --g-link--color-hover: var(
+    --dsa-downloads-item__link--color_hover,
+    var(--ks-text-color-interface-interactive-hover)
+  );
+  --g-link--background-hover: var(--dsa-downloads-item--background-color_hover, var(--ks-color-fg-alpha-9));
+  --g-link--text-decoration: none;
+  --g-link--text-decoration-hover: none;
+  --g-link--border-radius: 0;
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  justify-content: flex-end;
+  gap: var(--dsa-downloads-item__gap, var(--ks-spacing-inline-s));
+  border-radius: var(--dsa-downloads-item--border-radius, var(--ks-border-radius-control));
+  padding: var(--dsa-downloads-item--padding, var(--ks-spacing-xxs));
+  transition: var(--dsa-downloads-item--transition, var(--ks-transition-hover));
+}
+.dsa-downloads .dsa-downloads-item:hover {
+  cursor: pointer;
+}
+@media (min-width: 992px) {
+  .dsa-downloads .dsa-downloads-item:hover .dsa-downloads-item__button span {
+    opacity: 1;
+    transform: translateX(0%);
+  }
+}
+.dsa-downloads .dsa-downloads-item__header {
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  flex-shrink: 0;
+  flex-grow: 1;
+  flex-basis: var(--dsa-downloads-item__header-flex-basis, 120px);
+}
+.dsa-downloads .dsa-downloads-item__name {
+  font: var(--dsa-downloads-item__name--font, var(--ks-font-interface-s));
+  font-weight: var(--dsa-downloads-item__name--font-weight, var(--ks-font-weight-semi-bold));
+  color: var(--dsa-downloads-item__name--color, var(--ks-text-color-display));
+}
+.dsa-downloads .dsa-downloads-item__description {
+  font: var(--dsa-downloads-item__description--font, var(--ks-font-interface-s));
+  color: var(--dsa-downloads-item__description--color, var(--ks-text-color-interface));
+}
+.dsa-downloads .dsa-downloads-item__infos {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--dsa-downloads-item__infos--gap, var(--ks-spacing-xxs));
+}
+.dsa-downloads .dsa-downloads-item__info {
+  color: var(--dsa-downloads-item__infos--color, var(--ks-text-color-interface));
+  font: var(--dsa-downloads-item__infos--font, var(--ks-font-interface-s));
+  padding-right: var(--dsa-downloads-item__infos--gap, var(--ks-spacing-xxs));
+}
+.dsa-downloads .dsa-downloads-item__info:not(:last-child) {
+  border-right: var(--dsa-downloads-item__infos--border, 1px solid var(--ks-border-color-default));
+}
+.dsa-downloads .dsa-downloads-item .l-container {
+  container-type: unset;
+}
+.dsa-downloads .dsa-downloads-item__image {
+  aspect-ratio: 1;
+  object-fit: contain;
+  width: var(--dsa-downloads-item__placeholder-icon--size, 2.65rem);
+  height: var(--dsa-downloads-item__placeholder-icon--size, 2.65rem);
+}
+.dsa-downloads .dsa-downloads-item__placeholder-icon {
+  aspect-ratio: 1;
+  flex-shrink: 0;
+  width: var(--dsa-downloads-item__placeholder-icon--size, 2.65rem);
+  height: var(--dsa-downloads-item__placeholder-icon--size, 2.65rem);
+  color: var(--dsa-downloads-item__placeholder-icon--color, var(--ks-color-fg-to-bg-3));
+  background-color: var(--dsa-downloads-item__placeholder-icon--background-color, var(--ks-color-fg-alpha-2));
+  border-radius: var(--dsa-downloads-item__placeholder-icon--border-radius, var(--ks-border-radius-control));
+  padding: var(--dsa-downloads-item__placeholder-icon--padding, var(--ks-spacing-xxs));
+}
+.dsa-downloads .dsa-downloads-item__button {
+  display: flex;
+  align-items: center;
+  position: relative;
+  text-decoration: none;
+  z-index: 2;
+  color: var(--dsa-downloads-item__button--color, var(--ks-text-color-interface-interactive));
+  font: var(--dsa-downloads-item__button--font, var(--ks-font-interface-s));
+  font-weight: var(--dsa-downloads-item__button--font-weight, var(--ks-font-weight-semi-bold));
+  transition: var(--dsa-downloads-item--transition, var(--ks-transition-hover));
+  border-radius: 0 var(--ks-border-radius-control) var(--ks-border-radius-control) 0;
+}
+.dsa-downloads .dsa-downloads-item__button .icon {
+  width: var(--dsa-downloads-item__download-icon--size, 1.5rem);
+  height: var(--dsa-downloads-item__download-icon--size, 1.5rem);
+  margin-left: var(--dsa-downloads-item__download-icon--gap, var(--ks-spacing-xxs));
+  transform: translateY(-1px);
+}
+.dsa-downloads .dsa-downloads-item__button:hover {
+  color: var(--dsa-downloads-item__button--color_hover, var(--ks-text-color-interface-interactive-hover));
+}
+.dsa-downloads .dsa-downloads-item__button:active, .dsa-downloads .dsa-downloads-item__button:visited, .dsa-downloads .dsa-downloads-item__button:hover, .dsa-downloads .dsa-downloads-item__button:focus {
+  text-decoration: none;
+}
+@media (min-width: 992px) {
+  .dsa-downloads .dsa-downloads-item__button span {
+    position: absolute;
+    padding-left: 3em;
+    display: block;
+    display: flex;
+    align-items: center;
+    transform: translateX(5%);
+    height: 100%;
+    background: transparent;
+    transition: var(--dsa-downloads-item--transition, var(--ks-transition-hover));
+    transition-property: transform opacity;
+    right: 100%;
+    opacity: 0;
+  }
+}

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

@@ -0,0 +1,52 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/downloads.schema.json",
+  "title": "Downloads",
+  "type": "object",
+  "properties": {
+    "downloads": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "The name of the file"
+          },
+          "description": {
+            "type": "string",
+            "description": "A brief description of the file"
+          },
+          "previewImage": {
+            "type": "string",
+            "format": "uri",
+            "description": "A URL to an image that previews the file."
+          },
+          "url": {
+            "type": "string",
+            "format": "uri",
+            "description": "The URL to download the file from."
+          },
+          "size": {
+            "type": [
+              "string"
+            ],
+            "description": "The size of the download file"
+          },
+          "format": {
+            "type": [
+              "string"
+            ],
+            "description": "The format of the download file"
+          }
+        },
+        "required": [
+          "name",
+          "url"
+        ],
+        "additionalProperties": false
+      }
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/downloads/downloads.schema.json

@@ -0,0 +1,44 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/downloads.schema.json",
+  "title": "Downloads",
+  "type": "object",
+  "properties": {
+    "downloads": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "The name of the file"
+          },
+          "description": {
+            "type": "string",
+            "description": "A brief description of the file"
+          },
+          "previewImage": {
+            "type": "string",
+            "format": "uri",
+            "description": "A URL to an image that previews the file."
+          },
+          "url": {
+            "type": "string",
+            "format": "uri",
+            "description": "The URL to download the file from."
+          },
+          "size": {
+            "type": ["string"],
+            "description": "The size of the download file"
+          },
+          "format": {
+            "type": ["string"],
+            "description": "The format of the download file"
+          }
+        },
+        "required": ["name", "url"]
+      }
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { HTMLAttributes } from "react";
+import { DownloadsProps } from "../../DownloadsProps-a49a977e.js";
+declare const DownloadsContextDefault: import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DownloadsContext: import("react").Context<import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const Downloads: import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { DownloadsProps };
+export { DownloadsContextDefault, DownloadsContext, Downloads };

package/dist/components/downloads/index.js

@@ -0,0 +1,23 @@
+import "./downloads.css";
+import { jsx, jsxs } 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 { Picture } from '@kickstartds/base/lib/picture';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "downloads": []
+};
+
+const DownloadsContextDefault = forwardRef(({ downloads }, ref) => {
+    return (jsx("div", { className: "dsa-downloads", ref: ref, children: downloads.map((item, index) => (jsxs("a", { href: item?.url, target: "_blank", className: "dsa-downloads-item", "aria-label": "Download file", children: [item?.previewImage ? (jsx(Picture, { "aria-hidden": true, className: "dsa-downloads-item__image", src: item.previewImage, alt: "" })) : (jsx(Icon, { "aria-hidden": true, className: "dsa-downloads-item__placeholder-icon", icon: "file" })), jsxs("div", { className: "dsa-downloads-item__header", children: [jsx("span", { className: "dsa-downloads-item__name", children: item.name }), (item?.format || item?.size || item?.description) && (jsxs("div", { className: "dsa-downloads-item__infos", children: [item?.format && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__format", children: item.format })), item?.size && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__size", children: item.size })), item?.description && (jsx(RichText, { className: "dsa-downloads-item__description", text: item.description }))] }))] }), jsxs("span", { "aria-hidden": true, className: "dsa-downloads-item__button", children: [jsx("span", { children: "Download" }), jsx(Icon, { "aria-hidden": true, icon: "download" })] })] }, index))) }));
+});
+const DownloadsContext = createContext(DownloadsContextDefault);
+const Downloads = forwardRef((props, ref) => {
+    const Component = useContext(DownloadsContext);
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+});
+Downloads.displayName = "Downloads";
+
+export { Downloads, DownloadsContext, DownloadsContextDefault };

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

@@ -0,0 +1,63 @@
+.dsa-event-appointment {
+  --g-link--color: var(--ks-text-color-interface);
+  --g-link--color-hover: var(--ks-text-color-interface);
+  --g-link--border-radius: var(--ks-border-radius-card);
+  --g-link--background: var(--ks-background-color-default);
+  --g-link--background-hover: var(--ks-background-color-default);
+  --g-link--text-decoration: none;
+  --g-link--text-decoration-hover: none;
+  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);
+  height: fit-content;
+  font: inherit;
+}
+.dsa-event-appointment:hover {
+  border-color: var(--ks-border-color-interface-interactive-hover);
+}
+.dsa-event-appointment__info {
+  display: flex;
+  gap: var(--ks-spacing-xxs);
+  text-decoration: none;
+  align-items: center;
+}
+.dsa-event-appointment__info--date {
+  font-weight: var(--ks-font-weight-semi-bold);
+}
+.dsa-event-appointment__info--time {
+  font-weight: var(--ks-font-weight-regular);
+}
+.dsa-event-appointment__infos {
+  flex-direction: column;
+  display: flex;
+  gap: var(--ks-spacing-stack-xs);
+}
+.dsa-event-appointment__label {
+  display: flex;
+  align-items: center;
+  color: var(--dsa-link--color);
+  font: var(--ks-font-interface-s);
+  align-self: flex-end;
+  font-weight: var(--ks-font-weight-semi-bold);
+  transition: var(--ks-transition-hover);
+  transition-property: color;
+}
+.dsa-event-appointment__label:hover {
+  color: var(--dsa-link--color_hover);
+}
+.dsa-event-appointment__label .icon {
+  width: 1.75em;
+  height: 1.75em;
+}
+.dsa-event-appointment__icon {
+  color: var(--ks-text-color-primary);
+  width: 1.75em;
+  height: 1.75em;
+}
+.dsa-event-appointment .l-container--rich-text {
+  container-type: normal;
+}

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

@@ -0,0 +1,53 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-appointment.schema.json",
+  "title": "Event Appointment",
+  "type": "object",
+  "properties": {
+    "date": {
+      "title": "Date",
+      "description": "Date of the appointment",
+      "type": "string",
+      "format": "date",
+      "examples": [
+        "18.09.2025"
+      ]
+    },
+    "time": {
+      "title": "Time",
+      "description": "Time of the appointment",
+      "type": "string",
+      "examples": [
+        "09:00 – 17:00"
+      ]
+    },
+    "label": {
+      "title": "CTA Label",
+      "description": "Label for the call to action button",
+      "type": "string",
+      "examples": [
+        "Register"
+      ]
+    },
+    "url": {
+      "title": "URL",
+      "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-appointment/event-appointment.schema.json

@@ -0,0 +1,47 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-appointment.schema.json",
+  "title": "Event Appointment",
+  "type": "object",
+  "properties": {
+    "date": {
+      "title": "Date",
+      "description": "Date of the appointment",
+      "type": "string",
+      "format": "date",
+      "examples": ["18.09.2025"]
+    },
+    "time": {
+      "title": "Time",
+      "description": "Time of the appointment",
+      "type": "string",
+      "examples": ["09:00 – 17:00"]
+    },
+    "label": {
+      "title": "CTA Label",
+      "description": "Label for the call to action button",
+      "type": "string",
+      "examples": ["Register"]
+    },
+    "url": {
+      "title": "URL",
+      "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-appointment/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { EventAppointmentProps } from "../../EventAppointmentProps-443cd1ce.js";
+declare const EventAppointmentContextDefault: import("react").ForwardRefExoticComponent<EventAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const EventAppointmentContext: import("react").Context<import("react").ForwardRefExoticComponent<EventAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>>;
+declare const EventAppointment: import("react").ForwardRefExoticComponent<EventAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export type { EventAppointmentProps };
+export { EventAppointmentContextDefault, EventAppointmentContext, EventAppointment };