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

package/dist/components/downloads/downloads.css

@@ -1,153 +0,0 @@
-.dsa-downloads {
-  --dsa-downloads--gap: var(--ks-spacing-stack-xs);
-  --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-background-color-accent);
-  --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--text-decoration: none;
-  --g-link--text-decoration-hover: none;
-  --g-link--color: var(--ks-text-color-interface-interactive);
-  --g-link--color-hover: var(--ks-text-color-interface-interactive);
-  --g-link--border-radius: var(--ks-border-radius-control);
-  --g-link--background: var(--ks-background-color-default);
-  --g-link--background-hover: var(--ks-background-color-default);
-  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;
-  background-color: var(--dsa-downloads-item--background-color_hover, var(--ks-background-color-accent));
-}
-@media (min-width: 992px) {
-  .dsa-downloads .dsa-downloads-item:hover .dsa-downloads-item__button span {
-    background: linear-gradient(270deg, var(--dsa-downloads-item--background-color_hover, var(--ks-background-color-accent)) 80%, transparent);
-    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

@@ -1,55 +0,0 @@
-{
-  "$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
-      }
-    },
-    "type": {
-      "const": "downloads"
-    }
-  },
-  "additionalProperties": false
-}

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

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

@@ -1,41 +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.
- */
-interface DownloadsProps {
-    downloads?: {
-        /**
-         * The name of the file
-         */
-        name: string;
-        /**
-         * A brief description of the file
-         */
-        description?: string;
-        /**
-         * A URL to an image that previews the file.
-         */
-        previewImage?: string;
-        /**
-         * The URL to download the file from.
-         */
-        url: string;
-        /**
-         * The size of the download file
-         */
-        size?: string;
-        /**
-         * The format of the download file
-         */
-        format?: string;
-    }[];
-}
-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

@@ -1,18 +0,0 @@
-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';
-
-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, { ...props, ref: ref });
-});
-Downloads.displayName = "Downloads";
-
-export { Downloads, DownloadsContext, DownloadsContextDefault };

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

@@ -1,62 +0,0 @@
-.dsa-event-appointment {
-  --g-link--color: var(--ks-text-color-interface-interactive);
-  --g-link--color-hover: var(--ks-text-color-interface-interactive);
-  --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);
-  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);
-  color: var(--ks-text-color-display);
-}
-.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

@@ -1,56 +0,0 @@
-{
-  "$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": [
-        "2025-09-18"
-      ]
-    },
-    "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"
-    },
-    "type": {
-      "const": "event-appointment"
-    }
-  },
-  "additionalProperties": false
-}

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

@@ -1,47 +0,0 @@
-{
-  "$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": ["2025-09-18"]
-    },
-    "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

@@ -1,7 +0,0 @@
-/// <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 };

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

@@ -1,14 +0,0 @@
-import "./event-appointment.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { Icon } from '@kickstartds/base/lib/icon';
-
-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, { ...props, ref: ref });
-});
-EventAppointment.displayName = "EventAppointment";
-
-export { EventAppointment, EventAppointmentContext, EventAppointmentContextDefault };