@kickstartds/ds-agency-premium 1.6.71--canary.45.1795.0 → 1.6.71--canary.45.1803.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.
- package/dist/{EventListTeaserProps-f5c6a5a9.d.ts → EventListTeaserProps-796e306c.d.ts} +1 -1
- package/dist/components/event-list/event-list.schema.dereffed.json +1 -1
- package/dist/components/event-list/index.d.ts +1 -1
- package/dist/components/event-list-teaser/event-list-teaser.css +19 -22
- package/dist/components/event-list-teaser/event-list-teaser.schema.dereffed.json +1 -1
- package/dist/components/event-list-teaser/event-list-teaser.schema.json +1 -1
- package/dist/components/event-list-teaser/index.d.ts +1 -1
- package/dist/components/event-list-teaser/index.js +2 -2
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +15 -16
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ import { FC, PropsWithChildren } from "react";
|
|
|
6
6
|
* and run json-schema-to-typescript to regenerate this file.
|
|
7
7
|
*/
|
|
8
8
|
import { EventFilterProps } from "../../EventFilterProps-b190eb86.js";
|
|
9
|
-
import { EventListTeaserProps } from "../../EventListTeaserProps-
|
|
9
|
+
import { EventListTeaserProps } from "../../EventListTeaserProps-796e306c.js";
|
|
10
10
|
interface EventListProps {
|
|
11
11
|
/**
|
|
12
12
|
* Referenced component EventFilterProps
|
|
@@ -7,12 +7,11 @@
|
|
|
7
7
|
--g-link--border-radius: var(--ks-border-radius-card);
|
|
8
8
|
display: block;
|
|
9
9
|
border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
|
|
10
|
-
display: flex;
|
|
11
|
-
flex-direction: column;
|
|
12
10
|
padding: var(--ks-spacing-inset-l);
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
flex-wrap: wrap-reverse;
|
|
12
|
+
display: flex;
|
|
13
|
+
justify-content: space-between;
|
|
14
|
+
gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
|
|
16
15
|
}
|
|
17
16
|
.dsa-event-list-teaser:hover {
|
|
18
17
|
border-color: var(--ks-border-color-card-interactive-hover);
|
|
@@ -26,12 +25,6 @@
|
|
|
26
25
|
gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
|
|
27
26
|
}
|
|
28
27
|
.dsa-event-list-teaser__content {
|
|
29
|
-
flex-wrap: wrap;
|
|
30
|
-
display: flex;
|
|
31
|
-
justify-content: space-between;
|
|
32
|
-
gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
|
|
33
|
-
}
|
|
34
|
-
.dsa-event-list-teaser__text {
|
|
35
28
|
display: flex;
|
|
36
29
|
flex-direction: column;
|
|
37
30
|
gap: var(--ks-spacing-stack-s);
|
|
@@ -40,10 +33,7 @@
|
|
|
40
33
|
flex-shrink: 0;
|
|
41
34
|
}
|
|
42
35
|
.dsa-event-list-teaser__image {
|
|
43
|
-
flex-
|
|
44
|
-
flex-grow: 5;
|
|
45
|
-
flex-basis: var(--dsa-tile--width_smallest);
|
|
46
|
-
aspect-ratio: 4/3;
|
|
36
|
+
flex-basis: var(--dsa-tile--width_small);
|
|
47
37
|
}
|
|
48
38
|
.dsa-event-list-teaser__image img {
|
|
49
39
|
object-fit: cover;
|
|
@@ -62,9 +52,6 @@
|
|
|
62
52
|
font-weight: var(--ks-font-weight-semi-bold);
|
|
63
53
|
color: var(--ks-text-color-display);
|
|
64
54
|
}
|
|
65
|
-
.dsa-event-list-teaser__address {
|
|
66
|
-
margin: 0;
|
|
67
|
-
}
|
|
68
55
|
.dsa-event-list-teaser__details {
|
|
69
56
|
display: flex;
|
|
70
57
|
flex-wrap: wrap;
|
|
@@ -92,23 +79,29 @@
|
|
|
92
79
|
border-bottom: 1px solid var(--ks-border-color-interface-interactive);
|
|
93
80
|
padding-top: var(--ks-spacing-inset-s);
|
|
94
81
|
padding-bottom: var(--ks-spacing-inset-s);
|
|
95
|
-
width: fit-content;
|
|
96
82
|
}
|
|
97
83
|
.dsa-event-list-teaser__location {
|
|
98
84
|
flex-basis: var(--dsa-tile--width_small);
|
|
85
|
+
flex-grow: 1;
|
|
99
86
|
}
|
|
100
|
-
.dsa-event-list-
|
|
87
|
+
.dsa-event-list-teaser__location-name {
|
|
101
88
|
font-weight: var(--ks-font-weight-semi-bold);
|
|
102
89
|
color: var(--dsa-topic--color);
|
|
90
|
+
display: block;
|
|
91
|
+
}
|
|
92
|
+
.dsa-event-list-teaser__location-address {
|
|
93
|
+
margin: 0;
|
|
103
94
|
}
|
|
104
95
|
.dsa-event-list-teaser__info {
|
|
105
96
|
display: flex;
|
|
106
97
|
gap: calc(var(--ks-spacing-xxs) * 0.75);
|
|
107
98
|
font: var(--ks-font-interface-s);
|
|
108
|
-
align-items: center;
|
|
109
99
|
justify-content: flex-start;
|
|
110
100
|
color: var(--ks-text-color-interface);
|
|
111
101
|
}
|
|
102
|
+
.dsa-event-list-teaser__info address {
|
|
103
|
+
font-style: normal;
|
|
104
|
+
}
|
|
112
105
|
.dsa-event-list-teaser__info--location {
|
|
113
106
|
flex-basis: 100%;
|
|
114
107
|
}
|
|
@@ -127,11 +120,15 @@
|
|
|
127
120
|
align-items: center;
|
|
128
121
|
text-wrap: nowrap;
|
|
129
122
|
width: fit-content;
|
|
123
|
+
transition: var(--ks-transition-hover);
|
|
124
|
+
}
|
|
125
|
+
.dsa-event-list-teaser__cta:hover {
|
|
126
|
+
color: var(--ks-text-color-primary-hover);
|
|
130
127
|
}
|
|
131
128
|
.dsa-event-list-teaser__cta .icon {
|
|
132
129
|
width: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
|
|
133
130
|
height: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
|
|
134
|
-
color:
|
|
131
|
+
color: inherit;
|
|
135
132
|
flex-shrink: 0;
|
|
136
133
|
flex-grow: 1;
|
|
137
134
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
import { EventListTeaserProps } from "../../EventListTeaserProps-
|
|
3
|
+
import { EventListTeaserProps } from "../../EventListTeaserProps-796e306c.js";
|
|
4
4
|
declare const EventListTeaserContextDefault: import("react").ForwardRefExoticComponent<EventListTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
5
5
|
declare const EventListTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<EventListTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>>;
|
|
6
6
|
declare const EventListTeaser: import("react").ForwardRefExoticComponent<EventListTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
@@ -8,8 +8,8 @@ import { Picture } from '@kickstartds/base/lib/picture';
|
|
|
8
8
|
import Markdown from 'markdown-to-jsx';
|
|
9
9
|
import { TagLabel } from '@kickstartds/base/lib/tag-label';
|
|
10
10
|
|
|
11
|
-
const EventListTeaserContextDefault = forwardRef(({ title, text, date, time, categories, location, image,
|
|
12
|
-
return (jsx(Container, { name: "event-list-teaser", children:
|
|
11
|
+
const EventListTeaserContextDefault = forwardRef(({ title, text, date, time, categories, location, image, ctaText, 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("div", { className: "dsa-event-list-teaser__content", children: [jsx("div", { className: "dsa-event-list-teaser__header", children: jsx("span", { className: "dsa-event-list-teaser__title", children: title }) }), categories && categories.length > 0 && (jsx("div", { className: "dsa-event-list-teaser__categories", children: categories.map((category) => (jsx(TagLabel, { label: category, size: "s" }, category))) })), jsx("div", { className: "dsa-event-list-teaser__infos", children: 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] })] }), jsxs("div", { className: "dsa-event-list-teaser__location dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("address", { children: [location?.name && (jsx("span", { className: "dsa-event-list-teaser__location-name", children: location.name })), jsx(Markdown, { className: "dsa-event-list-teaser__location-address", children: location?.address })] })] })] }) }), text && (jsx("p", { className: "dsa-event-list-teaser__teaser-text", children: text })), jsxs("div", { className: "dsa-event-list-teaser__cta", children: [jsx("span", { children: ctaText }), 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) => {
|
|
@@ -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 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: '
|
|
942
|
+
"code": "<EventList\n events={[\n {\n categories: [\n 'Buyers',\n 'Sellers',\n 'Renters'\n ],\n cta: 'Show appointment',\n ctaText: 'Show event',\n date: 'FRI, JAN 16',\n image: {\n alt: 'A futuristic AI concept image',\n src: 'img/close-up-young-business-team-working.png'\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 ctaText: 'Show event',\n date: '14.01.2025',\n image: {\n alt: 'A futuristic AI concept image',\n src: 'img/close-up-young-business-team-working.png'\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 ctaText: 'Show event',\n date: '20/30/2025',\n image: {\n alt: 'A futuristic AI concept image',\n src: 'img/close-up-young-business-team-working.png'\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": {
|
|
@@ -989,10 +989,11 @@
|
|
|
989
989
|
"Renters"
|
|
990
990
|
],
|
|
991
991
|
"image": {
|
|
992
|
-
"src": "
|
|
992
|
+
"src": "img/close-up-young-business-team-working.png",
|
|
993
993
|
"alt": "A futuristic AI concept image"
|
|
994
994
|
},
|
|
995
995
|
"url": "https://example.com",
|
|
996
|
+
"ctaText": "Show event",
|
|
996
997
|
"cta": "Show appointment"
|
|
997
998
|
},
|
|
998
999
|
{
|
|
@@ -1008,10 +1009,11 @@
|
|
|
1008
1009
|
"AI"
|
|
1009
1010
|
],
|
|
1010
1011
|
"image": {
|
|
1011
|
-
"src": "
|
|
1012
|
+
"src": "img/close-up-young-business-team-working.png",
|
|
1012
1013
|
"alt": "A futuristic AI concept image"
|
|
1013
1014
|
},
|
|
1014
1015
|
"url": "https://example.com",
|
|
1016
|
+
"ctaText": "Show event",
|
|
1015
1017
|
"cta": "Show appointment"
|
|
1016
1018
|
},
|
|
1017
1019
|
{
|
|
@@ -1028,10 +1030,11 @@
|
|
|
1028
1030
|
"Technology"
|
|
1029
1031
|
],
|
|
1030
1032
|
"image": {
|
|
1031
|
-
"src": "
|
|
1033
|
+
"src": "img/close-up-young-business-team-working.png",
|
|
1032
1034
|
"alt": "A futuristic AI concept image"
|
|
1033
1035
|
},
|
|
1034
1036
|
"url": "https://example.com",
|
|
1037
|
+
"ctaText": "Show event",
|
|
1035
1038
|
"cta": "Show appointment"
|
|
1036
1039
|
}
|
|
1037
1040
|
]
|
|
@@ -1823,30 +1826,26 @@
|
|
|
1823
1826
|
"id": "event-event-list-teaser--default",
|
|
1824
1827
|
"group": "Event/ Event List Teaser",
|
|
1825
1828
|
"name": "Default",
|
|
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: '
|
|
1829
|
+
"code": "<EventListTeaser\n categories={[\n 'AI'\n ]}\n cta=\"Show event\"\n ctaText=\"Show event\"\n date=\"30.12.2025\"\n image={{\n alt: 'A futuristic AI concept image',\n src: 'img/close-up-young-business-team-working.png'\n }}\n location={{\n address: '123 Innovation Drive\\n\\nTech City',\n name: 'Tech Conference Center'\n }}\n text=\"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=\"#\"\n/>",
|
|
1827
1830
|
"args": {
|
|
1828
1831
|
"title": "The Future of AI",
|
|
1829
|
-
"text": "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.
|
|
1832
|
+
"text": "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.",
|
|
1830
1833
|
"date": "30.12.2025",
|
|
1831
1834
|
"time": "10:00",
|
|
1832
1835
|
"location": {
|
|
1833
|
-
"name": "
|
|
1834
|
-
"address": "
|
|
1836
|
+
"name": "Tech Conference Center",
|
|
1837
|
+
"address": "123 Innovation Drive\n\nTech City"
|
|
1835
1838
|
},
|
|
1836
1839
|
"categories": [
|
|
1837
1840
|
"AI"
|
|
1838
1841
|
],
|
|
1839
1842
|
"image": {
|
|
1840
|
-
"src": "
|
|
1843
|
+
"src": "img/close-up-young-business-team-working.png",
|
|
1841
1844
|
"alt": "A futuristic AI concept image"
|
|
1842
1845
|
},
|
|
1843
|
-
"url": "
|
|
1844
|
-
"
|
|
1845
|
-
"
|
|
1846
|
-
"link": {
|
|
1847
|
-
"url": "#",
|
|
1848
|
-
"text": "Show event"
|
|
1849
|
-
}
|
|
1846
|
+
"url": "#",
|
|
1847
|
+
"ctaText": "Show event",
|
|
1848
|
+
"cta": "Show event"
|
|
1850
1849
|
},
|
|
1851
1850
|
"screenshot": "img/screenshots/event-event-list-teaser--default.png"
|
|
1852
1851
|
},
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 07 Jul 2025 09:16:32 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
|
|
2730
|
+
* Generated on Mon, 07 Jul 2025 09:16:36 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
|
|
5461
|
+
* Generated on Mon, 07 Jul 2025 09:16:34 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
|
|
8462
|
+
* Generated on Mon, 07 Jul 2025 09:16:37 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
package/dist/tokens/tokens.js
CHANGED