@kickstartds/ds-agency-premium 1.6.70--canary.45.1748.0 → 1.6.70

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-card);
-  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;
-}

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

@@ -1,97 +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"
-          ]
-        }
-      },
-      "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"
-  ]
-}

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-location/event-location.css

@@ -1,71 +0,0 @@
-.l-container--event-location {
-  /* stylelint-disable-next-line property-no-unknown */
-  container-name: event-location;
-}
-
-.l-container--event-location + .l-container--event-location {
-  margin-top: var(--ks-spacing-stack-m);
-}
-
-.dsa-event-location {
-  --dsa-event-location__icon--size: calc(var(--ks-font-size-copy-m) * var(--ks-line-height-copy-m));
-  flex-wrap: wrap;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
-  background-color: var(--ks-background-color-accent);
-  padding: var(--ks-spacing-inset-m);
-  border-radius: var(--ks-border-radius-surface);
-  --dsa-event-location__info--flex-basis: 280px;
-  --dsa-event-location__appointments--min-width: 12em;
-}
-.dsa-event-location--spacious {
-  --dsa-event-location__info--flex-basis: 50%;
-  --dsa-event-location__appointments--min-width: 20em;
-}
-.dsa-event-location__info {
-  display: flex;
-  gap: var(--ks-spacing-inline-xs);
-  flex-shrink: 1;
-  flex-grow: 1;
-  flex-basis: var(--dsa-event-location__info--flex-basis, 280px);
-}
-.dsa-event-location__icon {
-  color: var(--ks-text-color-primary);
-  width: var(--dsa-event-location__icon--size);
-  height: var(--dsa-event-location__icon--size);
-  flex-shrink: 0;
-}
-.dsa-event-location__text {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-stack-s);
-}
-.dsa-event-location__name {
-  font: var(--ks-font-interface-m);
-  color: var(--dsa-topic--color);
-  font-weight: var(--dsa-topic--font-weight);
-}
-.dsa-event-location__links {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  gap: var(--ks-spacing-xxs);
-}
-.dsa-event-location__link {
-  width: fit-content;
-  font: var(--ks-font-interface-s);
-}
-.dsa-event-location__appointments {
-  display: grid;
-  justify-content: flex-end;
-  gap: var(--ks-spacing-stack-s);
-  flex-grow: 100;
-  flex-shrink: 0;
-  grid-template-columns: repeat(auto-fill, minmax(min(var(--dsa-event-location__appointments--min-width, 12em), 100%), 1fr));
-  font: var(--ks-font-interface-s);
-}
-.dsa-event-location .l-container--rich-text {
-  container-type: normal;
-}