@kickstartds/ds-agency-premium 1.6.68--canary.45.1671.0 → 1.6.68--canary.45.1678.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/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-7caa223c.d.ts} +1 -1
- package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-d9decb7c.d.ts} +1 -1
- package/dist/EventDetailProps-63f63768.d.ts +387 -0
- package/dist/EventListAppointmentProps-da54c3b9.d.ts +38 -0
- package/dist/{PageProps-aa29c554.d.ts → PageProps-7caa223c.d.ts} +1 -1
- package/dist/{SectionProps-7caa223c.d.ts → SectionProps-03ff6d21.d.ts} +1 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +4 -2
- package/dist/components/blog-overview/index.d.ts +1 -1
- package/dist/components/blog-post/blog-post.schema.dereffed.json +4 -2
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/event-detail/event-detail.schema.dereffed.json +203 -0
- package/dist/components/event-detail/event-detail.schema.json +73 -0
- package/dist/components/event-detail/index.d.ts +5 -0
- package/dist/components/event-detail/index.js +32 -0
- package/dist/components/event-header/event-header.css +6 -0
- package/dist/components/event-header/event-header.schema.dereffed.json +38 -0
- package/dist/components/event-header/event-header.schema.json +34 -0
- package/dist/components/event-header/index.d.ts +35 -0
- package/dist/components/event-header/index.js +20 -0
- package/dist/components/event-list-appointment/event-list-appointment.css +52 -0
- package/dist/components/event-list-appointment/event-list-appointment.schema.dereffed.json +47 -0
- package/dist/components/event-list-appointment/event-list-appointment.schema.json +44 -0
- package/dist/components/event-list-appointment/index.d.ts +7 -10
- package/dist/components/event-list-appointment/index.js +11 -9
- package/dist/components/event-list-entry/event-list-entry.css +42 -0
- package/dist/components/event-list-entry/event-list-entry.schema.dereffed.json +75 -0
- package/dist/components/event-list-entry/event-list-entry.schema.json +28 -0
- package/dist/components/event-list-entry/index.d.ts +28 -11
- package/dist/components/event-list-entry/index.js +12 -8
- package/dist/components/gallery/gallery.schema.dereffed.json +2 -1
- package/dist/components/gallery/gallery.schema.json +2 -1
- package/dist/components/gallery/index.js +1 -1
- package/dist/components/image-story/index.d.ts +1 -1
- package/dist/components/index/index.d.ts +4 -3
- package/dist/components/page/index.d.ts +1 -1
- package/dist/components/page/page.schema.dereffed.json +4 -2
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +180 -53
- package/dist/components/section/index.d.ts +1 -1
- package/dist/components/section/section.schema.dereffed.json +4 -2
- package/dist/components/slider/slider.schema.dereffed.json +2 -1
- 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/EventProps-feae5a7c.d.ts +0 -88
- package/dist/components/event/event.schema.dereffed.json +0 -119
- package/dist/components/event/event.schema.json +0 -109
- package/dist/components/event/index.d.ts +0 -8
- package/dist/components/event/index.js +0 -26
- package/dist/components/event-list-appointment/event.css +0 -88
- /package/dist/{ImageStoryProps-e853e1e7.d.ts → ImageStoryProps-03ff6d21.d.ts} +0 -0
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
|
|
3
|
+
* Generated on Mon, 23 Jun 2025 12:34:00 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
|
|
2730
|
+
* Generated on Mon, 23 Jun 2025 12:34:04 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
|
|
5461
|
+
* Generated on Mon, 23 Jun 2025 12:34:02 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
|
|
8462
|
+
* Generated on Mon, 23 Jun 2025 12:34:06 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,88 +0,0 @@
|
|
|
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
|
-
/**
|
|
7
|
-
* Title of the event
|
|
8
|
-
*/
|
|
9
|
-
type EventTitle = string;
|
|
10
|
-
/**
|
|
11
|
-
* Label of the category
|
|
12
|
-
*/
|
|
13
|
-
type Label = string;
|
|
14
|
-
/**
|
|
15
|
-
* Categories to which the event belongs
|
|
16
|
-
*/
|
|
17
|
-
type Categories = {
|
|
18
|
-
label?: Label;
|
|
19
|
-
}[];
|
|
20
|
-
/**
|
|
21
|
-
* Short intro text for the event
|
|
22
|
-
*/
|
|
23
|
-
type Intro = string;
|
|
24
|
-
/**
|
|
25
|
-
* Date of the appointment
|
|
26
|
-
*/
|
|
27
|
-
type Date = string;
|
|
28
|
-
/**
|
|
29
|
-
* Time of the appointment
|
|
30
|
-
*/
|
|
31
|
-
type Time = string;
|
|
32
|
-
/**
|
|
33
|
-
* Label for the call to action button
|
|
34
|
-
*/
|
|
35
|
-
type CTALabel = string;
|
|
36
|
-
/**
|
|
37
|
-
* List of dates of the event
|
|
38
|
-
*/
|
|
39
|
-
type Dates = {
|
|
40
|
-
date?: Date;
|
|
41
|
-
time?: Time;
|
|
42
|
-
label?: CTALabel;
|
|
43
|
-
[k: string]: unknown;
|
|
44
|
-
}[];
|
|
45
|
-
/**
|
|
46
|
-
* Address of the appointment
|
|
47
|
-
*/
|
|
48
|
-
type Address = string;
|
|
49
|
-
/**
|
|
50
|
-
* Link to the location on a map
|
|
51
|
-
*/
|
|
52
|
-
type MapsLink = string;
|
|
53
|
-
/**
|
|
54
|
-
* List of attendable appointments
|
|
55
|
-
*/
|
|
56
|
-
type Appointments = {
|
|
57
|
-
dates?: Dates;
|
|
58
|
-
address: Address;
|
|
59
|
-
mapsLink?: MapsLink;
|
|
60
|
-
}[];
|
|
61
|
-
/**
|
|
62
|
-
* Description of the event
|
|
63
|
-
*/
|
|
64
|
-
type Description = string;
|
|
65
|
-
/**
|
|
66
|
-
* Image source to use
|
|
67
|
-
*/
|
|
68
|
-
type ImageSource = string;
|
|
69
|
-
/**
|
|
70
|
-
* Image description
|
|
71
|
-
*/
|
|
72
|
-
type AltText = string;
|
|
73
|
-
/**
|
|
74
|
-
* Images displayed below the text content
|
|
75
|
-
*/
|
|
76
|
-
type Images = {
|
|
77
|
-
src?: ImageSource;
|
|
78
|
-
alt?: AltText;
|
|
79
|
-
}[];
|
|
80
|
-
interface EventProps {
|
|
81
|
-
title?: EventTitle;
|
|
82
|
-
categories?: Categories;
|
|
83
|
-
intro?: Intro;
|
|
84
|
-
appointments?: Appointments;
|
|
85
|
-
description?: Description;
|
|
86
|
-
images?: Images;
|
|
87
|
-
}
|
|
88
|
-
export { EventTitle, Label, Categories, Intro, Date, Time, CTALabel, Dates, Address, MapsLink, Appointments, Description, ImageSource, AltText, Images, EventProps };
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/event.schema.json",
|
|
4
|
-
"title": "Event",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"title": {
|
|
8
|
-
"title": "Event Title",
|
|
9
|
-
"description": "Title of the event",
|
|
10
|
-
"type": "string"
|
|
11
|
-
},
|
|
12
|
-
"categories": {
|
|
13
|
-
"title": "Categories",
|
|
14
|
-
"description": "Categories to which the event belongs",
|
|
15
|
-
"type": "array",
|
|
16
|
-
"items": {
|
|
17
|
-
"type": "object",
|
|
18
|
-
"properties": {
|
|
19
|
-
"label": {
|
|
20
|
-
"type": "string",
|
|
21
|
-
"title": "Label",
|
|
22
|
-
"description": "Label of the category"
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
"additionalProperties": false
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
"intro": {
|
|
29
|
-
"title": "Intro",
|
|
30
|
-
"description": "Short intro text for the event",
|
|
31
|
-
"type": "string"
|
|
32
|
-
},
|
|
33
|
-
"appointments": {
|
|
34
|
-
"title": "Appointments",
|
|
35
|
-
"description": "List of attendable appointments",
|
|
36
|
-
"type": "array",
|
|
37
|
-
"items": {
|
|
38
|
-
"type": "object",
|
|
39
|
-
"properties": {
|
|
40
|
-
"dates": {
|
|
41
|
-
"title": "Dates",
|
|
42
|
-
"description": "List of dates of the event",
|
|
43
|
-
"type": "array",
|
|
44
|
-
"items": {
|
|
45
|
-
"properties": {
|
|
46
|
-
"date": {
|
|
47
|
-
"title": "Date",
|
|
48
|
-
"description": "Date of the appointment",
|
|
49
|
-
"type": "string",
|
|
50
|
-
"format": "date"
|
|
51
|
-
},
|
|
52
|
-
"time": {
|
|
53
|
-
"title": "Time",
|
|
54
|
-
"description": "Time of the appointment",
|
|
55
|
-
"type": "string"
|
|
56
|
-
},
|
|
57
|
-
"label": {
|
|
58
|
-
"title": "CTA Label",
|
|
59
|
-
"description": "Label for the call to action button",
|
|
60
|
-
"type": "string"
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
"address": {
|
|
66
|
-
"title": "Address",
|
|
67
|
-
"description": "Address of the appointment",
|
|
68
|
-
"type": "string"
|
|
69
|
-
},
|
|
70
|
-
"mapsLink": {
|
|
71
|
-
"title": "Maps Link",
|
|
72
|
-
"description": "Link to the location on a map",
|
|
73
|
-
"type": "string",
|
|
74
|
-
"format": "uri"
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
"required": [
|
|
78
|
-
"date",
|
|
79
|
-
"time",
|
|
80
|
-
"address"
|
|
81
|
-
],
|
|
82
|
-
"additionalProperties": false
|
|
83
|
-
}
|
|
84
|
-
},
|
|
85
|
-
"description": {
|
|
86
|
-
"title": "Description",
|
|
87
|
-
"description": "Description of the event",
|
|
88
|
-
"type": "string",
|
|
89
|
-
"format": "markdown"
|
|
90
|
-
},
|
|
91
|
-
"images": {
|
|
92
|
-
"title": "Images",
|
|
93
|
-
"description": "Images displayed below the text content",
|
|
94
|
-
"type": "array",
|
|
95
|
-
"items": {
|
|
96
|
-
"type": "object",
|
|
97
|
-
"properties": {
|
|
98
|
-
"src": {
|
|
99
|
-
"title": "Image source",
|
|
100
|
-
"description": "Image source to use",
|
|
101
|
-
"type": "string",
|
|
102
|
-
"format": "image"
|
|
103
|
-
},
|
|
104
|
-
"alt": {
|
|
105
|
-
"title": "Alt text",
|
|
106
|
-
"description": "Image description",
|
|
107
|
-
"type": "string"
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
"additionalProperties": false
|
|
111
|
-
},
|
|
112
|
-
"additionalProperties": false
|
|
113
|
-
},
|
|
114
|
-
"type": {
|
|
115
|
-
"const": "event"
|
|
116
|
-
}
|
|
117
|
-
},
|
|
118
|
-
"additionalProperties": false
|
|
119
|
-
}
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/event.schema.json",
|
|
4
|
-
"title": "Event",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"title": {
|
|
8
|
-
"title": "Event Title",
|
|
9
|
-
"description": "Title of the event",
|
|
10
|
-
"type": "string"
|
|
11
|
-
},
|
|
12
|
-
"categories": {
|
|
13
|
-
"title": "Categories",
|
|
14
|
-
"description": "Categories to which the event belongs",
|
|
15
|
-
"type": "array",
|
|
16
|
-
"items": {
|
|
17
|
-
"type": "object",
|
|
18
|
-
"properties": {
|
|
19
|
-
"label": {
|
|
20
|
-
"type": "string",
|
|
21
|
-
"title": "Label",
|
|
22
|
-
"description": "Label of the category"
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
"intro": {
|
|
28
|
-
"title": "Intro",
|
|
29
|
-
"description": "Short intro text for the event",
|
|
30
|
-
"type": "string"
|
|
31
|
-
},
|
|
32
|
-
"appointments": {
|
|
33
|
-
"title": "Appointments",
|
|
34
|
-
"description": "List of attendable appointments",
|
|
35
|
-
"type": "array",
|
|
36
|
-
"items": {
|
|
37
|
-
"type": "object",
|
|
38
|
-
"properties": {
|
|
39
|
-
"dates": {
|
|
40
|
-
"title": "Dates",
|
|
41
|
-
"description": "List of dates of the event",
|
|
42
|
-
"type": "array",
|
|
43
|
-
"items": {
|
|
44
|
-
"properties": {
|
|
45
|
-
"date": {
|
|
46
|
-
"title": "Date",
|
|
47
|
-
"description": "Date of the appointment",
|
|
48
|
-
"type": "string",
|
|
49
|
-
"format": "date"
|
|
50
|
-
},
|
|
51
|
-
"time": {
|
|
52
|
-
"title": "Time",
|
|
53
|
-
"description": "Time of the appointment",
|
|
54
|
-
"type": "string"
|
|
55
|
-
},
|
|
56
|
-
"label": {
|
|
57
|
-
"title": "CTA Label",
|
|
58
|
-
"description": "Label for the call to action button",
|
|
59
|
-
"type": "string"
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
"address": {
|
|
65
|
-
"title": "Address",
|
|
66
|
-
"description": "Address of the appointment",
|
|
67
|
-
"type": "string"
|
|
68
|
-
},
|
|
69
|
-
"mapsLink": {
|
|
70
|
-
"title": "Maps Link",
|
|
71
|
-
"description": "Link to the location on a map",
|
|
72
|
-
"type": "string",
|
|
73
|
-
"format": "uri"
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
"required": ["date", "time", "address"]
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
"description": {
|
|
80
|
-
"title": "Description",
|
|
81
|
-
"description": "Description of the event",
|
|
82
|
-
"type": "string",
|
|
83
|
-
"format": "markdown"
|
|
84
|
-
},
|
|
85
|
-
"images": {
|
|
86
|
-
"title": "Images",
|
|
87
|
-
"description": "Images displayed below the text content",
|
|
88
|
-
"type": "array",
|
|
89
|
-
"items": {
|
|
90
|
-
"type": "object",
|
|
91
|
-
"properties": {
|
|
92
|
-
"src": {
|
|
93
|
-
"title": "Image source",
|
|
94
|
-
"description": "Image source to use",
|
|
95
|
-
"type": "string",
|
|
96
|
-
"format": "image"
|
|
97
|
-
},
|
|
98
|
-
"alt": {
|
|
99
|
-
"title": "Alt text",
|
|
100
|
-
"description": "Image description",
|
|
101
|
-
"type": "string"
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
},
|
|
105
|
-
"additionalProperties": false
|
|
106
|
-
}
|
|
107
|
-
},
|
|
108
|
-
"additionalProperties": false
|
|
109
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { HTMLAttributes } from "react";
|
|
3
|
-
import { EventProps } from "../../EventProps-feae5a7c.js";
|
|
4
|
-
declare const EventContextDefault: import("react").ForwardRefExoticComponent<EventProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
-
declare const EventContext: import("react").Context<import("react").ForwardRefExoticComponent<EventProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
6
|
-
declare const Event: import("react").ForwardRefExoticComponent<EventProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
-
export type { EventProps };
|
|
8
|
-
export { EventContextDefault, EventContext, Event };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { forwardRef, createContext, useContext } from 'react';
|
|
3
|
-
import '../event-list-appointment/index.js';
|
|
4
|
-
import { Headline } from '../headline/index.js';
|
|
5
|
-
import { Text } from '../text/index.js';
|
|
6
|
-
import { RichText } from '@kickstartds/base/lib/rich-text';
|
|
7
|
-
import { TagLabel } from '@kickstartds/base/lib/tag-label';
|
|
8
|
-
import { EventListEntry } from '../event-list-entry/index.js';
|
|
9
|
-
import '@kickstartds/base/lib/icon';
|
|
10
|
-
import '../button/index.js';
|
|
11
|
-
import 'classnames';
|
|
12
|
-
import '@kickstartds/base/lib/button';
|
|
13
|
-
import 'markdown-to-jsx';
|
|
14
|
-
import '@kickstartds/base/lib/headline';
|
|
15
|
-
|
|
16
|
-
const EventContextDefault = forwardRef(({ title, categories, intro, appointments, description }, ref) => {
|
|
17
|
-
return (jsxs("div", { className: "dsa-event", ref: ref, children: [jsxs("div", { className: "dsa-event__header", children: [categories && categories.length > 0 && (jsx("div", { className: "dsa-event__categories", children: categories.map((category, index) => (jsx(TagLabel, { className: "dsa-event__category", label: category?.label }, index))) })), jsx(Headline, { text: title, level: "h1" }), jsx(Text, { highlightText: true, text: intro })] }), appointments && appointments.length > 0 && (jsx("div", { className: "dsa-event__list", children: appointments.map((appointment, index) => (jsx(EventListEntry, { ...appointment }, index))) })), description && (jsx(RichText, { className: "dsa-event__description", text: description }))] }));
|
|
18
|
-
});
|
|
19
|
-
const EventContext = createContext(EventContextDefault);
|
|
20
|
-
const Event = forwardRef((props, ref) => {
|
|
21
|
-
const Component = useContext(EventContext);
|
|
22
|
-
return jsx(Component, { ...props, ref: ref });
|
|
23
|
-
});
|
|
24
|
-
Event.displayName = "Event";
|
|
25
|
-
|
|
26
|
-
export { Event, EventContext, EventContextDefault };
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
.dsa-event {
|
|
2
|
-
max-width: var(--dsa-content--width_narrow);
|
|
3
|
-
margin: auto;
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
gap: var(--ks-spacing-stack-m);
|
|
7
|
-
}
|
|
8
|
-
.dsa-event__categories {
|
|
9
|
-
display: flex;
|
|
10
|
-
flex-wrap: wrap;
|
|
11
|
-
gap: 0.5em;
|
|
12
|
-
margin-bottom: var(--ks-spacing-stack-xs);
|
|
13
|
-
}
|
|
14
|
-
.dsa-event__list {
|
|
15
|
-
display: flex;
|
|
16
|
-
gap: var(--ks-spacing-stack-m);
|
|
17
|
-
flex-direction: column;
|
|
18
|
-
padding: var(--ks-spacing-inset-m) 0;
|
|
19
|
-
}
|
|
20
|
-
.dsa-event .dsa-event-list-entry {
|
|
21
|
-
--dsa-event-list-entry__icon--size: calc(var(--ks-font-size-copy-m) * var(--ks-line-height-copy-m));
|
|
22
|
-
flex-wrap: wrap;
|
|
23
|
-
display: flex;
|
|
24
|
-
flex-direction: row;
|
|
25
|
-
justify-content: space-between;
|
|
26
|
-
gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
|
|
27
|
-
background-color: var(--ks-background-color-accent);
|
|
28
|
-
padding: var(--ks-spacing-inset-m);
|
|
29
|
-
border-radius: var(--ks-border-radius-surface);
|
|
30
|
-
}
|
|
31
|
-
.dsa-event .dsa-event-list-entry .l-container {
|
|
32
|
-
container-type: unset;
|
|
33
|
-
}
|
|
34
|
-
.dsa-event .dsa-event-list-entry__row {
|
|
35
|
-
display: flex;
|
|
36
|
-
flex-direction: row;
|
|
37
|
-
gap: var(--ks-spacing-inline-m);
|
|
38
|
-
flex-wrap: wrap;
|
|
39
|
-
flex-shrink: 0;
|
|
40
|
-
flex-grow: 1;
|
|
41
|
-
flex-basis: 200px;
|
|
42
|
-
}
|
|
43
|
-
.dsa-event .dsa-event-list-entry__icon {
|
|
44
|
-
color: var(--ks-text-color-primary);
|
|
45
|
-
width: var(--dsa-event-list-entry__icon--size);
|
|
46
|
-
height: var(--dsa-event-list-entry__icon--size);
|
|
47
|
-
}
|
|
48
|
-
.dsa-event .dsa-event-list-entry__item {
|
|
49
|
-
display: flex;
|
|
50
|
-
gap: var(--ks-spacing-stack-xs);
|
|
51
|
-
}
|
|
52
|
-
.dsa-event .dsa-event-list-entry__appointments {
|
|
53
|
-
display: flex;
|
|
54
|
-
flex-direction: column;
|
|
55
|
-
gap: var(--ks-spacing-stack-s);
|
|
56
|
-
flex-grow: 1;
|
|
57
|
-
}
|
|
58
|
-
.dsa-event .dsa-event-list-entry .dsa-event-list-appointment {
|
|
59
|
-
display: flex;
|
|
60
|
-
flex-direction: row;
|
|
61
|
-
flex-wrap: wrap;
|
|
62
|
-
justify-content: space-between;
|
|
63
|
-
gap: var(--ks-spacing-inline-m);
|
|
64
|
-
padding: var(--ks-spacing-inset-s);
|
|
65
|
-
border: var(--ks-border-width-default) solid var(--ks-border-color-default);
|
|
66
|
-
background-color: var(--ks-background-color-default);
|
|
67
|
-
border-radius: var(--ks-border-radius-control);
|
|
68
|
-
flex-grow: 0;
|
|
69
|
-
}
|
|
70
|
-
.dsa-event .dsa-event-list-entry .dsa-event-list-appointment__item {
|
|
71
|
-
display: flex;
|
|
72
|
-
gap: var(--ks-spacing-stack-xs);
|
|
73
|
-
}
|
|
74
|
-
.dsa-event .dsa-event-list-entry .dsa-event-list-appointment__dates {
|
|
75
|
-
flex-direction: column;
|
|
76
|
-
display: flex;
|
|
77
|
-
gap: var(--ks-spacing-stack-xs);
|
|
78
|
-
}
|
|
79
|
-
.dsa-event .dsa-event-list-entry .dsa-event-list-appointment__icon {
|
|
80
|
-
color: var(--ks-text-color-primary);
|
|
81
|
-
width: var(--dsa-event-list-entry__icon--size);
|
|
82
|
-
height: var(--dsa-event-list-entry__icon--size);
|
|
83
|
-
}
|
|
84
|
-
.dsa-event .dsa-event-list-entry .dsa-event-list-appointment__cta.c-button {
|
|
85
|
-
background-color: transparent;
|
|
86
|
-
padding: 0;
|
|
87
|
-
color: var(--ks-text-color-primary);
|
|
88
|
-
}
|
|
File without changes
|