@kickstartds/ds-agency-premium 1.6.68--canary.45.1683.0 → 1.6.68--canary.45.1687.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/{EventDetailProps-63f63768.d.ts → EventDetailProps-19b81db8.d.ts} +5 -5
- package/dist/EventListLocationProps-204fd84f.d.ts +24 -0
- package/dist/components/event-detail/event-detail.schema.dereffed.json +85 -37
- package/dist/components/event-detail/event-detail.schema.json +6 -5
- package/dist/components/event-detail/index.d.ts +1 -1
- package/dist/components/event-detail/index.js +2 -2
- package/dist/components/event-list-appointment/event-list-appointment.schema.dereffed.json +12 -3
- package/dist/components/event-list-appointment/event-list-appointment.schema.json +6 -3
- package/dist/components/{event-list-entry/event-list-entry.css → event-list-location/event-list-location.css} +12 -10
- package/dist/components/{event-list-entry/event-list-entry.schema.dereffed.json → event-list-location/event-list-location.schema.dereffed.json} +23 -8
- package/dist/components/{event-list-entry/event-list-entry.schema.json → event-list-location/event-list-location.schema.json} +8 -4
- package/dist/components/event-list-location/index.d.ts +7 -0
- package/dist/components/event-list-location/index.js +16 -0
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +35 -38
- 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
- package/dist/components/event-list-entry/index.d.ts +0 -30
- package/dist/components/event-list-entry/index.js +0 -16
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
4
|
* and run json-schema-to-typescript to regenerate this file.
|
|
5
5
|
*/
|
|
6
|
-
import {
|
|
6
|
+
import { EventListLocationProps } from "./EventListLocationProps-204fd84f.js";
|
|
7
7
|
/**
|
|
8
8
|
* Title of the event
|
|
9
9
|
*/
|
|
@@ -23,9 +23,9 @@ type Categories = {
|
|
|
23
23
|
*/
|
|
24
24
|
type Intro = string;
|
|
25
25
|
/**
|
|
26
|
-
* List of attendable appointments
|
|
26
|
+
* List of locations with attendable appointments
|
|
27
27
|
*/
|
|
28
|
-
type
|
|
28
|
+
type Locations = EventListLocationProps[];
|
|
29
29
|
/**
|
|
30
30
|
* Description of the event
|
|
31
31
|
*/
|
|
@@ -346,7 +346,7 @@ interface EventDetailProps {
|
|
|
346
346
|
title?: EventTitle;
|
|
347
347
|
categories?: Categories;
|
|
348
348
|
intro?: Intro;
|
|
349
|
-
|
|
349
|
+
locations?: Locations;
|
|
350
350
|
downloads?: {
|
|
351
351
|
/**
|
|
352
352
|
* The name of the file
|
|
@@ -384,4 +384,4 @@ interface Button {
|
|
|
384
384
|
label?: Label1;
|
|
385
385
|
target?: Target;
|
|
386
386
|
}
|
|
387
|
-
export { EventTitle, Label, Categories, Intro,
|
|
387
|
+
export { EventTitle, Label, Categories, Intro, Locations, Description, Images, Src, AltText, Caption, Label1, Target, EventDetailProps, Button };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This file was automatically generated by json-schema-to-typescript.
|
|
3
|
+
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
|
+
* and run json-schema-to-typescript to regenerate this file.
|
|
5
|
+
*/
|
|
6
|
+
import { EventListAppointmentProps } from "./EventListAppointmentProps-da54c3b9.js";
|
|
7
|
+
/**
|
|
8
|
+
* List of dates of the event
|
|
9
|
+
*/
|
|
10
|
+
type Dates = EventListAppointmentProps[];
|
|
11
|
+
/**
|
|
12
|
+
* Address of the appointment
|
|
13
|
+
*/
|
|
14
|
+
type Address = string;
|
|
15
|
+
/**
|
|
16
|
+
* Link to the location on a map
|
|
17
|
+
*/
|
|
18
|
+
type MapsLink = string;
|
|
19
|
+
interface EventListLocationProps {
|
|
20
|
+
dates?: Dates;
|
|
21
|
+
address?: Address;
|
|
22
|
+
mapsLink?: MapsLink;
|
|
23
|
+
}
|
|
24
|
+
export { Dates, Address, MapsLink, EventListLocationProps };
|
|
@@ -19,7 +19,12 @@
|
|
|
19
19
|
"label": {
|
|
20
20
|
"type": "string",
|
|
21
21
|
"title": "Label",
|
|
22
|
-
"description": "Label of the category"
|
|
22
|
+
"description": "Label of the category",
|
|
23
|
+
"examples": [
|
|
24
|
+
"Web Development",
|
|
25
|
+
"Design",
|
|
26
|
+
"Marketing"
|
|
27
|
+
]
|
|
23
28
|
}
|
|
24
29
|
},
|
|
25
30
|
"additionalProperties": false
|
|
@@ -30,53 +35,96 @@
|
|
|
30
35
|
"description": "Short intro text for the event",
|
|
31
36
|
"type": "string"
|
|
32
37
|
},
|
|
33
|
-
"
|
|
34
|
-
"title": "
|
|
35
|
-
"description": "List of attendable appointments",
|
|
38
|
+
"locations": {
|
|
39
|
+
"title": "Locations",
|
|
40
|
+
"description": "List of locations with attendable appointments",
|
|
36
41
|
"type": "array",
|
|
37
42
|
"items": {
|
|
38
43
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
39
|
-
"$id": "http://schema.mydesignsystem.com/event-list-
|
|
40
|
-
"title": "Event List
|
|
44
|
+
"$id": "http://schema.mydesignsystem.com/event-list-location.schema.json",
|
|
45
|
+
"title": "Event List Location",
|
|
41
46
|
"type": "object",
|
|
42
47
|
"properties": {
|
|
43
|
-
"
|
|
44
|
-
"title": "
|
|
45
|
-
"description": "
|
|
46
|
-
"type": "
|
|
47
|
-
"
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
48
|
+
"dates": {
|
|
49
|
+
"title": "Dates",
|
|
50
|
+
"description": "List of dates of the event",
|
|
51
|
+
"type": "array",
|
|
52
|
+
"items": {
|
|
53
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
54
|
+
"$id": "http://schema.mydesignsystem.com/event-list-appointment.schema.json",
|
|
55
|
+
"title": "Event List Appointment",
|
|
56
|
+
"type": "object",
|
|
57
|
+
"properties": {
|
|
58
|
+
"date": {
|
|
59
|
+
"title": "Date",
|
|
60
|
+
"description": "Date of the appointment",
|
|
61
|
+
"type": "string",
|
|
62
|
+
"format": "date",
|
|
63
|
+
"examples": [
|
|
64
|
+
"2025-09-18"
|
|
65
|
+
]
|
|
66
|
+
},
|
|
67
|
+
"time": {
|
|
68
|
+
"title": "Time",
|
|
69
|
+
"description": "Time of the appointment",
|
|
70
|
+
"type": "string",
|
|
71
|
+
"examples": [
|
|
72
|
+
"09:00 – 17:00"
|
|
73
|
+
]
|
|
74
|
+
},
|
|
75
|
+
"label": {
|
|
76
|
+
"title": "CTA Label",
|
|
77
|
+
"description": "Label for the call to action button",
|
|
78
|
+
"type": "string",
|
|
79
|
+
"examples": [
|
|
80
|
+
"Register"
|
|
81
|
+
]
|
|
82
|
+
},
|
|
83
|
+
"href": {
|
|
84
|
+
"title": "Href",
|
|
85
|
+
"description": "URL for the call to action button",
|
|
86
|
+
"type": "string",
|
|
87
|
+
"format": "uri",
|
|
88
|
+
"default": "#"
|
|
89
|
+
},
|
|
90
|
+
"newTab": {
|
|
91
|
+
"title": "Open in New Tab",
|
|
92
|
+
"description": "Whether the link should open in a new tab",
|
|
93
|
+
"type": "boolean",
|
|
94
|
+
"default": true
|
|
95
|
+
},
|
|
96
|
+
"ariaLabel": {
|
|
97
|
+
"title": "Aria Label",
|
|
98
|
+
"description": "Aria label for the link",
|
|
99
|
+
"type": "string",
|
|
100
|
+
"default": "Event Appointment"
|
|
101
|
+
},
|
|
102
|
+
"type": {
|
|
103
|
+
"const": "event-list-appointment"
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
"additionalProperties": false
|
|
107
|
+
}
|
|
53
108
|
},
|
|
54
|
-
"
|
|
55
|
-
"title": "
|
|
56
|
-
"description": "
|
|
57
|
-
"type": "string"
|
|
58
|
-
},
|
|
59
|
-
"href": {
|
|
60
|
-
"title": "Href",
|
|
61
|
-
"description": "URL for the call to action button",
|
|
109
|
+
"address": {
|
|
110
|
+
"title": "Address",
|
|
111
|
+
"description": "Address of the appointment",
|
|
62
112
|
"type": "string",
|
|
63
|
-
"
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
"newTab": {
|
|
67
|
-
"title": "Open in New Tab",
|
|
68
|
-
"description": "Whether the link should open in a new tab",
|
|
69
|
-
"type": "boolean",
|
|
70
|
-
"default": true
|
|
113
|
+
"examples": [
|
|
114
|
+
"Berlin Congress Center<br />Alexanderplatz 1<br />10178 Berlin"
|
|
115
|
+
]
|
|
71
116
|
},
|
|
72
|
-
"
|
|
73
|
-
"title": "
|
|
74
|
-
"description": "
|
|
117
|
+
"mapsLink": {
|
|
118
|
+
"title": "Maps Link",
|
|
119
|
+
"description": "Link to the location on a map",
|
|
75
120
|
"type": "string",
|
|
76
|
-
"
|
|
121
|
+
"format": "uri",
|
|
122
|
+
"examples": [
|
|
123
|
+
"https://maps.google.com/?q=Berlin+Congress+Center"
|
|
124
|
+
]
|
|
77
125
|
},
|
|
78
126
|
"type": {
|
|
79
|
-
"const": "event-list-
|
|
127
|
+
"const": "event-list-location"
|
|
80
128
|
}
|
|
81
129
|
},
|
|
82
130
|
"additionalProperties": false
|
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
"label": {
|
|
20
20
|
"type": "string",
|
|
21
21
|
"title": "Label",
|
|
22
|
-
"description": "Label of the category"
|
|
22
|
+
"description": "Label of the category",
|
|
23
|
+
"examples": ["Web Development", "Design", "Marketing"]
|
|
23
24
|
}
|
|
24
25
|
}
|
|
25
26
|
}
|
|
@@ -29,12 +30,12 @@
|
|
|
29
30
|
"description": "Short intro text for the event",
|
|
30
31
|
"type": "string"
|
|
31
32
|
},
|
|
32
|
-
"
|
|
33
|
-
"title": "
|
|
34
|
-
"description": "List of attendable appointments",
|
|
33
|
+
"locations": {
|
|
34
|
+
"title": "Locations",
|
|
35
|
+
"description": "List of locations with attendable appointments",
|
|
35
36
|
"type": "array",
|
|
36
37
|
"items": {
|
|
37
|
-
"$ref": "http://schema.mydesignsystem.com/event-list-
|
|
38
|
+
"$ref": "http://schema.mydesignsystem.com/event-list-location.schema.json"
|
|
38
39
|
}
|
|
39
40
|
},
|
|
40
41
|
"downloads": {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC, PropsWithChildren } from "react";
|
|
2
|
-
import { EventDetailProps } from "../../EventDetailProps-
|
|
2
|
+
import { EventDetailProps } from "../../EventDetailProps-19b81db8.js";
|
|
3
3
|
declare const EventDetail: FC<PropsWithChildren<EventDetailProps>>;
|
|
4
4
|
export type { EventDetailProps };
|
|
5
5
|
export { EventDetail };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { RichText } from '@kickstartds/base/lib/rich-text';
|
|
3
|
-
import {
|
|
3
|
+
import { EventListLocation } from '../event-list-location/index.js';
|
|
4
4
|
import { Section } from '../section/index.js';
|
|
5
5
|
import { EventHeader } from '../event-header/index.js';
|
|
6
6
|
import { Gallery } from '../gallery/index.js';
|
|
@@ -21,7 +21,7 @@ import '@kickstartds/base/lib/tag-label';
|
|
|
21
21
|
import '@kickstartds/base/lib/text-media';
|
|
22
22
|
import '@kickstartds/base/lib/picture';
|
|
23
23
|
|
|
24
|
-
const EventDetail = ({ title, categories,
|
|
24
|
+
const EventDetail = ({ title, categories, locations, description, intro, images, downloads, }) => (jsxs(Fragment, { children: [jsx(Section, { width: "narrow", spaceAfter: "none", children: jsx(EventHeader, { title: title, categories: categories, intro: intro }) }), locations && locations.length > 0 && (jsx(Section, { width: "narrow", content: { mode: "list" }, children: locations.map((appointment, index) => (jsx(EventListLocation, { ...appointment }, index))) })), description && (jsx(Section, { width: "narrow", spaceBefore: "none", children: jsx(RichText, { className: "dsa-event__description", text: description }) })), jsx(Section, { spaceBefore: "none", children: jsx(Gallery, { images: images, aspectRatio: "wide", layout: "smallTiles", lightbox: true }) }), downloads && downloads.length > 0 && (jsx(Section, { width: "narrow", spaceBefore: "none", spaceAfter: "none", children: jsx(Downloads, { downloads: downloads }) })), jsx(Section, { width: "narrow", buttons: [
|
|
25
25
|
{
|
|
26
26
|
label: "See all Events",
|
|
27
27
|
target: "/#",
|
|
@@ -8,17 +8,26 @@
|
|
|
8
8
|
"title": "Date",
|
|
9
9
|
"description": "Date of the appointment",
|
|
10
10
|
"type": "string",
|
|
11
|
-
"format": "date"
|
|
11
|
+
"format": "date",
|
|
12
|
+
"examples": [
|
|
13
|
+
"2025-09-18"
|
|
14
|
+
]
|
|
12
15
|
},
|
|
13
16
|
"time": {
|
|
14
17
|
"title": "Time",
|
|
15
18
|
"description": "Time of the appointment",
|
|
16
|
-
"type": "string"
|
|
19
|
+
"type": "string",
|
|
20
|
+
"examples": [
|
|
21
|
+
"09:00 – 17:00"
|
|
22
|
+
]
|
|
17
23
|
},
|
|
18
24
|
"label": {
|
|
19
25
|
"title": "CTA Label",
|
|
20
26
|
"description": "Label for the call to action button",
|
|
21
|
-
"type": "string"
|
|
27
|
+
"type": "string",
|
|
28
|
+
"examples": [
|
|
29
|
+
"Register"
|
|
30
|
+
]
|
|
22
31
|
},
|
|
23
32
|
"href": {
|
|
24
33
|
"title": "Href",
|
|
@@ -8,17 +8,20 @@
|
|
|
8
8
|
"title": "Date",
|
|
9
9
|
"description": "Date of the appointment",
|
|
10
10
|
"type": "string",
|
|
11
|
-
"format": "date"
|
|
11
|
+
"format": "date",
|
|
12
|
+
"examples": ["2025-09-18"]
|
|
12
13
|
},
|
|
13
14
|
"time": {
|
|
14
15
|
"title": "Time",
|
|
15
16
|
"description": "Time of the appointment",
|
|
16
|
-
"type": "string"
|
|
17
|
+
"type": "string",
|
|
18
|
+
"examples": ["09:00 – 17:00"]
|
|
17
19
|
},
|
|
18
20
|
"label": {
|
|
19
21
|
"title": "CTA Label",
|
|
20
22
|
"description": "Label for the call to action button",
|
|
21
|
-
"type": "string"
|
|
23
|
+
"type": "string",
|
|
24
|
+
"examples": ["Register"]
|
|
22
25
|
},
|
|
23
26
|
"href": {
|
|
24
27
|
"title": "Href",
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
.dsa-event-list-
|
|
2
|
-
--dsa-event-list-
|
|
1
|
+
.dsa-event-list-location {
|
|
2
|
+
--dsa-event-list-location__icon--size: calc(
|
|
3
|
+
var(--ks-font-size-copy-m) * var(--ks-line-height-copy-m)
|
|
4
|
+
);
|
|
3
5
|
flex-wrap: wrap;
|
|
4
6
|
display: flex;
|
|
5
7
|
flex-direction: row;
|
|
@@ -9,11 +11,11 @@
|
|
|
9
11
|
padding: var(--ks-spacing-inset-m);
|
|
10
12
|
border-radius: var(--ks-border-radius-surface);
|
|
11
13
|
}
|
|
12
|
-
.dsa-event-list-
|
|
14
|
+
.dsa-event-list-location__icon {
|
|
13
15
|
width: 2rem;
|
|
14
16
|
height: 2rem;
|
|
15
17
|
}
|
|
16
|
-
.dsa-event-list-
|
|
18
|
+
.dsa-event-list-location__row {
|
|
17
19
|
display: flex;
|
|
18
20
|
flex-direction: row;
|
|
19
21
|
gap: var(--ks-spacing-inline-m);
|
|
@@ -22,21 +24,21 @@
|
|
|
22
24
|
flex-grow: 1;
|
|
23
25
|
flex-basis: 200px;
|
|
24
26
|
}
|
|
25
|
-
.dsa-event-list-
|
|
27
|
+
.dsa-event-list-location__icon {
|
|
26
28
|
color: var(--ks-text-color-primary);
|
|
27
|
-
width: var(--dsa-event-list-
|
|
28
|
-
height: var(--dsa-event-list-
|
|
29
|
+
width: var(--dsa-event-list-location__icon--size);
|
|
30
|
+
height: var(--dsa-event-list-location__icon--size);
|
|
29
31
|
}
|
|
30
|
-
.dsa-event-list-
|
|
32
|
+
.dsa-event-list-location__item {
|
|
31
33
|
display: flex;
|
|
32
34
|
gap: var(--ks-spacing-stack-xs);
|
|
33
35
|
}
|
|
34
|
-
.dsa-event-list-
|
|
36
|
+
.dsa-event-list-location__appointments {
|
|
35
37
|
display: flex;
|
|
36
38
|
flex-direction: column;
|
|
37
39
|
gap: var(--ks-spacing-stack-s);
|
|
38
40
|
flex-grow: 1;
|
|
39
41
|
}
|
|
40
|
-
.dsa-event-list-
|
|
42
|
+
.dsa-event-list-location .l-container--rich-text {
|
|
41
43
|
container-type: normal;
|
|
42
44
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/event-list-
|
|
4
|
-
"title": "Event List
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/event-list-location.schema.json",
|
|
4
|
+
"title": "Event List Location",
|
|
5
5
|
"type": "object",
|
|
6
6
|
"properties": {
|
|
7
7
|
"dates": {
|
|
@@ -18,17 +18,26 @@
|
|
|
18
18
|
"title": "Date",
|
|
19
19
|
"description": "Date of the appointment",
|
|
20
20
|
"type": "string",
|
|
21
|
-
"format": "date"
|
|
21
|
+
"format": "date",
|
|
22
|
+
"examples": [
|
|
23
|
+
"2025-09-18"
|
|
24
|
+
]
|
|
22
25
|
},
|
|
23
26
|
"time": {
|
|
24
27
|
"title": "Time",
|
|
25
28
|
"description": "Time of the appointment",
|
|
26
|
-
"type": "string"
|
|
29
|
+
"type": "string",
|
|
30
|
+
"examples": [
|
|
31
|
+
"09:00 – 17:00"
|
|
32
|
+
]
|
|
27
33
|
},
|
|
28
34
|
"label": {
|
|
29
35
|
"title": "CTA Label",
|
|
30
36
|
"description": "Label for the call to action button",
|
|
31
|
-
"type": "string"
|
|
37
|
+
"type": "string",
|
|
38
|
+
"examples": [
|
|
39
|
+
"Register"
|
|
40
|
+
]
|
|
32
41
|
},
|
|
33
42
|
"href": {
|
|
34
43
|
"title": "Href",
|
|
@@ -59,16 +68,22 @@
|
|
|
59
68
|
"address": {
|
|
60
69
|
"title": "Address",
|
|
61
70
|
"description": "Address of the appointment",
|
|
62
|
-
"type": "string"
|
|
71
|
+
"type": "string",
|
|
72
|
+
"examples": [
|
|
73
|
+
"Berlin Congress Center<br />Alexanderplatz 1<br />10178 Berlin"
|
|
74
|
+
]
|
|
63
75
|
},
|
|
64
76
|
"mapsLink": {
|
|
65
77
|
"title": "Maps Link",
|
|
66
78
|
"description": "Link to the location on a map",
|
|
67
79
|
"type": "string",
|
|
68
|
-
"format": "uri"
|
|
80
|
+
"format": "uri",
|
|
81
|
+
"examples": [
|
|
82
|
+
"https://maps.google.com/?q=Berlin+Congress+Center"
|
|
83
|
+
]
|
|
69
84
|
},
|
|
70
85
|
"type": {
|
|
71
|
-
"const": "event-list-
|
|
86
|
+
"const": "event-list-location"
|
|
72
87
|
}
|
|
73
88
|
},
|
|
74
89
|
"additionalProperties": false
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/event-list-
|
|
4
|
-
"title": "Event List
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/event-list-location.schema.json",
|
|
4
|
+
"title": "Event List Location",
|
|
5
5
|
"type": "object",
|
|
6
6
|
"properties": {
|
|
7
7
|
"dates": {
|
|
@@ -15,13 +15,17 @@
|
|
|
15
15
|
"address": {
|
|
16
16
|
"title": "Address",
|
|
17
17
|
"description": "Address of the appointment",
|
|
18
|
-
"type": "string"
|
|
18
|
+
"type": "string",
|
|
19
|
+
"examples": [
|
|
20
|
+
"Berlin Congress Center<br />Alexanderplatz 1<br />10178 Berlin"
|
|
21
|
+
]
|
|
19
22
|
},
|
|
20
23
|
"mapsLink": {
|
|
21
24
|
"title": "Maps Link",
|
|
22
25
|
"description": "Link to the location on a map",
|
|
23
26
|
"type": "string",
|
|
24
|
-
"format": "uri"
|
|
27
|
+
"format": "uri",
|
|
28
|
+
"examples": ["https://maps.google.com/?q=Berlin+Congress+Center"]
|
|
25
29
|
}
|
|
26
30
|
},
|
|
27
31
|
"additionalProperties": false
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { EventListLocationProps } from "../../EventListLocationProps-204fd84f.js";
|
|
3
|
+
declare const EventListLocationContextDefault: import("react").ForwardRefExoticComponent<EventListLocationProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const EventListLocationContext: import("react").Context<import("react").ForwardRefExoticComponent<EventListLocationProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
5
|
+
declare const EventListLocation: import("react").ForwardRefExoticComponent<EventListLocationProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export type { EventListLocationProps };
|
|
7
|
+
export { EventListLocationContextDefault, EventListLocationContext, EventListLocation };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import "./event-list-location.css";
|
|
2
|
+
import { forwardRef, createElement, createContext, useContext } from 'react';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
import { RichText } from '@kickstartds/base/lib/rich-text';
|
|
5
|
+
import { Icon } from '@kickstartds/base/lib/icon';
|
|
6
|
+
import { EventListAppointment } from '../event-list-appointment/index.js';
|
|
7
|
+
|
|
8
|
+
const EventListLocationContextDefault = forwardRef(({ address, dates, ...rest }, ref) => (jsxs("div", { className: "dsa-event-list-location", ...rest, ref: ref, children: [address && (jsx("div", { className: "dsa-event-list-location__row", children: jsxs("address", { className: "dsa-event-list-location__item dsa-event-list-location__address", children: [jsx(Icon, { className: "dsa-event-list-location__icon", icon: "map-pin", "aria-label": "Address" }), jsx(RichText, { text: address })] }) })), dates && dates.length > 0 && (jsx("div", { className: "dsa-event-list-location__appointments", children: dates.map((item, index) => (createElement(EventListAppointment, { ...item, key: index }))) }))] })));
|
|
9
|
+
const EventListLocationContext = createContext(EventListLocationContextDefault);
|
|
10
|
+
const EventListLocation = forwardRef((props, ref) => {
|
|
11
|
+
const Component = useContext(EventListLocationContext);
|
|
12
|
+
return jsx(Component, { ...props, ref: ref });
|
|
13
|
+
});
|
|
14
|
+
EventListLocation.displayName = "EventListLocation";
|
|
15
|
+
|
|
16
|
+
export { EventListLocation, EventListLocationContext, EventListLocationContextDefault };
|
|
@@ -33,4 +33,4 @@ export * from "../../BlogPostProps-6b3cff22.js";
|
|
|
33
33
|
export * from "../../BlogOverviewProps-9f207f1c.js";
|
|
34
34
|
export * from "../../PageProps-aa29c554.js";
|
|
35
35
|
export { IconSprite, SettingsProps };
|
|
36
|
-
export * from "../../EventDetailProps-
|
|
36
|
+
export * from "../../EventDetailProps-19b81db8.js";
|
|
@@ -765,21 +765,25 @@
|
|
|
765
765
|
"id": "page-archetypes-event-detail--event-detail",
|
|
766
766
|
"group": "Page Archetypes/Event Detail",
|
|
767
767
|
"name": "EventDetail",
|
|
768
|
-
"code": "<EventDetail\n
|
|
768
|
+
"code": "<EventDetail\n button={{\n label: 'See all Events',\n target: '/#'\n }}\n categories={[\n {\n label: 'Conference'\n },\n {\n label: 'Design Systems'\n }\n ]}\n description=\"\nJoin us for a day of inspiring talks, hands-on workshops, and networking with design system experts from around the world.\n\n**Highlights:**\n- Keynotes from industry leaders\n- Practical sessions on design tokens, accessibility, and scaling systems\n- Evening networking event with food & drinks\n \"\n downloads={[\n {\n format: 'PDF',\n name: 'Product Brochure',\n previewImage: 'img/offset-image.png',\n size: '2.5 MB',\n url: 'img/offset-image.png'\n },\n {\n format: 'PDF',\n name: 'Company Brochure',\n previewImage: 'assets/figma-cover.png',\n size: '3.2 MB',\n url: 'assets/figma-cover.png'\n },\n {\n format: 'DOC',\n name: 'User Guide',\n size: '20 KB',\n url: 'assets/user-guide.doc'\n },\n {\n format: 'TXT',\n name: 'Technical Specifications',\n size: '12 KB',\n url: 'assets/technical-specifications.txt'\n }\n ]}\n images={[\n {\n alt: 'Alt text Image 1',\n caption: 'Caption Image 1',\n src: 'img/close-up-young-business-team-working.png'\n },\n {\n alt: 'Alt text Image 2',\n caption: 'Caption Image 2',\n src: 'img/low-angle-tall-building-with-many-windows_23-2148230392.png'\n },\n {\n alt: 'Alt text Image 3',\n caption: 'Caption Image 3',\n src: 'img/full-shot-different-people-working-together.png'\n },\n {\n alt: 'Alt text Image 4',\n caption: 'Caption Image 4',\n src: 'img/top-view-desk-with-keyboard-drawing-pad.png'\n }\n ]}\n intro=\"A full-day event for design system professionals and enthusiasts. Join us to learn, share, and connect with like-minded individuals.\"\n locations={[\n {\n address: 'Berlin Congress Center<br />\\n 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 href: '#',\n label: 'Register',\n newTab: true,\n time: '09:00 – 17:00'\n },\n {\n ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n date: '2025-09-18',\n href: '#',\n label: 'Register',\n newTab: true,\n time: '09:00 – 17:00'\n }\n ],\n mapsLink: 'https://maps.google.com/?q=Berlin+Congress+Center'\n },\n {\n address: 'Köln Messe<br />\\n Messeplatz 1<br />\\n 50679 Köln',\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 href: '#',\n label: 'Register',\n newTab: true,\n time: '09:00 – 17:00'\n }\n ],\n mapsLink: 'https://maps.google.com/?q=Köln+Messe'\n }\n ]}\n title=\"Systemics Design Conference 2025\"\n/>",
|
|
769
769
|
"args": {
|
|
770
|
-
"
|
|
770
|
+
"categories": [
|
|
771
|
+
{
|
|
772
|
+
"label": "Conference"
|
|
773
|
+
},
|
|
774
|
+
{
|
|
775
|
+
"label": "Design Systems"
|
|
776
|
+
}
|
|
777
|
+
],
|
|
778
|
+
"locations": [
|
|
771
779
|
{
|
|
772
|
-
"href": "#",
|
|
773
|
-
"newTab": true,
|
|
774
|
-
"ariaLabel": "Event Appointment",
|
|
775
|
-
"address": "Berlin Congress Center<br />\n Alexanderplatz 1<br />\n 10178 Berlin",
|
|
776
|
-
"mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center",
|
|
777
780
|
"dates": [
|
|
778
781
|
{
|
|
779
782
|
"date": "2025-09-18",
|
|
780
783
|
"time": "09:00 – 17:00",
|
|
781
784
|
"label": "Register",
|
|
782
785
|
"href": "#",
|
|
786
|
+
"newTab": true,
|
|
783
787
|
"ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
|
|
784
788
|
},
|
|
785
789
|
{
|
|
@@ -787,25 +791,26 @@
|
|
|
787
791
|
"time": "09:00 – 17:00",
|
|
788
792
|
"label": "Register",
|
|
789
793
|
"href": "#",
|
|
794
|
+
"newTab": true,
|
|
790
795
|
"ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
|
|
791
796
|
}
|
|
792
|
-
]
|
|
797
|
+
],
|
|
798
|
+
"address": "Berlin Congress Center<br />\n Alexanderplatz 1<br />\n 10178 Berlin",
|
|
799
|
+
"mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center"
|
|
793
800
|
},
|
|
794
801
|
{
|
|
795
|
-
"href": "#",
|
|
796
|
-
"newTab": true,
|
|
797
|
-
"ariaLabel": "Event Appointment",
|
|
798
|
-
"address": "Köln Messe<br />\n Messeplatz 1<br />\n 50679 Köln",
|
|
799
|
-
"mapsLink": "https://maps.google.com/?q=Köln+Messe",
|
|
800
802
|
"dates": [
|
|
801
803
|
{
|
|
802
804
|
"date": "2025-09-18",
|
|
803
805
|
"time": "09:00 – 17:00",
|
|
804
806
|
"label": "Register",
|
|
805
807
|
"href": "#",
|
|
808
|
+
"newTab": true,
|
|
806
809
|
"ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
|
|
807
810
|
}
|
|
808
|
-
]
|
|
811
|
+
],
|
|
812
|
+
"address": "Köln Messe<br />\n Messeplatz 1<br />\n 50679 Köln",
|
|
813
|
+
"mapsLink": "https://maps.google.com/?q=Köln+Messe"
|
|
809
814
|
}
|
|
810
815
|
],
|
|
811
816
|
"images": [
|
|
@@ -835,14 +840,6 @@
|
|
|
835
840
|
"target": "/#"
|
|
836
841
|
},
|
|
837
842
|
"title": "Systemics Design Conference 2025",
|
|
838
|
-
"categories": [
|
|
839
|
-
{
|
|
840
|
-
"label": "Conference"
|
|
841
|
-
},
|
|
842
|
-
{
|
|
843
|
-
"label": "Design Systems"
|
|
844
|
-
}
|
|
845
|
-
],
|
|
846
843
|
"intro": "A full-day event for design system professionals and enthusiasts. Join us to learn, share, and connect with like-minded individuals.",
|
|
847
844
|
"description": "\nJoin us for a day of inspiring talks, hands-on workshops, and networking with design system experts from around the world.\n\n**Highlights:**\n- Keynotes from industry leaders\n- Practical sessions on design tokens, accessibility, and scaling systems\n- Evening networking event with food & drinks\n ",
|
|
848
845
|
"downloads": [
|
|
@@ -1527,43 +1524,43 @@
|
|
|
1527
1524
|
"name": "Default",
|
|
1528
1525
|
"code": "<EventListAppointment\n ariaLabel=\"Register for the event on 18th September 2025 from 09:00 to 17:00\"\n date=\"2025-09-18\"\n href=\"#\"\n label=\"Register\"\n newTab\n time=\"09:00 – 17:00\"\n/>",
|
|
1529
1526
|
"args": {
|
|
1530
|
-
"href": "#",
|
|
1531
|
-
"newTab": true,
|
|
1532
|
-
"ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00",
|
|
1533
1527
|
"date": "2025-09-18",
|
|
1534
1528
|
"time": "09:00 – 17:00",
|
|
1535
|
-
"label": "Register"
|
|
1529
|
+
"label": "Register",
|
|
1530
|
+
"href": "#",
|
|
1531
|
+
"newTab": true,
|
|
1532
|
+
"ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
|
|
1536
1533
|
},
|
|
1537
1534
|
"screenshot": "img/screenshots/event-event-list-appointment--default.png"
|
|
1538
1535
|
},
|
|
1539
1536
|
{
|
|
1540
|
-
"id": "event-event-list-
|
|
1541
|
-
"group": "Event/ Event List
|
|
1537
|
+
"id": "event-event-list-location--default",
|
|
1538
|
+
"group": "Event/ Event List Location",
|
|
1542
1539
|
"name": "Default",
|
|
1543
|
-
"code": "<
|
|
1540
|
+
"code": "<EventListLocation\n address=\"Berlin Congress Center<br />\n 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 href: '#',\n label: 'Register',\n newTab: true,\n time: '09:00 – 17:00'\n },\n {\n ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n date: '2025-09-18',\n href: '#',\n label: 'Register',\n newTab: true,\n time: '09:00 – 17:00'\n }\n ]}\n mapsLink=\"https://maps.google.com/?q=Berlin+Congress+Center\"\n/>",
|
|
1544
1541
|
"args": {
|
|
1545
1542
|
"dates": [
|
|
1546
1543
|
{
|
|
1547
|
-
"href": "#",
|
|
1548
|
-
"newTab": true,
|
|
1549
|
-
"ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00",
|
|
1550
1544
|
"date": "2025-09-18",
|
|
1551
1545
|
"time": "09:00 – 17:00",
|
|
1552
|
-
"label": "Register"
|
|
1553
|
-
},
|
|
1554
|
-
{
|
|
1546
|
+
"label": "Register",
|
|
1555
1547
|
"href": "#",
|
|
1556
1548
|
"newTab": true,
|
|
1557
|
-
"ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
|
|
1549
|
+
"ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
|
|
1550
|
+
},
|
|
1551
|
+
{
|
|
1558
1552
|
"date": "2025-09-18",
|
|
1559
1553
|
"time": "09:00 – 17:00",
|
|
1560
|
-
"label": "Register"
|
|
1554
|
+
"label": "Register",
|
|
1555
|
+
"href": "#",
|
|
1556
|
+
"newTab": true,
|
|
1557
|
+
"ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
|
|
1561
1558
|
}
|
|
1562
1559
|
],
|
|
1563
1560
|
"address": "Berlin Congress Center<br />\n Alexanderplatz 1<br />\n 10178 Berlin",
|
|
1564
1561
|
"mapsLink": "https://maps.google.com/?q=Berlin+Congress+Center"
|
|
1565
1562
|
},
|
|
1566
|
-
"screenshot": "img/screenshots/event-event-list-
|
|
1563
|
+
"screenshot": "img/screenshots/event-event-list-location--default.png"
|
|
1567
1564
|
},
|
|
1568
1565
|
{
|
|
1569
1566
|
"id": "components-faq--dropdown-list",
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 23 Jun 2025 13:
|
|
3
|
+
* Generated on Mon, 23 Jun 2025 13:24:20 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 Mon, 23 Jun 2025 13:
|
|
2730
|
+
* Generated on Mon, 23 Jun 2025 13:24:25 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 Mon, 23 Jun 2025 13:
|
|
5461
|
+
* Generated on Mon, 23 Jun 2025 13:24:22 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 Mon, 23 Jun 2025 13:
|
|
8462
|
+
* Generated on Mon, 23 Jun 2025 13:24:27 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
package/package.json
CHANGED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/* eslint-disable */
|
|
3
|
-
/**
|
|
4
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
5
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
6
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
7
|
-
*/
|
|
8
|
-
import { EventListAppointmentProps } from "../../EventListAppointmentProps-da54c3b9.js";
|
|
9
|
-
/**
|
|
10
|
-
* List of dates of the event
|
|
11
|
-
*/
|
|
12
|
-
type Dates = EventListAppointmentProps[];
|
|
13
|
-
/**
|
|
14
|
-
* Address of the appointment
|
|
15
|
-
*/
|
|
16
|
-
type Address = string;
|
|
17
|
-
/**
|
|
18
|
-
* Link to the location on a map
|
|
19
|
-
*/
|
|
20
|
-
type MapsLink = string;
|
|
21
|
-
interface EventListEntryProps {
|
|
22
|
-
dates?: Dates;
|
|
23
|
-
address?: Address;
|
|
24
|
-
mapsLink?: MapsLink;
|
|
25
|
-
}
|
|
26
|
-
declare const EventListEntryContextDefault: import("react").ForwardRefExoticComponent<EventListEntryProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
27
|
-
declare const EventListEntryContext: import("react").Context<import("react").ForwardRefExoticComponent<EventListEntryProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
28
|
-
declare const EventListEntry: import("react").ForwardRefExoticComponent<EventListEntryProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
29
|
-
export type { EventListEntryProps };
|
|
30
|
-
export { EventListEntryContextDefault, EventListEntryContext, EventListEntry };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import "./event-list-entry.css";
|
|
2
|
-
import { forwardRef, createElement, createContext, useContext } from 'react';
|
|
3
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
-
import { RichText } from '@kickstartds/base/lib/rich-text';
|
|
5
|
-
import { Icon } from '@kickstartds/base/lib/icon';
|
|
6
|
-
import { EventListAppointment } from '../event-list-appointment/index.js';
|
|
7
|
-
|
|
8
|
-
const EventListEntryContextDefault = forwardRef(({ address, dates, ...rest }, ref) => (jsxs("div", { className: "dsa-event-list-entry", ...rest, ref: ref, children: [address && (jsx("div", { className: "dsa-event-list-entry__row", children: jsxs("address", { className: "dsa-event-list-entry__item dsa-event-list-entry__address", children: [jsx(Icon, { "aria-label": "Address", className: "dsa-event-list-entry__icon", icon: "map-pin" }), jsx(RichText, { text: address })] }) })), dates && dates.length > 0 && (jsx("div", { className: "dsa-event-list-entry__appointments", children: dates.map((item, index) => (createElement(EventListAppointment, { ...item, key: index }))) }))] })));
|
|
9
|
-
const EventListEntryContext = createContext(EventListEntryContextDefault);
|
|
10
|
-
const EventListEntry = forwardRef((props, ref) => {
|
|
11
|
-
const Component = useContext(EventListEntryContext);
|
|
12
|
-
return jsx(Component, { ...props, ref: ref });
|
|
13
|
-
});
|
|
14
|
-
EventListEntry.displayName = "EventListEntry";
|
|
15
|
-
|
|
16
|
-
export { EventListEntry, EventListEntryContext, EventListEntryContextDefault };
|