@kickstartds/ds-agency-premium 1.6.68--canary.45.1713.0 → 1.6.68--canary.45.1719.0

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jun 2025 10:45:04 GMT
+ * Generated on Wed, 25 Jun 2025 14:11:27 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jun 2025 10:45:08 GMT
+ * Generated on Wed, 25 Jun 2025 14:11:31 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jun 2025 10:45:06 GMT
+ * Generated on Wed, 25 Jun 2025 14:11:29 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jun 2025 10:45:10 GMT
+ * Generated on Wed, 25 Jun 2025 14:11:33 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jun 2025 10:45:02 GMT
+ * Generated on Wed, 25 Jun 2025 14:11:24 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Jun 2025 10:45:02 GMT
+ * Generated on Wed, 25 Jun 2025 14:11:25 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.68--canary.45.1713.0",
+  "version": "1.6.68--canary.45.1719.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { EventListAppointmentProps } from "../../EventListAppointmentProps-eee8b4ec.js";
-declare const EventListAppointmentContextDefault: import("react").ForwardRefExoticComponent<EventListAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const EventListAppointmentContext: import("react").Context<import("react").ForwardRefExoticComponent<EventListAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>>;
-declare const EventListAppointment: import("react").ForwardRefExoticComponent<EventListAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>;
-export type { EventListAppointmentProps };
-export { EventListAppointmentContextDefault, EventListAppointmentContext, EventListAppointment };

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

@@ -1,14 +0,0 @@
-import "./event-list-appointment.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { Icon } from '@kickstartds/base/lib/icon';
-
-const EventListAppointmentContextDefault = forwardRef(({ date, time, label, url, newTab, ariaLabel }, ref) => (jsxs("a", { className: "dsa-event-list-appointment", target: newTab ? "_blank" : "_self", "aria-label": ariaLabel, href: url, ref: ref, children: [jsxs("span", { className: "dsa-event-list-appointment__infos", children: [date && (jsxs("span", { className: "dsa-event-list-appointment__info", children: [jsx(Icon, { className: "dsa-event-list-appointment__icon", "aria-hidden": true, icon: "date" }), date] })), time && (jsxs("span", { className: "dsa-event-list-appointment__info", children: [jsx(Icon, { className: "dsa-event-list-appointment__icon", "aria-hidden": true, icon: "time" }), time] }))] }), jsxs("span", { className: "dsa-event-list-appointment__label", children: [label, jsx(Icon, { icon: "chevron-right" })] })] })));
-const EventListAppointmentContext = createContext(EventListAppointmentContextDefault);
-const EventListAppointment = forwardRef((props, ref) => {
-    const Component = useContext(EventListAppointmentContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-EventListAppointment.displayName = "EventListAppointment";
-
-export { EventListAppointment, EventListAppointmentContext, EventListAppointmentContextDefault };

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { EventListLocationProps } from "../../EventListLocationProps-f9d48acc.js";
-declare const EventListLocationContextDefault: import("react").ForwardRefExoticComponent<EventListLocationProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const EventListLocationContext: import("react").Context<import("react").ForwardRefExoticComponent<EventListLocationProps & import("react").RefAttributes<HTMLDivElement>>>;
-declare const EventListLocation: import("react").ForwardRefExoticComponent<EventListLocationProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { EventListLocationProps };
-export { EventListLocationContextDefault, EventListLocationContext, EventListLocation };

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

@@ -1,16 +0,0 @@
-import "./event-list-location.css";
-import { forwardRef, createElement, createContext, useContext } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { RichText } from '@kickstartds/base/lib/rich-text';
-import { Icon } from '@kickstartds/base/lib/icon';
-import { EventListAppointment } from '../event-list-appointment/index.js';
-
-const EventListLocationContextDefault = forwardRef(({ locationName, address, dates, links, ...rest }, ref) => (jsxs("div", { className: "dsa-event-list-location", ...rest, ref: ref, children: [address && (jsx("div", { className: "dsa-event-list-location__row", children: jsxs("div", { className: "dsa-event-list-location__item ", children: [jsx(Icon, { className: "dsa-event-list-location__icon", icon: "map-pin", "aria-hidden": true }), jsxs("div", { className: "dsa-event-list-location__content", children: [jsx("span", { className: "sr-only", children: "Address:" }), jsxs("address", { className: "dsa-event-list-location__address", children: [locationName && (jsx("span", { className: "dsa-event-list-location__name", children: locationName })), address && jsx(RichText, { text: address })] }), links && links.length > 0 && (jsx("div", { className: "dsa-event-list-location__links", children: links.map((link, index) => (jsx("a", { href: link.url, target: link.newTab ? "_blank" : "_self", className: "dsa-event-list-location__link", children: link.label }, index))) }))] })] }) })), dates && dates.length > 0 && (jsxs("div", { className: "dsa-event-list-location__appointments", children: [jsx("span", { className: "sr-only", children: "Appointments:" }), dates.map((item, index) => (createElement(EventListAppointment, { ...item, key: index })))] }))] })));
-const EventListLocationContext = createContext(EventListLocationContextDefault);
-const EventListLocation = forwardRef((props, ref) => {
-    const Component = useContext(EventListLocationContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-EventListLocation.displayName = "EventListLocation";
-
-export { EventListLocation, EventListLocationContext, EventListLocationContextDefault };

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

@@ -1,82 +0,0 @@
-.dsa-event-teaser {
-  --g-link--border-radius: var(--ks-border-radius-surface);
-  display: flex;
-  align-items: center;
-  gap: var(--ks-spacing-inline-m);
-  padding: var(--ks-spacing-inset-s);
-  border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
-}
-.dsa-event-teaser:hover {
-  border-color: var(--ks-border-color-card-interactive-hover);
-}
-.dsa-event-teaser__calendar {
-  align-self: start;
-  position: relative;
-  container-type: inline-size;
-  background-color: var(--ks-background-color-primary);
-  color: var(--ks-color-fg-inverted);
-  border-radius: var(--ks-border-radius-control);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: var(--ks-spacing-inset-stretch-xs);
-  flex-shrink: 0;
-  width: calc(var(--ks-spacing-l) * 3);
-  height: calc(var(--ks-spacing-l) * 3);
-}
-.dsa-event-teaser__content {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-stack-xs);
-  flex-grow: 1;
-}
-.dsa-event-teaser__title {
-  font: var(--ks-font-display-m);
-  font-weight: var(--ks-font-weight-semi-bold);
-  color: var(--ks-text-color-display);
-}
-.dsa-event-teaser__month, .dsa-event-teaser__day {
-  font-weight: var(--ks-font-weight-semi-bold);
-  font-family: var(--ks-font-family-display);
-}
-.dsa-event-teaser__day {
-  font-size: 50cqw;
-}
-.dsa-event-teaser__month {
-  font-size: 25cqw;
-}
-.dsa-event-teaser__infos {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--ks-spacing-xxs) var(--ks-spacing-inline-s);
-}
-.dsa-event-teaser__info {
-  display: flex;
-  gap: var(--ks-spacing-xxs);
-  font: var(--ks-font-interface-s);
-  align-items: center;
-  color: var(--ks-text-color-interface);
-}
-.dsa-event-teaser__info .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;
-}
-.dsa-event-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;
-}
-.dsa-event-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-teaser/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { HTMLAttributes } from "react";
-import { EventTeaserProps } from "../../EventTeaserProps-e00ea659.js";
-declare const EventTeaserContextDefault: import("react").ForwardRefExoticComponent<EventTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const EventTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<EventTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>>;
-declare const EventTeaser: import("react").ForwardRefExoticComponent<EventTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
-export type { EventTeaserProps };
-export { EventTeaserContextDefault, EventTeaserContext, EventTeaser };

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

@@ -1,17 +0,0 @@
-import "./event-teaser.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classnames from 'classnames';
-import { forwardRef, createContext, useContext } from 'react';
-import { Icon } from '@kickstartds/base/lib/icon';
-
-const EventTeaserContextDefault = forwardRef(({ date, title, cta, calendar, url, location, ariaLabel, className, ...rest }, ref) => {
-    return (jsxs("a", { className: classnames(className, "dsa-event-teaser"), ...rest, href: url, ref: ref, "aria-label": ariaLabel, children: [jsxs("span", { className: "dsa-event-teaser__calendar", children: [jsx("span", { className: "dsa-event-teaser__day", children: calendar.day }), jsx("span", { className: "dsa-event-teaser__month", children: calendar.month })] }), jsxs("span", { className: "dsa-event-teaser__content", children: [jsx("span", { className: "dsa-event-teaser__title", children: title }), jsxs("span", { className: "dsa-event-teaser__infos", children: [jsxs("span", { className: "dsa-event-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), location] })] })] }), jsxs("span", { className: "dsa-event-teaser__cta", children: [jsx("span", { children: cta }), jsx(Icon, { "aria-hidden": true, icon: "chevron-right" })] })] }));
-});
-const EventTeaserContext = createContext(EventTeaserContextDefault);
-const EventTeaser = forwardRef((props, ref) => {
-    const Component = useContext(EventTeaserContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-EventTeaser.displayName = "EventTeaser";
-
-export { EventTeaser, EventTeaserContext, EventTeaserContextDefault };