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

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

@@ -0,0 +1,21 @@
+import "./event-appointment.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
+import { Icon } from '@kickstartds/base/lib/icon';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "url": "#",
+    "newTab": true,
+    "ariaLabel": "Event Appointment"
+};
+
+const EventAppointmentContextDefault = forwardRef(({ date, time, label, url, newTab, ariaLabel }, ref) => (jsxs("a", { className: "dsa-event-appointment", target: newTab ? "_blank" : "_self", "aria-label": ariaLabel, href: url, ref: ref, children: [jsxs("span", { className: "dsa-event-appointment__infos", children: [date && (jsxs("span", { className: "dsa-event-appointment__info dsa-event-appointment__info--date", children: [jsx(Icon, { className: "dsa-event-appointment__icon", "aria-hidden": true, icon: "date" }), date] })), time && (jsxs("span", { className: "dsa-event-appointment__info dsa-event-appointment__info--time", children: [jsx(Icon, { className: "dsa-event-appointment__icon", "aria-hidden": true, icon: "time" }), time] }))] }), jsxs("span", { className: "dsa-event-appointment__label", children: [label, jsx(Icon, { icon: "chevron-right" })] })] })));
+const EventAppointmentContext = createContext(EventAppointmentContextDefault);
+const EventAppointment = forwardRef((props, ref) => {
+    const Component = useContext(EventAppointmentContext);
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+});
+EventAppointment.displayName = "EventAppointment";
+
+export { EventAppointment, EventAppointmentContext, EventAppointmentContextDefault };

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

@@ -0,0 +1,278 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/cms/event-detail.schema.json",
+  "title": "Event Detail",
+  "type": "object",
+  "properties": {
+    "title": {
+      "title": "Event Title",
+      "description": "Title of the event",
+      "type": "string"
+    },
+    "categories": {
+      "title": "Categories",
+      "description": "Categories to which the event belongs",
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "label": {
+            "type": "string",
+            "title": "Label",
+            "description": "Label of the category",
+            "examples": [
+              "Web Development",
+              "Design",
+              "Marketing"
+            ]
+          }
+        },
+        "additionalProperties": false
+      }
+    },
+    "intro": {
+      "title": "Intro",
+      "description": "Short intro text for the event",
+      "type": "string"
+    },
+    "locations": {
+      "title": "Locations",
+      "description": "List of locations with attendable appointments",
+      "type": "array",
+      "items": {
+        "$schema": "http://json-schema.org/draft-07/schema#",
+        "$id": "http://schema.mydesignsystem.com/event-location.schema.json",
+        "title": "Event Location",
+        "type": "object",
+        "properties": {
+          "dates": {
+            "title": "Dates",
+            "description": "List of dates of the event",
+            "type": "array",
+            "items": {
+              "$schema": "http://json-schema.org/draft-07/schema#",
+              "$id": "http://schema.mydesignsystem.com/event-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
+            }
+          },
+          "locationName": {
+            "title": "Location Name",
+            "description": "Name of the event location",
+            "type": "string",
+            "examples": [
+              "Berlin Congress Center"
+            ]
+          },
+          "displayMode": {
+            "title": "Display Mode",
+            "description": "Spacious is recommended for 1-2 appointments, Compact for more than 2.",
+            "type": "string",
+            "enum": [
+              "spacious",
+              "compact"
+            ],
+            "default": "spacious"
+          },
+          "address": {
+            "title": "Address",
+            "description": "Address of the appointment",
+            "type": "string",
+            "examples": [
+              "Berlin Congress Center<br />Alexanderplatz 1<br />10178 Berlin"
+            ]
+          },
+          "links": {
+            "title": "Links",
+            "description": "Links related to the event location",
+            "type": "array",
+            "items": {
+              "type": "object",
+              "properties": {
+                "url": {
+                  "type": "string",
+                  "format": "uri"
+                },
+                "label": {
+                  "type": "string"
+                },
+                "newTab": {
+                  "type": "boolean",
+                  "default": true,
+                  "description": "Open link in a new tab"
+                }
+              },
+              "required": [
+                "url",
+                "label"
+              ],
+              "additionalProperties": false
+            }
+          }
+        },
+        "additionalProperties": false
+      }
+    },
+    "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
+      }
+    },
+    "description": {
+      "title": "Description",
+      "description": "Description of the event",
+      "type": "string",
+      "format": "markdown"
+    },
+    "images": {
+      "type": "array",
+      "title": "Images",
+      "description": "The images to display in the gallery",
+      "items": {
+        "type": "object",
+        "properties": {
+          "src": {
+            "type": "string",
+            "title": "src",
+            "format": "image",
+            "description": "The source of the image",
+            "examples": [
+              "https://example.com/image1.jpg"
+            ]
+          },
+          "alt": {
+            "type": "string",
+            "title": "Alt text",
+            "description": "Alt text of the image",
+            "examples": [
+              "https://example.com/image1.jpg"
+            ]
+          },
+          "caption": {
+            "type": "string",
+            "format": "markdown",
+            "title": "Caption",
+            "description": "The caption of the image",
+            "examples": [
+              "Caption Image"
+            ]
+          }
+        },
+        "additionalProperties": false,
+        "required": [
+          "src"
+        ]
+      },
+      "minItems": 1,
+      "maxItems": 10
+    },
+    "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"
+          ]
+        },
+        "url": {
+          "type": "string",
+          "title": "Url",
+          "description": "URL the button links to",
+          "format": "uri"
+        }
+      },
+      "additionalProperties": false
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,74 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/cms/event-detail.schema.json",
+  "title": "Event Detail",
+  "type": "object",
+  "properties": {
+    "title": {
+      "title": "Event Title",
+      "description": "Title of the event",
+      "type": "string"
+    },
+    "categories": {
+      "title": "Categories",
+      "description": "Categories to which the event belongs",
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "label": {
+            "type": "string",
+            "title": "Label",
+            "description": "Label of the category",
+            "examples": ["Web Development", "Design", "Marketing"]
+          }
+        }
+      }
+    },
+    "intro": {
+      "title": "Intro",
+      "description": "Short intro text for the event",
+      "type": "string"
+    },
+    "locations": {
+      "title": "Locations",
+      "description": "List of locations with attendable appointments",
+      "type": "array",
+      "items": {
+        "$ref": "http://schema.mydesignsystem.com/event-location.schema.json"
+      }
+    },
+    "downloads": {
+      "$ref": "http://schema.mydesignsystem.com/downloads.schema.json#/properties/downloads"
+    },
+    "description": {
+      "title": "Description",
+      "description": "Description of the event",
+      "type": "string",
+      "format": "markdown"
+    },
+    "images": {
+      "$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"]
+        },
+        "url": {
+          "type": "string",
+          "title": "Url",
+          "description": "URL the button links to",
+          "format": "uri"
+        }
+      }
+    }
+  },
+  "additionalProperties": false
+}

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

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

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

@@ -0,0 +1,37 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { RichText } from '@kickstartds/base/lib/rich-text';
+import { EventLocation } from '../event-location/index.js';
+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 { Headline } from '../headline/index.js';
+import 'react';
+import 'classnames';
+import '@kickstartds/base/lib/icon';
+import '../event-appointment/index.js';
+import '../../helpers-12f48df8.js';
+import '@kickstartds/core/lib/container';
+import '@kickstartds/core/lib/react';
+import '@kickstartds/base/lib/section';
+import '../section/js/Section.client.js';
+import '@kickstartds/core/lib/component';
+import '../text/index.js';
+import '@kickstartds/base/lib/tag-label';
+import '@kickstartds/base/lib/text-media';
+import '@kickstartds/base/lib/picture';
+import 'markdown-to-jsx';
+import '@kickstartds/base/lib/headline';
+
+const EventDetail = ({ title, categories, locations, description, intro, images, downloads, }) => (jsxs(Fragment, { children: [jsx(Section, { width: "narrow", spaceAfter: "none", children: jsx(EventHeader, { title: title, categories: categories, intro: intro }) }), locations && locations.length > 0 && (jsxs(Section, { width: "default", content: { mode: "list", gutter: "none" }, children: [jsx(Headline, { text: "Locations", level: "h3", style: "h3", className: "dsa-event__locations-headline" }), locations.map((appointment, index) => (jsx(EventLocation, { ...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 && (jsxs(Section, { width: "narrow", spaceBefore: "none", content: {
+                mode: "list",
+                gutter: "none",
+            }, spaceAfter: "none", children: [jsx(Headline, { text: "Downloads", level: "h3", style: "h3" }), jsx(Downloads, { downloads: downloads })] })), jsx(Section, { width: "narrow", buttons: [
+                {
+                    label: "See all Events",
+                    url: "/#",
+                },
+            ] })] }));
+EventDetail.displayName = "EventDetail";
+
+export { EventDetail };

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

@@ -0,0 +1,31 @@
+.dsa-event-filter {
+  border-radius: var(--ks-border-radius-card);
+  padding: var(--ks-spacing-inset-m);
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-s);
+  background-color: var(--ks-background-color-card);
+}
+.dsa-event-filter__item {
+  background-color: var(--ks-background-color-default);
+  padding: var(--ks-spacing-inset-squish-m);
+  border-radius: var(--ks-border-radius-card);
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-xs);
+  margin-bottom: var(--ks-spacing-stack-s);
+}
+.dsa-event-filter__topic {
+  font: var(--dsa-topic--font);
+  font-weight: var(--dsa-topic--font-weight);
+}
+.dsa-event-filter__categories {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-xs);
+}
+.dsa-event-filter__buttons {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-s);
+}

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

@@ -0,0 +1,115 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-filter.schema.json",
+  "title": "Event Filter",
+  "type": "object",
+  "properties": {
+    "datePicker": {
+      "type": "object",
+      "properties": {
+        "title": {
+          "type": "string",
+          "description": "Title for the date picker",
+          "default": "Find Appointment"
+        },
+        "dateFromInput": {
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string",
+              "description": "Label for the date-from input",
+              "default": "From"
+            },
+            "placeholder": {
+              "type": "string",
+              "description": "Placeholder text for the date-from input",
+              "default": "Select a date"
+            }
+          },
+          "additionalProperties": false
+        },
+        "dateToInput": {
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string",
+              "description": "Label for the date-to input",
+              "default": "To"
+            },
+            "placeholder": {
+              "type": "string",
+              "description": "Placeholder text for the date-to input",
+              "default": "Select a date"
+            }
+          },
+          "additionalProperties": false
+        },
+        "toggle": {
+          "type": "boolean",
+          "description": "Toggle to enable or disable the date picker",
+          "default": true
+        }
+      },
+      "additionalProperties": false
+    },
+    "categories": {
+      "type": "object",
+      "properties": {
+        "title": {
+          "type": "string",
+          "description": "Title for the categories filter",
+          "default": "Categories"
+        },
+        "categoryCheckboxes": {
+          "type": "array",
+          "title": "Label",
+          "description": "List of categories to filter appointments",
+          "items": {
+            "type": "string",
+            "description": "Category name",
+            "examples": [
+              "Category Filter"
+            ]
+          }
+        },
+        "toggle": {
+          "type": "boolean",
+          "description": "Toggle to enable or disable the category filter",
+          "default": true
+        }
+      },
+      "additionalProperties": false
+    },
+    "applyButton": {
+      "type": "object",
+      "properties": {
+        "label": {
+          "type": "string",
+          "description": "Label for the button",
+          "default": "Filter Appointments"
+        },
+        "onClick": {
+          "type": "string",
+          "description": "Function to call on button click"
+        }
+      },
+      "additionalProperties": false
+    },
+    "resetButton": {
+      "type": "object",
+      "properties": {
+        "label": {
+          "type": "string",
+          "description": "Label for the button",
+          "default": "Reset Filters"
+        },
+        "onClick": {
+          "type": "string",
+          "description": "Function to call on button click"
+        }
+      },
+      "additionalProperties": false
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,107 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-filter.schema.json",
+  "title": "Event Filter",
+  "type": "object",
+  "properties": {
+    "datePicker": {
+      "type": "object",
+      "properties": {
+        "title": {
+          "type": "string",
+          "description": "Title for the date picker",
+          "default": "Find Appointment"
+        },
+        "dateFromInput": {
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string",
+              "description": "Label for the date-from input",
+              "default": "From"
+            },
+            "placeholder": {
+              "type": "string",
+              "description": "Placeholder text for the date-from input",
+              "default": "Select a date"
+            }
+          }
+        },
+        "dateToInput": {
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string",
+              "description": "Label for the date-to input",
+              "default": "To"
+            },
+            "placeholder": {
+              "type": "string",
+              "description": "Placeholder text for the date-to input",
+              "default": "Select a date"
+            }
+          }
+        },
+        "toggle": {
+          "type": "boolean",
+          "description": "Toggle to enable or disable the date picker",
+          "default": true
+        }
+      }
+    },
+    "categories": {
+      "type": "object",
+      "properties": {
+        "title": {
+          "type": "string",
+          "description": "Title for the categories filter",
+          "default": "Categories"
+        },
+        "categoryCheckboxes": {
+          "type": "array",
+          "title": "Label",
+          "description": "List of categories to filter appointments",
+          "items": {
+            "type": "string",
+            "description": "Category name",
+            "examples": ["Category Filter"]
+          }
+        },
+        "toggle": {
+          "type": "boolean",
+          "description": "Toggle to enable or disable the category filter",
+          "default": true
+        }
+      }
+    },
+    "applyButton": {
+      "type": "object",
+      "properties": {
+        "label": {
+          "type": "string",
+          "description": "Label for the button",
+          "default": "Filter Appointments"
+        },
+        "onClick": {
+          "type": "string",
+          "description": "Function to call on button click"
+        }
+      }
+    },
+    "resetButton": {
+      "type": "object",
+      "properties": {
+        "label": {
+          "type": "string",
+          "description": "Label for the button",
+          "default": "Reset Filters"
+        },
+        "onClick": {
+          "type": "string",
+          "description": "Function to call on button click"
+        }
+      }
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { EventFilterProps } from "../../EventFilterProps-b190eb86.js";
+declare const EventFilterContextDefault: import("react").ForwardRefExoticComponent<EventFilterProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const EventFilterContext: import("react").Context<import("react").ForwardRefExoticComponent<EventFilterProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const EventFilter: import("react").ForwardRefExoticComponent<EventFilterProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { EventFilterProps };
+export { EventFilterContextDefault, EventFilterContext, EventFilter };