@kickstartds/ds-agency-premium 1.6.68--canary.45.1723.0 → 1.6.68

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

@@ -1,74 +0,0 @@
-{
-  "$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

@@ -1,5 +0,0 @@
-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

@@ -1,36 +0,0 @@
-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 '@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-header/event-header.css

@@ -1,6 +0,0 @@
-.dsa-event-header__categories {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5em;
-  margin-bottom: var(--ks-spacing-stack-s);
-}

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

@@ -1,38 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/event-header.schema.json",
-  "title": "Event Header",
-  "type": "object",
-  "properties": {
-    "title": {
-      "title": "Title",
-      "description": "Title of the event",
-      "type": "string"
-    },
-    "categories": {
-      "title": "Categories",
-      "description": "Categories associated with the event",
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "label": {
-            "title": "Label",
-            "description": "Label of the category",
-            "type": "string"
-          }
-        },
-        "additionalProperties": false
-      }
-    },
-    "intro": {
-      "title": "Intro",
-      "description": "Introductory text for the event",
-      "type": "string"
-    },
-    "type": {
-      "const": "event-header"
-    }
-  },
-  "additionalProperties": false
-}

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

@@ -1,34 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/event-header.schema.json",
-  "title": "Event Header",
-  "type": "object",
-  "properties": {
-    "title": {
-      "title": "Title",
-      "description": "Title of the event",
-      "type": "string"
-    },
-    "categories": {
-      "title": "Categories",
-      "description": "Categories associated with the event",
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "label": {
-            "title": "Label",
-            "description": "Label of the category",
-            "type": "string"
-          }
-        }
-      }
-    },
-    "intro": {
-      "title": "Intro",
-      "description": "Introductory text for the event",
-      "type": "string"
-    }
-  },
-  "additionalProperties": false
-}

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

@@ -1,35 +0,0 @@
-/// <reference types="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.
- */
-/**
- * Title of the event
- */
-type Title = string;
-/**
- * Label of the category
- */
-type Label = string;
-/**
- * Categories associated with the event
- */
-type Categories = {
-    label?: Label;
-}[];
-/**
- * Introductory text for the event
- */
-type Intro = string;
-interface EventHeaderProps {
-    title?: Title;
-    categories?: Categories;
-    intro?: Intro;
-}
-declare const EventHeaderContextDefault: import("react").ForwardRefExoticComponent<EventHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const EventHeaderContext: import("react").Context<import("react").ForwardRefExoticComponent<EventHeaderProps & import("react").RefAttributes<HTMLDivElement>>>;
-declare const EventHeader: import("react").ForwardRefExoticComponent<EventHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { EventHeaderProps };
-export { EventHeaderContextDefault, EventHeaderContext, EventHeader };

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

@@ -1,20 +0,0 @@
-import "./event-header.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { Headline } from '../headline/index.js';
-import { Text } from '../text/index.js';
-import { TagLabel } from '@kickstartds/base/lib/tag-label';
-import 'classnames';
-import 'markdown-to-jsx';
-import '@kickstartds/base/lib/headline';
-import '@kickstartds/base/lib/rich-text';
-
-const EventHeaderContextDefault = forwardRef(({ title, categories, intro }, ref) => (jsxs("div", { className: "dsa-event-header", ref: ref, children: [categories && categories.length > 0 && (jsx("div", { className: "dsa-event-header__categories", children: categories.map((category, index) => (jsx(TagLabel, { className: "dsa-event__category", label: category?.label }, index))) })), jsx(Headline, { text: title, level: "h1" }), intro && jsx(Text, { highlightText: true, text: intro })] })));
-const EventHeaderContext = createContext(EventHeaderContextDefault);
-const EventHeader = forwardRef((props, ref) => {
-    const Component = useContext(EventHeaderContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-EventHeader.displayName = "EventHeader";
-
-export { EventHeader, EventHeaderContext, EventHeaderContextDefault };

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

@@ -1,5 +0,0 @@
-.dsa-event-latest {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-stack-s);
-}

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

@@ -1,142 +0,0 @@
-{
-  "$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": {
-    "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-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"
-                ]
-              }
-            },
-            "additionalProperties": false
-          },
-          "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"
-          },
-          "type": {
-            "const": "event-latest-teaser"
-          }
-        },
-        "additionalProperties": false,
-        "required": [
-          "title",
-          "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"
-            }
-          }
-        ]
-      ]
-    },
-    "className": {
-      "type": "string"
-    },
-    "type": {
-      "const": "event-latest"
-    }
-  },
-  "additionalProperties": false,
-  "required": []
-}

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

@@ -1,46 +0,0 @@
-{
-  "$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": {
-    "events": {
-      "title": "Events",
-      "description": "List of events to display",
-      "type": "array",
-      "items": {
-        "$ref": "http://schema.mydesignsystem.com/event-latest-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"
-            }
-          }
-        ]
-      ]
-    },
-
-    "className": {
-      "type": "string"
-    }
-  },
-  "additionalProperties": false,
-  "required": []
-}

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

@@ -1,30 +0,0 @@
-/// <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 { EventLatestTeaserProps } from "../../EventLatestTeaserProps-fc9d3281.js";
-/**
- * List of events to display
- *
- * @minItems 1
- */
-type Events = [
-    EventLatestTeaserProps,
-    ...EventLatestTeaserProps[]
-];
-/**
- * Display a list of latest events, ordered chronologically
- */
-interface EventLatestProps {
-    events?: Events;
-    className?: string;
-}
-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

@@ -1,19 +0,0 @@
-import "./event-latest.css";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { EventLatestTeaser } from '../event-latest-teaser/index.js';
-import 'classnames';
-import '@kickstartds/base/lib/icon';
-import '@kickstartds/core/lib/container';
-
-const EventLatestContextDefault = forwardRef(({ events }, ref) => {
-    return (jsx("div", { className: "dsa-event-latest", ref: ref, children: events.map((event, index) => (jsx(EventLatestTeaser, { ...event }, index))) }));
-});
-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-latest-teaser/event-latest-teaser.css

@@ -1,128 +0,0 @@
-.l-container--event-latest-teaser {
-  /* stylelint-disable-next-line property-no-unknown */
-  container-name: event-latest-teaser;
-}
-
-.dsa-event-latest-teaser {
-  --g-link--border-radius: var(--ks-border-radius-surface);
-  display: flex;
-  gap: var(--ks-spacing-inline-s);
-  padding: var(--ks-spacing-inset-s);
-  flex-direction: column;
-  border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
-}
-@container event-latest-teaser (min-width: 640px) {
-  .dsa-event-latest-teaser {
-    flex-direction: row;
-    align-items: center;
-    gap: var(--ks-spacing-inline-m);
-  }
-}
-.dsa-event-latest-teaser:hover {
-  border-color: var(--ks-border-color-card-interactive-hover);
-}
-.dsa-event-latest-teaser__content {
-  display: flex;
-  gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
-  flex-grow: 1;
-  min-width: 0;
-  flex-direction: column;
-}
-@container event-latest-teaser (min-width: 640px) {
-  .dsa-event-latest-teaser__content {
-    flex-direction: row;
-  }
-}
-.dsa-event-latest-teaser .dsa-event-latest-teaser-calendar {
-  align-self: start;
-  position: relative;
-  background-color: var(--ks-background-color-primary);
-  color: var(--ks-color-fg-inverted);
-  border-radius: var(--ks-border-radius-control);
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
-  gap: 0.25em;
-  padding: var(--ks-spacing-inset-s);
-  flex-shrink: 0;
-  font: var(--ks-font-display-l);
-  font-weight: var(--ks-font-weight-semi-bold);
-}
-@container event-latest-teaser (min-width: 640px) {
-  .dsa-event-latest-teaser .dsa-event-latest-teaser-calendar {
-    container-type: inline-size;
-    padding: var(--ks-spacing-xxs);
-    flex-direction: column;
-    align-items: center;
-    padding: var(--ks-spacing-inset-stretch-xs);
-    gap: var(--ks-spacing-xxs);
-    width: calc(var(--ks-spacing-l) * 3);
-    height: calc(var(--ks-spacing-l) * 3);
-  }
-  .dsa-event-latest-teaser .dsa-event-latest-teaser-calendar__month, .dsa-event-latest-teaser .dsa-event-latest-teaser-calendar__day {
-    font-weight: var(--ks-font-weight-semi-bold) !important;
-    font-family: var(--ks-font-family-display);
-    line-height: 1;
-  }
-  .dsa-event-latest-teaser .dsa-event-latest-teaser-calendar__day {
-    font-size: 50cqw;
-  }
-  .dsa-event-latest-teaser .dsa-event-latest-teaser-calendar__month {
-    font-size: 25cqw;
-  }
-}
-.dsa-event-latest-teaser__text {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: var(--ks-spacing-stack-xs);
-  flex-grow: 1;
-}
-.dsa-event-latest-teaser__title {
-  font: var(--ks-font-display-m);
-  font-weight: var(--ks-font-weight-semi-bold);
-  color: var(--ks-text-color-display);
-}
-.dsa-event-latest-teaser__infos {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--ks-spacing-xxs) var(--ks-spacing-inline-s);
-  flex-direction: column;
-  align-items: flex-start;
-}
-@container event-latest-teaser (min-width: 640px) {
-  .dsa-event-latest-teaser__infos {
-    flex-direction: row;
-  }
-}
-.dsa-event-latest-teaser__info {
-  display: flex;
-  gap: calc(var(--ks-spacing-xxs) * 0.75);
-  font: var(--ks-font-interface-s);
-  align-items: center;
-  color: var(--ks-text-color-interface);
-}
-.dsa-event-latest-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;
-  flex-grow: 1;
-}
-.dsa-event-latest-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;
-  margin-left: auto;
-}
-.dsa-event-latest-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: var(--ks-text-color-primary);
-  flex-shrink: 0;
-  flex-grow: 1;
-}