@kickstartds/ds-agency-premium 1.6.71--canary.45.1785.0 → 1.6.71--canary.45.1789.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
  2. package/dist/components/blog-post/index.d.ts +1 -1
  3. package/dist/components/blog-teaser/index.d.ts +1 -1
  4. package/dist/components/event-appointment/event-appointment.schema.dereffed.json +1 -1
  5. package/dist/components/event-appointment/event-appointment.schema.json +1 -1
  6. package/dist/components/event-detail/event-detail.schema.dereffed.json +1 -1
  7. package/dist/components/event-list/event-list.schema.dereffed.json +2 -5
  8. package/dist/components/event-list-teaser/event-list-teaser.css +37 -11
  9. package/dist/components/event-list-teaser/event-list-teaser.schema.dereffed.json +2 -5
  10. package/dist/components/event-list-teaser/event-list-teaser.schema.json +2 -3
  11. package/dist/components/event-list-teaser/index.js +1 -1
  12. package/dist/components/event-location/event-location.schema.dereffed.json +1 -1
  13. package/dist/components/header/header.css +5 -0
  14. package/dist/components/index/index.d.ts +1 -1
  15. package/dist/components/nav-dropdown/nav-dropdown.css +1 -1
  16. package/dist/components/nav-topbar/nav-topbar.css +1 -1
  17. package/dist/components/page-wrapper/tokens.css +1 -1
  18. package/dist/components/presets.json +13 -17
  19. package/dist/global.css +3 -3
  20. package/dist/tokens/themes.css +4 -4
  21. package/dist/tokens/tokens.css +1 -1
  22. package/dist/tokens/tokens.js +1 -1
  23. package/package.json +1 -1
  24. /package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-c760fd2a.d.ts} +0 -0
  25. /package/dist/{BlogTeaserProps-f5855e93.d.ts → BlogTeaserProps-d62a0a9a.d.ts} +0 -0
package/dist/BlogOverviewProps-9f207f1c.d.ts CHANGED
@@ -4,7 +4,7 @@
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
6
  import { SectionProps } from "./SectionProps-7caa223c.js";
7
- import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
7
+ import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
8
8
  import { CtaProps } from "./CtaProps-babe4ee6.js";
9
9
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
10
10
  /**
package/dist/components/blog-post/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
1
+ import { BlogPostProps } from "../../BlogPostProps-c760fd2a.js";
2
2
  import { FC, PropsWithChildren } from "react";
3
3
  declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
4
4
  export type { BlogPostProps };
package/dist/components/blog-teaser/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
3
+ import { BlogTeaserProps } from "../../BlogTeaserProps-d62a0a9a.js";
4
4
  declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
package/dist/components/event-appointment/event-appointment.schema.dereffed.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "type": "string",
11
11
  "format": "date",
12
12
  "examples": [
13
- "2025-09-18"
13
+ "18.09.2025"
14
14
  ]
15
15
  },
16
16
  "time": {
package/dist/components/event-appointment/event-appointment.schema.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "description": "Date of the appointment",
10
10
  "type": "string",
11
11
  "format": "date",
12
- "examples": ["2025-09-18"]
12
+ "examples": ["18.09.2025"]
13
13
  },
14
14
  "time": {
15
15
  "title": "Time",
package/dist/components/event-detail/event-detail.schema.dereffed.json CHANGED
@@ -61,7 +61,7 @@
61
61
  "type": "string",
62
62
  "format": "date",
63
63
  "examples": [
64
- "2025-09-18"
64
+ "18.09.2025"
65
65
  ]
66
66
  },
67
67
  "time": {
package/dist/components/event-list/event-list.schema.dereffed.json CHANGED
@@ -184,7 +184,7 @@
184
184
  "title": "Address",
185
185
  "description": "Address of the location",
186
186
  "examples": [
187
- "Schaafenstraße 25 12345 Köln"
187
+ "Köln"
188
188
  ]
189
189
  }
190
190
  },
@@ -251,10 +251,7 @@
251
251
  "ariaLabel": {
252
252
  "title": "ARIA Label",
253
253
  "description": "ARIA label for accessibility",
254
- "type": "string",
255
- "examples": [
256
- "Event teaser for "
257
- ]
254
+ "type": "string"
258
255
  },
259
256
  "className": {
260
257
  "type": "string"
package/dist/components/event-list-teaser/event-list-teaser.css CHANGED
@@ -8,28 +8,36 @@
8
8
  display: block;
9
9
  border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
10
10
  display: flex;
11
- padding: var(--ks-spacing-inset-m);
12
- gap: var(--ks-spacing-inline-s);
11
+ flex-direction: column;
12
+ padding: var(--ks-spacing-inset-stretch-m);
13
+ gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
13
14
  position: relative;
14
15
  flex-wrap: wrap;
15
16
  }
16
17
  .dsa-event-list-teaser:hover {
17
18
  border-color: var(--ks-border-color-card-interactive-hover);
18
19
  }
19
- .dsa-event-list-teaser__content {
20
+ .dsa-event-list-teaser:hover .dsa-event-list-teaser__categories {
21
+ border-color: var(--ks-border-color-card-interactive-hover);
22
+ }
23
+ .dsa-event-list-teaser__header {
20
24
  display: flex;
21
25
  flex-direction: column;
26
+ gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
27
+ }
28
+ .dsa-event-list-teaser__content {
29
+ flex-wrap: wrap;
30
+ display: flex;
22
31
  justify-content: space-between;
23
32
  gap: var(--ks-spacing-stack-s);
24
- flex-basis: var(--dsa-tile--width_small);
25
- flex-grow: 10;
26
- flex-shrink: 0;
27
33
  }
28
34
  .dsa-event-list-teaser__text {
29
35
  display: flex;
30
36
  flex-direction: column;
31
- justify-content: center;
32
37
  gap: var(--ks-spacing-stack-s);
38
+ flex-basis: var(--dsa-tile--width_small);
39
+ flex-grow: 10;
40
+ flex-shrink: 0;
33
41
  }
34
42
  .dsa-event-list-teaser__image {
35
43
  flex-shrink: 1;
@@ -49,6 +57,7 @@
49
57
  margin: 0;
50
58
  }
51
59
  .dsa-event-list-teaser__title {
60
+ max-width: var(--dsa-tile--width_large);
52
61
  font: var(--ks-font-display-m);
53
62
  font-weight: var(--ks-font-weight-semi-bold);
54
63
  color: var(--ks-text-color-display);
@@ -56,18 +65,35 @@
56
65
  .dsa-event-list-teaser__address {
57
66
  margin: 0;
58
67
  }
68
+ .dsa-event-list-teaser__details {
69
+ display: flex;
70
+ flex-wrap: wrap;
71
+ gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
72
+ }
73
+ .dsa-event-list-teaser__date {
74
+ display: flex;
75
+ flex-direction: column;
76
+ gap: var(--ks-spacing-xxs);
77
+ }
78
+ .dsa-event-list-teaser__date > .dsa-event-list-teaser__info:first-child {
79
+ font-weight: var(--ks-font-weight-semi-bold);
80
+ }
59
81
  .dsa-event-list-teaser__categories {
60
82
  display: flex;
61
83
  flex-wrap: wrap;
62
84
  gap: var(--ks-spacing-xxs) var(--ks-spacing-xxs);
63
- align-items: center;
64
85
  max-width: var(--dsa-tile--width_small);
65
86
  }
66
87
  .dsa-event-list-teaser__infos {
67
88
  display: flex;
68
- flex-wrap: wrap;
69
- gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
70
- align-items: flex-start;
89
+ flex-direction: column;
90
+ gap: var(--ks-spacing-stack-s);
91
+ background-color: var(--ks-background-color-accent);
92
+ padding: var(--ks-spacing-inset-s);
93
+ border-radius: var(--ks-border-radius-card);
94
+ }
95
+ .dsa-event-list-teaser__location {
96
+ flex-basis: var(--dsa-tile--width_small);
71
97
  }
72
98
  .dsa-event-list-teaser__name {
73
99
  font-weight: var(--ks-font-weight-semi-bold);
package/dist/components/event-list-teaser/event-list-teaser.schema.dereffed.json CHANGED
@@ -58,7 +58,7 @@
58
58
  "title": "Address",
59
59
  "description": "Address of the location",
60
60
  "examples": [
61
- "Schaafenstraße 25 12345 Köln"
61
+ "Köln"
62
62
  ]
63
63
  }
64
64
  },
@@ -125,10 +125,7 @@
125
125
  "ariaLabel": {
126
126
  "title": "ARIA Label",
127
127
  "description": "ARIA label for accessibility",
128
- "type": "string",
129
- "examples": [
130
- "Event teaser for "
131
- ]
128
+ "type": "string"
132
129
  },
133
130
  "className": {
134
131
  "type": "string"
package/dist/components/event-list-teaser/event-list-teaser.schema.json CHANGED
@@ -49,7 +49,7 @@
49
49
  "type": "string",
50
50
  "title": "Address",
51
51
  "description": "Address of the location",
52
- "examples": ["Schaafenstraße 25 12345 Köln"]
52
+ "examples": ["Köln"]
53
53
  }
54
54
  }
55
55
  },
@@ -99,8 +99,7 @@
99
99
  "ariaLabel": {
100
100
  "title": "ARIA Label",
101
101
  "description": "ARIA label for accessibility",
102
- "type": "string",
103
- "examples": ["Event teaser for "]
102
+ "type": "string"
104
103
  },
105
104
  "className": {
106
105
  "type": "string"
package/dist/components/event-list-teaser/index.js CHANGED
@@ -9,7 +9,7 @@ import Markdown from 'markdown-to-jsx';
9
9
  import { TagLabel } from '@kickstartds/base/lib/tag-label';
10
10
 
11
11
  const EventListTeaserContextDefault = forwardRef(({ title, text, date, time, categories, location, image, cta, url, ariaLabel, className, ...rest }, ref) => {
12
- return (jsx(Container, { name: "event-list-teaser", children: jsxs("a", { className: classnames(className, "dsa-event-list-teaser"), ...rest, href: url, ref: ref, "aria-label": ariaLabel, children: [jsxs("span", { className: "dsa-event-list-teaser__content", children: [jsxs("span", { className: "dsa-event-list-teaser__text", children: [jsx("span", { className: "dsa-event-list-teaser__title", children: title }), jsx("div", { className: "dsa-event-list-teaser__categories", children: categories.map((category) => (jsx(TagLabel, { label: category, size: "s" }, category))) }), jsxs("span", { className: "dsa-event-list-teaser__infos", children: [jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "time" }), time] }), jsxs("span", { className: "dsa-event-list-teaser__info dsa-event-list-teaser__info--location", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("span", { className: "dsa-event-list-teaser__location", children: [location?.name && (jsx("span", { className: "dsa-event-list-teaser__name", children: location.name })), jsx(Markdown, { className: "dsa-event-list-teaser__address", children: location?.address })] })] })] }), jsx("p", { className: "dsa-event-list-teaser__teaser-text", children: text })] }), jsxs("span", { className: "dsa-event-list-teaser__cta", children: [jsx("span", { children: cta }), jsx(Icon, { "aria-hidden": true, icon: "chevron-right" })] })] }), image && image.src && (jsx("div", { className: "dsa-event-list-teaser__image", children: jsx(Picture, { src: image?.src, alt: image?.alt }) }))] }) }));
12
+ return (jsx(Container, { name: "event-list-teaser", children: jsxs("a", { className: classnames(className, "dsa-event-list-teaser"), ...rest, href: url, ref: ref, "aria-label": ariaLabel, children: [jsx("div", { className: "dsa-event-list-teaser__header", children: jsx("span", { className: "dsa-event-list-teaser__title", children: title }) }), jsxs("div", { className: "dsa-event-list-teaser__content", children: [jsxs("div", { className: "dsa-event-list-teaser__text", children: [jsxs("div", { className: "dsa-event-list-teaser__infos", children: [jsx("div", { className: "dsa-event-list-teaser__categories", children: categories.map((category) => (jsx(TagLabel, { label: category, size: "s" }, category))) }), jsxs("div", { className: "dsa-event-list-teaser__details", children: [jsxs("div", { className: "dsa-event-list-teaser__date", children: [jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "time" }), time] })] }), jsx("div", { className: "dsa-event-list-teaser__location", children: jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("span", { className: "dsa-event-list-teaser__location-text", children: [location?.name && (jsx("span", { className: "dsa-event-list-teaser__name", children: location.name })), jsx(Markdown, { className: "dsa-event-list-teaser__address", children: location?.address })] })] }) })] })] }), jsx("p", { className: "dsa-event-list-teaser__teaser-text", children: text }), jsxs("div", { className: "dsa-event-list-teaser__cta", children: [jsx("span", { children: cta }), jsx(Icon, { "aria-hidden": true, icon: "chevron-right" })] })] }), image && image.src && (jsx("div", { className: "dsa-event-list-teaser__image", children: jsx(Picture, { src: image?.src, alt: image?.alt }) }))] })] }) }));
13
13
  });
14
14
  const EventListTeaserContext = createContext(EventListTeaserContextDefault);
15
15
  const EventListTeaser = forwardRef((props, ref) => {
package/dist/components/event-location/event-location.schema.dereffed.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "type": "string",
21
21
  "format": "date",
22
22
  "examples": [
23
- "2025-09-18"
23
+ "18.09.2025"
24
24
  ]
25
25
  },
26
26
  "time": {
package/dist/components/header/header.css CHANGED
@@ -78,6 +78,11 @@
78
78
  justify-content: space-between;
79
79
  align-items: flex-start;
80
80
  }
81
+ @media (min-width: 62rem) {
82
+ .dsa-header__content {
83
+ align-items: center;
84
+ }
85
+ }
81
86
  .dsa-header--floating .dsa-header__content {
82
87
  max-width: calc(var(--dsa-header--max-width) + var(--dsa-header_floating--spacing-horizontal) * 2);
83
88
  padding: 0 var(--dsa-header_floating--spacing-horizontal);
package/dist/components/index/index.d.ts CHANGED
@@ -29,7 +29,7 @@ interface SettingsProps {
29
29
  seo: SeoProps;
30
30
  iconSprite?: IconSprite;
31
31
  }
32
- export * from "../../BlogPostProps-6b3cff22.js";
32
+ export * from "../../BlogPostProps-c760fd2a.js";
33
33
  export * from "../../BlogOverviewProps-9f207f1c.js";
34
34
  export * from "../../PageProps-aa29c554.js";
35
35
  export { IconSprite, SettingsProps };
package/dist/components/nav-dropdown/nav-dropdown.css CHANGED
@@ -11,7 +11,7 @@
11
11
  --dsa-nav-dropdown__label--background-color_hover: var(--ks-color-fg-alpha-8);
12
12
  --dsa-nav-dropdown__label--background-color_active: unset;
13
13
  --dsa-nav-dropdown__label--border-radius: var(--ks-border-radius-control);
14
- --dsa-nav-dropdown__label--font: var(--ks-font-interface-m);
14
+ --dsa-nav-dropdown__label--font: var(--ks-font-interface-s);
15
15
  --dsa-nav-dropdown__label--font-family: var(--ks-font-family-display);
16
16
  --dsa-nav-dropdown__label--font-weight: var(--ks-font-weight-semi-bold);
17
17
  --dsa-nav-dropdown__label--font-weight_active: var(--ks-font-weight-bold);
package/dist/components/nav-topbar/nav-topbar.css CHANGED
@@ -5,7 +5,7 @@
5
5
  --dsa-nav-topbar__label--background-color: transparent;
6
6
  --dsa-nav-topbar__label--background-color_hover: var(--ks-color-fg-alpha-8);
7
7
  --dsa-nav-topbar__label--background-color_active: transparent;
8
- --dsa-nav-topbar__label--font: var(--ks-font-interface-m);
8
+ --dsa-nav-topbar__label--font: var(--ks-font-interface-s);
9
9
  --dsa-nav-topbar__label--font-family: var(--ks-font-family-display);
10
10
  --dsa-nav-topbar__label--font-weight: var(--ks-font-weight-semi-bold);
11
11
  --dsa-nav-topbar__label--font-weight_active: var(--ks-font-weight-bold);
package/dist/components/page-wrapper/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Jul 2025 09:32:38 GMT
3
+ * Generated on Fri, 04 Jul 2025 12:26:25 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
package/dist/components/presets.json CHANGED
@@ -939,7 +939,7 @@
939
939
  "id": "page-archetypes-event-list--event-list",
940
940
  "group": "Page Archetypes/Event List",
941
941
  "name": "EventList",
942
- "code": "<EventList\n events={[\n {\n ariaLabel: 'Event teaser for ',\n categories: [\n 'Buyers',\n 'Sellers',\n 'Renters'\n ],\n cta: 'Show appointment',\n date: 'FRI, JAN 16',\n image: {\n alt: 'A futuristic AI concept image',\n src: 'https://picsum.photos/seed/flower/800/600'\n },\n location: {\n address: '123 Main St<br/>\\n10115 Berlin',\n name: 'Berlin Convention Center'\n },\n text: 'Join us for the Real Estate Expo 2025, where industry leaders will discuss the future of real estate.',\n time: '10:00 AM',\n title: 'Real Estate Expo 2025',\n url: 'https://example.com'\n },\n {\n ariaLabel: 'Event teaser for ',\n categories: [\n 'AI'\n ],\n cta: 'Show appointment',\n date: '14.01.2025',\n image: {\n alt: 'A futuristic AI concept image',\n src: 'https://picsum.photos/seed/flower/800/600'\n },\n location: {\n address: '123 Main St<br/>\\n50677 Cologne',\n name: 'Cologne Exhibition Center'\n },\n text: 'The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. AI is transforming industries and shaping the future. Don\\'t miss out on this opportunity to learn from experts and network with peers.',\n time: '15:30 - 17:00',\n title: 'The Future of AI',\n url: 'https://example.com'\n },\n {\n ariaLabel: 'Event teaser for ',\n categories: [\n 'Sustainability',\n 'Technology'\n ],\n cta: 'Show appointment',\n date: '20/30/2025',\n image: {\n alt: 'A futuristic AI concept image',\n src: 'https://picsum.photos/seed/flower/800/600'\n },\n location: {\n address: '123 Main St<br/>\\n50677 Cologne',\n name: 'Cologne Exhibition Center'\n },\n text: 'Welcome to the Global Innovations Summit 2025, where we will explore the latest advancements in sustainable technologies. Join us for a day of insightful discussions and networking opportunities with industry leaders.',\n time: 'FROM 17:00',\n title: 'Global Innovations Summit 2025: Advancing Sustainable Technologies',\n url: 'https://example.com'\n }\n ]}\n filter={{\n applyButton: {\n label: 'Filter Appointments'\n },\n categories: {\n categoryCheckboxes: [\n 'All',\n 'Buyers',\n 'Sellers',\n 'Renters',\n 'Landlords',\n 'Tenants'\n ],\n title: 'Categories',\n toggle: true\n },\n datePicker: {\n dateFromInput: {\n label: 'From',\n placeholder: 'Select a date'\n },\n dateToInput: {\n label: 'To',\n placeholder: 'Select a date'\n },\n title: 'Find Appointment',\n toggle: true\n },\n resetButton: {\n label: 'Reset Filters'\n }\n }}\n/>",
942
+ "code": "<EventList\n events={[\n {\n categories: [\n 'Buyers',\n 'Sellers',\n 'Renters'\n ],\n cta: 'Show appointment',\n date: 'FRI, JAN 16',\n image: {\n alt: 'A futuristic AI concept image',\n src: 'https://picsum.photos/seed/flower/800/600'\n },\n location: {\n address: '123 Main St<br/>\\n10115 Berlin',\n name: 'Berlin Convention Center'\n },\n text: 'Join us for the Real Estate Expo 2025, where industry leaders will discuss the future of real estate.',\n time: '10:00 AM',\n title: 'Real Estate Expo 2025',\n url: 'https://example.com'\n },\n {\n categories: [\n 'AI'\n ],\n cta: 'Show appointment',\n date: '14.01.2025',\n image: {\n alt: 'A futuristic AI concept image',\n src: 'https://picsum.photos/seed/flower/800/600'\n },\n location: {\n address: '123 Main St<br/>\\n50677 Cologne',\n name: 'Cologne Exhibition Center'\n },\n text: 'The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. AI is transforming industries and shaping the future. Don\\'t miss out on this opportunity to learn from experts and network with peers.',\n time: '15:30 - 17:00',\n title: 'The Future of AI',\n url: 'https://example.com'\n },\n {\n categories: [\n 'Sustainability',\n 'Technology'\n ],\n cta: 'Show appointment',\n date: '20/30/2025',\n image: {\n alt: 'A futuristic AI concept image',\n src: 'https://picsum.photos/seed/flower/800/600'\n },\n location: {\n address: '123 Main St<br/>\\n50677 Cologne',\n name: 'Cologne Exhibition Center'\n },\n text: 'Welcome to the Global Innovations Summit 2025, where we will explore the latest advancements in sustainable technologies. Join us for a day of insightful discussions and networking opportunities with industry leaders.',\n time: 'from 17:00',\n title: 'Global Innovations Summit 2025: Advancing Sustainable Technologies',\n url: 'https://example.com'\n }\n ]}\n filter={{\n applyButton: {\n label: 'Filter Appointments'\n },\n categories: {\n categoryCheckboxes: [\n 'All',\n 'Buyers',\n 'Sellers',\n 'Renters',\n 'Landlords',\n 'Tenants'\n ],\n title: 'Categories',\n toggle: true\n },\n datePicker: {\n dateFromInput: {\n label: 'From',\n placeholder: 'Select a date'\n },\n dateToInput: {\n label: 'To',\n placeholder: 'Select a date'\n },\n title: 'Find Appointment',\n toggle: true\n },\n resetButton: {\n label: 'Reset Filters'\n }\n }}\n/>",
943
943
  "args": {
944
944
  "filter": {
945
945
  "datePicker": {
@@ -993,8 +993,7 @@
993
993
  "alt": "A futuristic AI concept image"
994
994
  },
995
995
  "url": "https://example.com",
996
- "cta": "Show appointment",
997
- "ariaLabel": "Event teaser for "
996
+ "cta": "Show appointment"
998
997
  },
999
998
  {
1000
999
  "title": "The Future of AI",
@@ -1013,14 +1012,13 @@
1013
1012
  "alt": "A futuristic AI concept image"
1014
1013
  },
1015
1014
  "url": "https://example.com",
1016
- "cta": "Show appointment",
1017
- "ariaLabel": "Event teaser for "
1015
+ "cta": "Show appointment"
1018
1016
  },
1019
1017
  {
1020
1018
  "title": "Global Innovations Summit 2025: Advancing Sustainable Technologies",
1021
1019
  "text": "Welcome to the Global Innovations Summit 2025, where we will explore the latest advancements in sustainable technologies. Join us for a day of insightful discussions and networking opportunities with industry leaders.",
1022
1020
  "date": "20/30/2025",
1023
- "time": "FROM 17:00",
1021
+ "time": "from 17:00",
1024
1022
  "location": {
1025
1023
  "name": "Cologne Exhibition Center",
1026
1024
  "address": "123 Main St<br/>\n50677 Cologne"
@@ -1034,8 +1032,7 @@
1034
1032
  "alt": "A futuristic AI concept image"
1035
1033
  },
1036
1034
  "url": "https://example.com",
1037
- "cta": "Show appointment",
1038
- "ariaLabel": "Event teaser for "
1035
+ "cta": "Show appointment"
1039
1036
  }
1040
1037
  ]
1041
1038
  },
@@ -1671,9 +1668,9 @@
1671
1668
  "id": "event-event-appointment--default",
1672
1669
  "group": "Event/ Event Appointment",
1673
1670
  "name": "Default",
1674
- "code": "<EventAppointment\n ariaLabel=\"Register for the event on 18th September 2025 from 09:00 to 17:00\"\n date=\"2025-09-18\"\n label=\"Register\"\n newTab\n time=\"09:00 – 17:00\"\n url=\"#\"\n/>",
1671
+ "code": "<EventAppointment\n ariaLabel=\"Register for the event on 18th September 2025 from 09:00 to 17:00\"\n date=\"18.09.2025\"\n label=\"Register\"\n newTab\n time=\"09:00 – 17:00\"\n url=\"#\"\n/>",
1675
1672
  "args": {
1676
- "date": "2025-09-18",
1673
+ "date": "18.09.2025",
1677
1674
  "time": "09:00 – 17:00",
1678
1675
  "label": "Register",
1679
1676
  "url": "#",
@@ -1826,15 +1823,15 @@
1826
1823
  "id": "event-event-list-teaser--default",
1827
1824
  "group": "Event/ Event List Teaser",
1828
1825
  "name": "Default",
1829
- "code": "<EventListTeaser\n ariaLabel=\"Event teaser for \"\n categories={[\n 'AI'\n ]}\n cta=\"Show event\"\n date=\"12/30/2025\"\n image={{\n alt: 'A futuristic AI concept image',\n src: 'https://picsum.photos/seed/flower/800/600'\n }}\n link={{\n text: 'Show event',\n url: '#'\n }}\n location={{\n address: 'Schaafenstraße 25 12345 Köln',\n name: 'Stadthalle'\n }}\n teaserText=\"The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.\"\n text=\"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.\"\n time=\"10:00\"\n title=\"The Future of AI\"\n url=\"https://example.com\"\n/>",
1826
+ "code": "<EventListTeaser\n categories={[\n 'AI'\n ]}\n cta=\"Show event\"\n date=\"30.12.2025\"\n image={{\n alt: 'A futuristic AI concept image',\n src: 'https://picsum.photos/seed/flower/800/600'\n }}\n link={{\n text: 'Show event',\n url: '#'\n }}\n location={{\n address: 'Köln',\n name: 'Stadthalle'\n }}\n teaserText=\"The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.\"\n text=\"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.\"\n time=\"10:00\"\n title=\"The Future of AI\"\n url=\"https://example.com\"\n/>",
1830
1827
  "args": {
1831
1828
  "title": "The Future of AI",
1832
1829
  "text": "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.",
1833
- "date": "12/30/2025",
1830
+ "date": "30.12.2025",
1834
1831
  "time": "10:00",
1835
1832
  "location": {
1836
1833
  "name": "Stadthalle",
1837
- "address": "Schaafenstraße 25 12345 Köln"
1834
+ "address": "Köln"
1838
1835
  },
1839
1836
  "categories": [
1840
1837
  "AI"
@@ -1845,7 +1842,6 @@
1845
1842
  },
1846
1843
  "url": "https://example.com",
1847
1844
  "cta": "Show event",
1848
- "ariaLabel": "Event teaser for ",
1849
1845
  "teaserText": "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.",
1850
1846
  "link": {
1851
1847
  "url": "#",
@@ -1858,11 +1854,11 @@
1858
1854
  "id": "event-event-location--default",
1859
1855
  "group": "Event/ Event Location",
1860
1856
  "name": "Default",
1861
- "code": "<EventLocation\n address=\"Alexanderplatz 1<br />\n 10178 Berlin\"\n dates={[\n {\n ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n date: '2025-09-18',\n label: 'Register',\n newTab: true,\n time: '09:00 – 17:00',\n url: '#'\n },\n {\n ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n date: '2025-09-18',\n label: 'Register',\n newTab: true,\n time: '09:00 – 17:00',\n url: '#'\n }\n ]}\n displayMode=\"spacious\"\n links={[\n {\n label: 'Open in Google Maps',\n newTab: true,\n url: 'https://maps.google.com/?q=Berlin+Congress+Center'\n },\n {\n label: 'Location Website',\n newTab: true,\n url: 'https://maps.google.com/?q=Berlin+Congress+Center'\n }\n ]}\n locationName=\"Berlin Congress Center\"\n/>",
1857
+ "code": "<EventLocation\n address=\"Alexanderplatz 1<br />\n 10178 Berlin\"\n dates={[\n {\n ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n date: '18.09.2025',\n label: 'Register',\n newTab: true,\n time: '09:00 – 17:00',\n url: '#'\n },\n {\n ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n date: '18.09.2025',\n label: 'Register',\n newTab: true,\n time: '09:00 – 17:00',\n url: '#'\n }\n ]}\n displayMode=\"spacious\"\n links={[\n {\n label: 'Open in Google Maps',\n newTab: true,\n url: 'https://maps.google.com/?q=Berlin+Congress+Center'\n },\n {\n label: 'Location Website',\n newTab: true,\n url: 'https://maps.google.com/?q=Berlin+Congress+Center'\n }\n ]}\n locationName=\"Berlin Congress Center\"\n/>",
1862
1858
  "args": {
1863
1859
  "dates": [
1864
1860
  {
1865
- "date": "2025-09-18",
1861
+ "date": "18.09.2025",
1866
1862
  "time": "09:00 – 17:00",
1867
1863
  "label": "Register",
1868
1864
  "url": "#",
@@ -1870,7 +1866,7 @@
1870
1866
  "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
1871
1867
  },
1872
1868
  {
1873
- "date": "2025-09-18",
1869
+ "date": "18.09.2025",
1874
1870
  "time": "09:00 – 17:00",
1875
1871
  "label": "Register",
1876
1872
  "url": "#",
package/dist/global.css CHANGED
@@ -323,7 +323,7 @@ h3 {
323
323
  --dsa-tile--width_medium: calc(var(--ks-font-size-copy-m) * 20);
324
324
  --dsa-tile--width_large: calc(var(--ks-font-size-copy-m) * 28);
325
325
  --dsa-tile--width_largest: calc(var(--ks-font-size-copy-m) * 38);
326
- --dsa-logo--height: 2.25rem;
326
+ --dsa-logo--height: 2rem;
327
327
  --dsa-header--height: calc(var(--dsa-logo--height) + var(--ks-spacing-stack-m) + var(--ks-spacing-stack-m));
328
328
  }
329
329
  @media (min-width: 48em) {
@@ -333,12 +333,12 @@ h3 {
333
333
  }
334
334
  @media (min-width: 48em) {
335
335
  :root, [ks-inverted], [ks-theme] {
336
- --dsa-logo--height: 2.5rem;
336
+ --dsa-logo--height: 2.25rem;
337
337
  }
338
338
  }
339
339
  @media (min-width: 62em) {
340
340
  :root, [ks-inverted], [ks-theme] {
341
- --dsa-logo--height: 3rem;
341
+ --dsa-logo--height: 2.5rem;
342
342
  }
343
343
  }
344
344
 
package/dist/tokens/themes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Jul 2025 09:32:40 GMT
3
+ * Generated on Fri, 04 Jul 2025 12:26:28 GMT
4
4
  */
5
5
  :root [ks-theme=business] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
2727
2727
  }
2728
2728
  /**
2729
2729
  * Do not edit directly
2730
- * Generated on Fri, 04 Jul 2025 09:32:45 GMT
2730
+ * Generated on Fri, 04 Jul 2025 12:26:32 GMT
2731
2731
  */
2732
2732
  :root [ks-theme=google] {
2733
2733
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
5458
5458
  }
5459
5459
  /**
5460
5460
  * Do not edit directly
5461
- * Generated on Fri, 04 Jul 2025 09:32:43 GMT
5461
+ * Generated on Fri, 04 Jul 2025 12:26:30 GMT
5462
5462
  */
5463
5463
  :root [ks-theme=ngo] {
5464
5464
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
8459
8459
  }
8460
8460
  /**
8461
8461
  * Do not edit directly
8462
- * Generated on Fri, 04 Jul 2025 09:32:47 GMT
8462
+ * Generated on Fri, 04 Jul 2025 12:26:35 GMT
8463
8463
  */
8464
8464
  :root [ks-theme=telekom] {
8465
8465
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
package/dist/tokens/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Jul 2025 09:32:38 GMT
3
+ * Generated on Fri, 04 Jul 2025 12:26:25 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
package/dist/tokens/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Jul 2025 09:32:38 GMT
3
+ * Generated on Fri, 04 Jul 2025 12:26:26 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#f3f3f4";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.6.71--canary.45.1785.0",
3
+ "version": "1.6.71--canary.45.1789.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {