@kickstartds/ds-agency-premium 1.6.71--canary.45.1843.0 → 1.7.0--canary.18.1660.0

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

@@ -1,73 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/event-latest-teaser.schema.json",
-  "title": "Event Latest Teaser",
-  "description": "Display an event teaser with date, title and location",
-  "type": "object",
-  "properties": {
-    "date": {
-      "title": "Date",
-      "description": "The date of the event",
-      "type": "string",
-      "format": "date",
-      "examples": ["12.30.2022"]
-    },
-    "calendar": {
-      "type": "object",
-      "title": "Calendar",
-      "description": "Calendar icon to display the date",
-      "properties": {
-        "month": {
-          "title": "Month",
-          "description": "The month of the event",
-          "type": "string",
-          "examples": ["Dec"]
-        },
-        "day": {
-          "title": "Day",
-          "description": "The day of the event",
-          "type": "string",
-          "examples": ["30"]
-        }
-      }
-    },
-    "title": {
-      "title": "Headline",
-      "description": "Title of the event",
-      "type": "string",
-      "format": "markdown",
-      "examples": ["This is a event teaser title"]
-    },
-    "location": {
-      "title": "Location",
-      "description": "Location of the event",
-      "type": "string",
-      "format": "markdown",
-      "examples": ["This is a location"]
-    },
-    "url": {
-      "title": "URL",
-      "description": "The event entry URL to link",
-      "type": "string",
-      "format": "uri",
-      "examples": ["https://example.com"]
-    },
-    "cta": {
-      "title": "Call to Action",
-      "description": "Text for the call to action",
-      "type": "string",
-      "examples": ["Show event"]
-    },
-    "ariaLabel": {
-      "title": "ARIA Label",
-      "description": "ARIA label for accessibility",
-      "type": "string",
-      "examples": ["Event teaser for "]
-    },
-    "className": {
-      "type": "string"
-    }
-  },
-  "additionalProperties": false,
-  "required": ["title", "date", "location"]
-}

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { HTMLAttributes } from "react";
-import { EventLatestTeaserProps } from "../../EventLatestTeaserProps-fc9d3281.js";
-declare const EventLatestTeaserContextDefault: import("react").ForwardRefExoticComponent<EventLatestTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const EventLatestTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<EventLatestTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>>;
-declare const EventLatestTeaser: import("react").ForwardRefExoticComponent<EventLatestTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
-export type { EventLatestTeaserProps };
-export { EventLatestTeaserContextDefault, EventLatestTeaserContext, EventLatestTeaser };

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

@@ -1,18 +0,0 @@
-import "./event-latest-teaser.css";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import classnames from 'classnames';
-import { forwardRef, createContext, useContext } from 'react';
-import { Icon } from '@kickstartds/base/lib/icon';
-import { Container } from '@kickstartds/core/lib/container';
-
-const EventLatestTeaserContextDefault = forwardRef(({ date, title, cta, calendar, url, location, ariaLabel, className, ...rest }, ref) => {
-    return (jsx(Container, { name: "event-latest-teaser", children: jsxs("a", { className: classnames(className, "dsa-event-latest-teaser"), ...rest, href: url, ref: ref, "aria-label": ariaLabel, children: [jsxs("span", { className: "dsa-event-latest-teaser__content", children: [jsxs("span", { className: "dsa-event-latest-teaser-calendar", children: [jsx("span", { className: "dsa-event-latest-teaser-calendar__day", children: calendar.day }), jsx("span", { className: "dsa-event-latest-teaser-calendar__month", children: calendar.month })] }), jsxs("span", { className: "dsa-event-latest-teaser__text", children: [jsx("span", { className: "dsa-event-latest-teaser__title", children: title }), jsxs("span", { className: "dsa-event-latest-teaser__infos", children: [jsxs("span", { className: "dsa-event-latest-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-latest-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), location] })] })] })] }), jsxs("span", { className: "dsa-event-latest-teaser__cta", children: [jsx("span", { children: cta }), jsx(Icon, { "aria-hidden": true, icon: "chevron-right" })] })] }) }));
-});
-const EventLatestTeaserContext = createContext(EventLatestTeaserContextDefault);
-const EventLatestTeaser = forwardRef((props, ref) => {
-    const Component = useContext(EventLatestTeaserContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-EventLatestTeaser.displayName = "EventLatestTeaser";
-
-export { EventLatestTeaser, EventLatestTeaserContext, EventLatestTeaserContextDefault };

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

@@ -1,284 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/cms/event-list.schema.json",
-  "title": "Event List",
-  "type": "object",
-  "properties": {
-    "filter": {
-      "$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
-        },
-        "type": {
-          "const": "event-filter"
-        }
-      },
-      "additionalProperties": false
-    },
-    "events": {
-      "type": "array",
-      "items": {
-        "$schema": "http://json-schema.org/draft-07/schema#",
-        "$id": "http://schema.mydesignsystem.com/event-list-teaser.schema.json",
-        "title": "Event List Teaser",
-        "description": "Display an event teaser with date, title and location",
-        "type": "object",
-        "properties": {
-          "category": {
-            "title": "Category",
-            "description": "Category of the event teaser",
-            "type": "string",
-            "examples": [
-              "Buyers"
-            ]
-          },
-          "title": {
-            "title": "Headline",
-            "description": "Title of the event",
-            "type": "string",
-            "format": "markdown",
-            "examples": [
-              "This is a event teaser title"
-            ]
-          },
-          "text": {
-            "title": "Text",
-            "description": "Short teaser text for the event",
-            "type": "string",
-            "format": "markdown",
-            "examples": [
-              "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence."
-            ]
-          },
-          "date": {
-            "title": "Date",
-            "description": "The date of the event",
-            "type": "string",
-            "format": "date",
-            "examples": [
-              "FRI, JAN 16"
-            ]
-          },
-          "time": {
-            "title": "Time",
-            "description": "The time of the event",
-            "type": "string",
-            "examples": [
-              "10:00"
-            ]
-          },
-          "location": {
-            "title": "Location",
-            "description": "Location of the event",
-            "type": "object",
-            "properties": {
-              "name": {
-                "type": "string",
-                "title": "Location Name",
-                "description": "Name of the location",
-                "examples": [
-                  "Stadthalle"
-                ]
-              },
-              "address": {
-                "type": "string",
-                "title": "Address",
-                "description": "Address of the location",
-                "examples": [
-                  "Köln"
-                ]
-              }
-            },
-            "additionalProperties": false
-          },
-          "tags": {
-            "title": "Tags",
-            "description": "Tags associated with the event",
-            "type": "array",
-            "items": {
-              "type": "string",
-              "examples": [
-                "AI",
-                "Technology",
-                "Innovation"
-              ]
-            },
-            "default": [
-              "AI"
-            ]
-          },
-          "image": {
-            "title": "Image",
-            "description": "Image to display in the teaser",
-            "type": "object",
-            "properties": {
-              "src": {
-                "type": "string",
-                "format": "image",
-                "title": "Image Source",
-                "description": "URL of the image to display",
-                "examples": [
-                  "https://picsum.photos/seed/flower/800/600"
-                ]
-              },
-              "alt": {
-                "type": "string",
-                "title": "Alt Text",
-                "description": "Alt text of the image",
-                "examples": [
-                  "This is an image of a flower"
-                ]
-              }
-            },
-            "additionalProperties": false
-          },
-          "url": {
-            "title": "URL",
-            "description": "The event entry URL to link",
-            "type": "string",
-            "format": "uri",
-            "examples": [
-              "https://example.com"
-            ]
-          },
-          "ctaText": {
-            "title": "Call to Action",
-            "description": "Text for the call to action",
-            "type": "string",
-            "examples": [
-              "Show event"
-            ]
-          },
-          "ariaLabel": {
-            "title": "ARIA Label",
-            "description": "ARIA label for accessibility",
-            "type": "string"
-          },
-          "className": {
-            "type": "string"
-          },
-          "type": {
-            "const": "event-list-teaser"
-          }
-        },
-        "additionalProperties": false,
-        "required": [
-          "title",
-          "date",
-          "location"
-        ]
-      }
-    },
-    "type": {
-      "const": "event-list"
-    }
-  },
-  "additionalProperties": false
-}

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

@@ -1,18 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/cms/event-list.schema.json",
-  "title": "Event List",
-  "type": "object",
-  "properties": {
-    "filter": {
-      "$ref": "http://schema.mydesignsystem.com/event-filter.schema.json"
-    },
-    "events": {
-      "type": "array",
-      "items": {
-        "$ref": "http://schema.mydesignsystem.com/event-list-teaser.schema.json"
-      }
-    }
-  },
-  "additionalProperties": false
-}

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

@@ -1,19 +0,0 @@
-import { FC, PropsWithChildren } 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 { EventFilterProps } from "../../EventFilterProps-b190eb86.js";
-import { EventListTeaserProps } from "../../EventListTeaserProps-5cc94436.js";
-interface EventListProps {
-    /**
-     * Referenced component EventFilterProps
-     */
-    filter?: EventFilterProps;
-    events?: EventListTeaserProps[];
-}
-declare const EventList: FC<PropsWithChildren<EventListProps>>;
-export type { EventListProps };
-export { EventList };

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

@@ -1,73 +0,0 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { Section } from '../section/index.js';
-import { SplitWeighted } from '../split-weighted/index.js';
-import { EventFilter } from '../event-filter/index.js';
-import { EventListTeaser } from '../event-list-teaser/index.js';
-import { RichText } from '@kickstartds/base/lib/rich-text';
-import { Pagination } from '../pagination/index.js';
-import 'react';
-import 'classnames';
-import '@kickstartds/core/lib/react';
-import '@kickstartds/base/lib/section';
-import '../section/js/Section.client.js';
-import '@kickstartds/core/lib/component';
-import '@kickstartds/form/lib/text-field';
-import '@kickstartds/form/lib/checkbox';
-import '../button/index.js';
-import '@kickstartds/base/lib/button';
-import '@kickstartds/base/lib/icon';
-import '@kickstartds/core/lib/container';
-import '@kickstartds/base/lib/picture';
-import 'markdown-to-jsx';
-import '@kickstartds/base/lib/tag-label';
-import '@kickstartds/base/lib/link';
-
-const EventList = ({ filter, events, }) => (jsx(Fragment, { children: jsx(Section, { width: "wide", children: jsx(SplitWeighted, { verticalAlign: "sticky", mainLayout: {
-                minWidth: "narrow",
-            }, asideLayout: {
-                gutter: "small",
-            }, order: {
-                desktop: "asideFirst",
-                mobile: "asideFirst",
-            }, aside: jsxs(Fragment, { children: [jsx(EventFilter, { ...filter }), jsx(RichText, { text: "425 Veranstaltungen" })] }), main: jsxs(Fragment, { children: [events.map((event, index) => (jsx(EventListTeaser, { ...event }, index))), jsx(Pagination, { pages: [
-                            {
-                                url: "https://example.com/page1",
-                            },
-                            {
-                                url: "https://example.com/page2",
-                            },
-                            {
-                                url: "https://example.com/page3",
-                            },
-                            {
-                                url: "https://example.com/page4",
-                            },
-                            {
-                                url: "https://example.com/page5",
-                            },
-                            {
-                                url: "https://example.com/page6",
-                                active: true,
-                            },
-                            {
-                                url: "https://example.com/page7",
-                            },
-                            {
-                                url: "https://example.com/page8",
-                            },
-                            {
-                                url: "https://example.com/page9",
-                            },
-                            {
-                                url: "https://example.com/page10",
-                            },
-                            {
-                                url: "https://example.com/page11",
-                            },
-                            {
-                                url: "https://example.com/page12",
-                            },
-                        ] })] }) }) }) }));
-EventList.displayName = "EventList";
-
-export { EventList };

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

@@ -1,141 +0,0 @@
-.l-container--event-list-teaser {
-  /* stylelint-disable-next-line property-no-unknown */
-  container-name: event-list-teaser;
-}
-
-.dsa-event-list-teaser {
-  --g-link--border-radius: var(--ks-border-radius-card);
-  display: block;
-  border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
-  padding: var(--ks-spacing-inset-l);
-  flex-wrap: wrap-reverse;
-  display: flex;
-  justify-content: space-between;
-  gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
-}
-.dsa-event-list-teaser:hover {
-  border-color: var(--ks-border-color-card-interactive-hover);
-}
-.dsa-event-list-teaser:hover .dsa-event-list-teaser__categories {
-  border-color: var(--ks-border-color-card-interactive-hover);
-}
-.dsa-event-list-teaser__header {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-stack-xs);
-}
-.dsa-event-list-teaser__content {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-stack-s);
-  flex-basis: var(--dsa-tile--width_small);
-  flex-grow: 10;
-  flex-shrink: 0;
-}
-.dsa-event-list-teaser__image {
-  flex-basis: var(--dsa-tile--width_small);
-}
-.dsa-event-list-teaser__image img {
-  object-fit: cover;
-  border-radius: var(--ks-border-radius-card);
-  width: 100%;
-  aspect-ratio: 4/3;
-}
-.dsa-event-list-teaser__teaser-text {
-  font: var(--ks-font-copy-s);
-  color: var(--ks-text-color-interface);
-  margin: 0;
-}
-.dsa-event-list-teaser__title {
-  max-width: var(--dsa-tile--width_large);
-  font: var(--ks-font-display-m);
-  font-weight: var(--ks-font-weight-semi-bold);
-  color: var(--ks-text-color-display);
-}
-.dsa-event-list-teaser__category {
-  font: var(--ks-font-interface-xs);
-  font-weight: var(--ks-font-weight-semi-bold);
-  color: var(--ks-color-fg-alpha-4);
-  letter-spacing: 0.05em;
-  text-transform: uppercase;
-}
-.dsa-event-list-teaser__tags {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--ks-spacing-xxs) var(--ks-spacing-xxs);
-  max-width: var(--dsa-tile--width_small);
-}
-.dsa-event-list-teaser__details {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
-}
-.dsa-event-list-teaser__date {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-xxs);
-}
-.dsa-event-list-teaser__date > .dsa-event-list-teaser__info:first-child {
-  font-weight: var(--ks-font-weight-semi-bold);
-}
-.dsa-event-list-teaser__location {
-  flex-basis: var(--dsa-tile--width_small);
-  flex-grow: 1;
-}
-.dsa-event-list-teaser__location-name {
-  font-weight: var(--ks-font-weight-semi-bold);
-  color: var(--dsa-topic--color);
-  display: block;
-}
-.dsa-event-list-teaser__location-address {
-  margin: 0;
-}
-.dsa-event-list-teaser__infos {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-stack-s);
-  border-top: 1px solid var(--ks-border-color-interface-interactive);
-  border-bottom: 1px solid var(--ks-border-color-interface-interactive);
-  padding-top: var(--ks-spacing-inset-s);
-  padding-bottom: var(--ks-spacing-inset-s);
-}
-.dsa-event-list-teaser__info {
-  display: flex;
-  gap: calc(var(--ks-spacing-xxs) * 0.75);
-  font: var(--ks-font-interface-s);
-  justify-content: flex-start;
-  color: var(--ks-text-color-interface);
-}
-.dsa-event-list-teaser__info address {
-  font-style: normal;
-}
-.dsa-event-list-teaser__info--location {
-  flex-basis: 100%;
-}
-.dsa-event-list-teaser__info .icon {
-  align-self: flex-start;
-  width: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
-  height: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
-  color: var(--ks-text-color-primary);
-  flex-shrink: 0;
-}
-.dsa-event-list-teaser__cta {
-  font: var(--ks-font-interface-s);
-  font-weight: var(--ks-font-weight-semi-bold);
-  color: var(--ks-text-color-primary);
-  display: flex;
-  align-items: center;
-  text-wrap: nowrap;
-  width: fit-content;
-  transition: var(--ks-transition-hover);
-}
-.dsa-event-list-teaser__cta:hover {
-  color: var(--ks-text-color-primary-hover);
-}
-.dsa-event-list-teaser__cta .icon {
-  width: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
-  height: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
-  color: inherit;
-  flex-shrink: 0;
-  flex-grow: 1;
-}