@kickstartds/ds-agency-premium 1.6.68--canary.45.1716.0 → 1.6.68--canary.45.1719.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/components/event-latest/event-latest.css +5 -0
- package/dist/components/event-latest/event-latest.schema.dereffed.json +0 -47
- package/dist/components/event-latest/event-latest.schema.json +1 -37
- package/dist/components/event-latest/index.d.ts +0 -26
- package/dist/components/event-latest/index.js +7 -3
- package/dist/components/event-latest-teaser/event-latest-teaser.css +67 -21
- package/dist/components/event-latest-teaser/index.js +3 -2
- package/dist/components/event-location/event-location.css +1 -1
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +41 -33
- package/dist/global.css +1 -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
|
@@ -5,24 +5,6 @@
|
|
|
5
5
|
"description": "Display a list of latest events, ordered chronologically",
|
|
6
6
|
"type": "object",
|
|
7
7
|
"properties": {
|
|
8
|
-
"headline": {
|
|
9
|
-
"title": "Headline",
|
|
10
|
-
"description": "Headline for the listing",
|
|
11
|
-
"type": "string",
|
|
12
|
-
"format": "markdown",
|
|
13
|
-
"examples": [
|
|
14
|
-
"Latest Events"
|
|
15
|
-
]
|
|
16
|
-
},
|
|
17
|
-
"text": {
|
|
18
|
-
"title": "Text",
|
|
19
|
-
"description": "Additional text shown below the headline",
|
|
20
|
-
"type": "string",
|
|
21
|
-
"format": "markdown",
|
|
22
|
-
"examples": [
|
|
23
|
-
"Our next upcoming events"
|
|
24
|
-
]
|
|
25
|
-
},
|
|
26
8
|
"events": {
|
|
27
9
|
"title": "Events",
|
|
28
10
|
"description": "List of events to display",
|
|
@@ -148,35 +130,6 @@
|
|
|
148
130
|
]
|
|
149
131
|
]
|
|
150
132
|
},
|
|
151
|
-
"link": {
|
|
152
|
-
"type": "object",
|
|
153
|
-
"title": "Link",
|
|
154
|
-
"description": "Link shown below the listing",
|
|
155
|
-
"properties": {
|
|
156
|
-
"url": {
|
|
157
|
-
"title": "URL",
|
|
158
|
-
"description": "The to link",
|
|
159
|
-
"type": "string",
|
|
160
|
-
"format": "uri",
|
|
161
|
-
"examples": [
|
|
162
|
-
"https://example.com"
|
|
163
|
-
]
|
|
164
|
-
},
|
|
165
|
-
"text": {
|
|
166
|
-
"title": "Text",
|
|
167
|
-
"description": "The text for the link",
|
|
168
|
-
"type": "string",
|
|
169
|
-
"default": "Show all events",
|
|
170
|
-
"examples": [
|
|
171
|
-
"Show all events"
|
|
172
|
-
]
|
|
173
|
-
}
|
|
174
|
-
},
|
|
175
|
-
"additionalProperties": false,
|
|
176
|
-
"required": [
|
|
177
|
-
"url"
|
|
178
|
-
]
|
|
179
|
-
},
|
|
180
133
|
"className": {
|
|
181
134
|
"type": "string"
|
|
182
135
|
},
|
|
@@ -5,20 +5,6 @@
|
|
|
5
5
|
"description": "Display a list of latest events, ordered chronologically",
|
|
6
6
|
"type": "object",
|
|
7
7
|
"properties": {
|
|
8
|
-
"headline": {
|
|
9
|
-
"title": "Headline",
|
|
10
|
-
"description": "Headline for the listing",
|
|
11
|
-
"type": "string",
|
|
12
|
-
"format": "markdown",
|
|
13
|
-
"examples": ["Latest Events"]
|
|
14
|
-
},
|
|
15
|
-
"text": {
|
|
16
|
-
"title": "Text",
|
|
17
|
-
"description": "Additional text shown below the headline",
|
|
18
|
-
"type": "string",
|
|
19
|
-
"format": "markdown",
|
|
20
|
-
"examples": ["Our next upcoming events"]
|
|
21
|
-
},
|
|
22
8
|
"events": {
|
|
23
9
|
"title": "Events",
|
|
24
10
|
"description": "List of events to display",
|
|
@@ -50,29 +36,7 @@
|
|
|
50
36
|
]
|
|
51
37
|
]
|
|
52
38
|
},
|
|
53
|
-
|
|
54
|
-
"type": "object",
|
|
55
|
-
"title": "Link",
|
|
56
|
-
"description": "Link shown below the listing",
|
|
57
|
-
"properties": {
|
|
58
|
-
"url": {
|
|
59
|
-
"title": "URL",
|
|
60
|
-
"description": "The to link",
|
|
61
|
-
"type": "string",
|
|
62
|
-
"format": "uri",
|
|
63
|
-
"examples": ["https://example.com"]
|
|
64
|
-
},
|
|
65
|
-
"text": {
|
|
66
|
-
"title": "Text",
|
|
67
|
-
"description": "The text for the link",
|
|
68
|
-
"type": "string",
|
|
69
|
-
"default": "Show all events",
|
|
70
|
-
"examples": ["Show all events"]
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
"additionalProperties": false,
|
|
74
|
-
"required": ["url"]
|
|
75
|
-
},
|
|
39
|
+
|
|
76
40
|
"className": {
|
|
77
41
|
"type": "string"
|
|
78
42
|
}
|
|
@@ -7,14 +7,6 @@ import { HTMLAttributes } from "react";
|
|
|
7
7
|
* and run json-schema-to-typescript to regenerate this file.
|
|
8
8
|
*/
|
|
9
9
|
import { EventLatestTeaserProps } from "../../EventLatestTeaserProps-fc9d3281.js";
|
|
10
|
-
/**
|
|
11
|
-
* Headline for the listing
|
|
12
|
-
*/
|
|
13
|
-
type Headline = string;
|
|
14
|
-
/**
|
|
15
|
-
* Additional text shown below the headline
|
|
16
|
-
*/
|
|
17
|
-
type Text = string;
|
|
18
10
|
/**
|
|
19
11
|
* List of events to display
|
|
20
12
|
*
|
|
@@ -24,31 +16,13 @@ type Events = [
|
|
|
24
16
|
EventLatestTeaserProps,
|
|
25
17
|
...EventLatestTeaserProps[]
|
|
26
18
|
];
|
|
27
|
-
/**
|
|
28
|
-
* The to link
|
|
29
|
-
*/
|
|
30
|
-
type URL = string;
|
|
31
|
-
/**
|
|
32
|
-
* The text for the link
|
|
33
|
-
*/
|
|
34
|
-
type Text1 = string;
|
|
35
19
|
/**
|
|
36
20
|
* Display a list of latest events, ordered chronologically
|
|
37
21
|
*/
|
|
38
22
|
interface EventLatestProps {
|
|
39
|
-
headline?: Headline;
|
|
40
|
-
text?: Text;
|
|
41
23
|
events?: Events;
|
|
42
|
-
link?: Link;
|
|
43
24
|
className?: string;
|
|
44
25
|
}
|
|
45
|
-
/**
|
|
46
|
-
* Link shown below the listing
|
|
47
|
-
*/
|
|
48
|
-
interface Link {
|
|
49
|
-
url: URL;
|
|
50
|
-
text?: Text1;
|
|
51
|
-
}
|
|
52
26
|
declare const EventLatestContextDefault: import("react").ForwardRefExoticComponent<EventLatestProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
53
27
|
declare const EventLatestContext: import("react").Context<import("react").ForwardRefExoticComponent<EventLatestProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
54
28
|
declare const EventLatest: import("react").ForwardRefExoticComponent<EventLatestProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
+
import "./event-latest.css";
|
|
1
2
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import classnames from 'classnames';
|
|
3
3
|
import { forwardRef, createContext, useContext } from 'react';
|
|
4
|
+
import { EventLatestTeaser } from '../event-latest-teaser/index.js';
|
|
5
|
+
import 'classnames';
|
|
6
|
+
import '@kickstartds/base/lib/icon';
|
|
7
|
+
import '@kickstartds/core/lib/container';
|
|
4
8
|
|
|
5
|
-
const EventLatestContextDefault = forwardRef(({
|
|
6
|
-
return (jsx("div", { className:
|
|
9
|
+
const EventLatestContextDefault = forwardRef(({ events }, ref) => {
|
|
10
|
+
return (jsx("div", { className: "dsa-event-latest", ref: ref, children: events.map((event, index) => (jsx(EventLatestTeaser, { ...event }, index))) }));
|
|
7
11
|
});
|
|
8
12
|
const EventLatestContext = createContext(EventLatestContextDefault);
|
|
9
13
|
const EventLatest = forwardRef((props, ref) => {
|
|
@@ -1,33 +1,80 @@
|
|
|
1
|
+
.l-container--event-latest-teaser {
|
|
2
|
+
/* stylelint-disable-next-line property-no-unknown */
|
|
3
|
+
container-name: event-latest-teaser;
|
|
4
|
+
}
|
|
5
|
+
|
|
1
6
|
.dsa-event-latest-teaser {
|
|
2
7
|
--g-link--border-radius: var(--ks-border-radius-surface);
|
|
3
8
|
display: flex;
|
|
4
|
-
|
|
5
|
-
gap: var(--ks-spacing-inline-m);
|
|
9
|
+
gap: var(--ks-spacing-inline-s);
|
|
6
10
|
padding: var(--ks-spacing-inset-s);
|
|
11
|
+
flex-direction: column;
|
|
7
12
|
border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
|
|
8
13
|
}
|
|
14
|
+
@container event-latest-teaser (min-width: 640px) {
|
|
15
|
+
.dsa-event-latest-teaser {
|
|
16
|
+
flex-direction: row;
|
|
17
|
+
align-items: center;
|
|
18
|
+
gap: var(--ks-spacing-inline-m);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
9
21
|
.dsa-event-latest-teaser:hover {
|
|
10
22
|
border-color: var(--ks-border-color-card-interactive-hover);
|
|
11
23
|
}
|
|
12
|
-
.dsa-event-latest-
|
|
24
|
+
.dsa-event-latest-teaser__content {
|
|
25
|
+
display: flex;
|
|
26
|
+
gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
|
|
27
|
+
flex-grow: 1;
|
|
28
|
+
min-width: 0;
|
|
29
|
+
flex-direction: column;
|
|
30
|
+
}
|
|
31
|
+
@container event-latest-teaser (min-width: 640px) {
|
|
32
|
+
.dsa-event-latest-teaser__content {
|
|
33
|
+
flex-direction: row;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
.dsa-event-latest-teaser .dsa-event-latest-teaser-calendar {
|
|
13
37
|
align-self: start;
|
|
14
38
|
position: relative;
|
|
15
|
-
container-type: inline-size;
|
|
16
39
|
background-color: var(--ks-background-color-primary);
|
|
17
40
|
color: var(--ks-color-fg-inverted);
|
|
18
41
|
border-radius: var(--ks-border-radius-control);
|
|
19
42
|
display: flex;
|
|
20
|
-
|
|
21
|
-
align-items: center;
|
|
43
|
+
align-items: flex-end;
|
|
22
44
|
justify-content: center;
|
|
23
|
-
|
|
45
|
+
gap: 0.25em;
|
|
46
|
+
padding: var(--ks-spacing-inset-s);
|
|
24
47
|
flex-shrink: 0;
|
|
25
|
-
|
|
26
|
-
|
|
48
|
+
font: var(--ks-font-display-l);
|
|
49
|
+
font-weight: var(--ks-font-weight-semi-bold);
|
|
27
50
|
}
|
|
28
|
-
|
|
51
|
+
@container event-latest-teaser (min-width: 640px) {
|
|
52
|
+
.dsa-event-latest-teaser .dsa-event-latest-teaser-calendar {
|
|
53
|
+
container-type: inline-size;
|
|
54
|
+
padding: var(--ks-spacing-xxs);
|
|
55
|
+
flex-direction: column;
|
|
56
|
+
align-items: center;
|
|
57
|
+
padding: var(--ks-spacing-inset-stretch-xs);
|
|
58
|
+
gap: var(--ks-spacing-xxs);
|
|
59
|
+
width: calc(var(--ks-spacing-l) * 3);
|
|
60
|
+
height: calc(var(--ks-spacing-l) * 3);
|
|
61
|
+
}
|
|
62
|
+
.dsa-event-latest-teaser .dsa-event-latest-teaser-calendar__month, .dsa-event-latest-teaser .dsa-event-latest-teaser-calendar__day {
|
|
63
|
+
font-weight: var(--ks-font-weight-semi-bold) !important;
|
|
64
|
+
font-family: var(--ks-font-family-display);
|
|
65
|
+
line-height: 1;
|
|
66
|
+
}
|
|
67
|
+
.dsa-event-latest-teaser .dsa-event-latest-teaser-calendar__day {
|
|
68
|
+
font-size: 50cqw;
|
|
69
|
+
}
|
|
70
|
+
.dsa-event-latest-teaser .dsa-event-latest-teaser-calendar__month {
|
|
71
|
+
font-size: 25cqw;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
.dsa-event-latest-teaser__text {
|
|
29
75
|
display: flex;
|
|
30
76
|
flex-direction: column;
|
|
77
|
+
justify-content: center;
|
|
31
78
|
gap: var(--ks-spacing-stack-xs);
|
|
32
79
|
flex-grow: 1;
|
|
33
80
|
}
|
|
@@ -36,29 +83,27 @@
|
|
|
36
83
|
font-weight: var(--ks-font-weight-semi-bold);
|
|
37
84
|
color: var(--ks-text-color-display);
|
|
38
85
|
}
|
|
39
|
-
.dsa-event-latest-teaser__month, .dsa-event-latest-teaser__day {
|
|
40
|
-
font-weight: var(--ks-font-weight-semi-bold);
|
|
41
|
-
font-family: var(--ks-font-family-display);
|
|
42
|
-
}
|
|
43
|
-
.dsa-event-latest-teaser__day {
|
|
44
|
-
font-size: 50cqw;
|
|
45
|
-
}
|
|
46
|
-
.dsa-event-latest-teaser__month {
|
|
47
|
-
font-size: 25cqw;
|
|
48
|
-
}
|
|
49
86
|
.dsa-event-latest-teaser__infos {
|
|
50
87
|
display: flex;
|
|
51
88
|
flex-wrap: wrap;
|
|
52
89
|
gap: var(--ks-spacing-xxs) var(--ks-spacing-inline-s);
|
|
90
|
+
flex-direction: column;
|
|
91
|
+
align-items: flex-start;
|
|
92
|
+
}
|
|
93
|
+
@container event-latest-teaser (min-width: 640px) {
|
|
94
|
+
.dsa-event-latest-teaser__infos {
|
|
95
|
+
flex-direction: row;
|
|
96
|
+
}
|
|
53
97
|
}
|
|
54
98
|
.dsa-event-latest-teaser__info {
|
|
55
99
|
display: flex;
|
|
56
|
-
gap: var(--ks-spacing-xxs);
|
|
100
|
+
gap: calc(var(--ks-spacing-xxs) * 0.75);
|
|
57
101
|
font: var(--ks-font-interface-s);
|
|
58
102
|
align-items: center;
|
|
59
103
|
color: var(--ks-text-color-interface);
|
|
60
104
|
}
|
|
61
105
|
.dsa-event-latest-teaser__info .icon {
|
|
106
|
+
align-self: flex-start;
|
|
62
107
|
width: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
|
|
63
108
|
height: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
|
|
64
109
|
color: var(--ks-text-color-primary);
|
|
@@ -72,6 +117,7 @@
|
|
|
72
117
|
display: flex;
|
|
73
118
|
align-items: center;
|
|
74
119
|
text-wrap: nowrap;
|
|
120
|
+
margin-left: auto;
|
|
75
121
|
}
|
|
76
122
|
.dsa-event-latest-teaser__cta .icon {
|
|
77
123
|
width: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import "./event-latest-teaser.css";
|
|
2
|
-
import {
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
import { forwardRef, createContext, useContext } from 'react';
|
|
5
5
|
import { Icon } from '@kickstartds/base/lib/icon';
|
|
6
|
+
import { Container } from '@kickstartds/core/lib/container';
|
|
6
7
|
|
|
7
8
|
const EventLatestTeaserContextDefault = forwardRef(({ date, title, cta, calendar, url, location, ariaLabel, className, ...rest }, ref) => {
|
|
8
|
-
return (jsxs("a", { className: classnames(className, "dsa-event-latest-teaser"), ...rest, href: url, ref: ref, "aria-label": ariaLabel, children: [jsxs("span", { className: "dsa-event-latest-
|
|
9
|
+
return (jsx(Container, { name: "event-latest-teaser", children: jsxs("a", { className: classnames(className, "dsa-event-latest-teaser"), ...rest, href: url, ref: ref, "aria-label": ariaLabel, children: [jsxs("span", { className: "dsa-event-latest-teaser__content", children: [jsxs("span", { className: "dsa-event-latest-teaser-calendar", children: [jsx("span", { className: "dsa-event-latest-teaser-calendar__day", children: calendar.day }), jsx("span", { className: "dsa-event-latest-teaser-calendar__month", children: calendar.month })] }), jsxs("span", { className: "dsa-event-latest-teaser__text", children: [jsx("span", { className: "dsa-event-latest-teaser__title", children: title }), jsxs("span", { className: "dsa-event-latest-teaser__infos", children: [jsxs("span", { className: "dsa-event-latest-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-latest-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), location] })] })] })] }), jsxs("span", { className: "dsa-event-latest-teaser__cta", children: [jsx("span", { children: cta }), jsx(Icon, { "aria-hidden": true, icon: "chevron-right" })] })] }) }));
|
|
9
10
|
});
|
|
10
11
|
const EventLatestTeaserContext = createContext(EventLatestTeaserContextDefault);
|
|
11
12
|
const EventLatestTeaser = forwardRef((props, ref) => {
|
|
@@ -1581,50 +1581,58 @@
|
|
|
1581
1581
|
"id": "event-event-latest--default",
|
|
1582
1582
|
"group": "Event/ Event Latest",
|
|
1583
1583
|
"name": "Default",
|
|
1584
|
-
"code": "<EventLatest\n events={[\n {\n ariaLabel: '
|
|
1584
|
+
"code": "<EventLatest\n events={[\n {\n ariaLabel: 'Systemics Design Conference on September 18, 2025 in Berlin',\n calendar: {\n day: '18',\n month: 'Sep'\n },\n cta: 'View event',\n date: '09/18/2025',\n location: 'Berlin Congress Center, Berlin',\n title: 'Systemics Design Conference',\n url: 'https://systemics.events/conference-berlin'\n },\n {\n ariaLabel: 'UX Leadership Summit on October 5, 2025 in Cologne',\n calendar: {\n day: '05',\n month: 'Oct'\n },\n cta: 'View event',\n date: '10/05/2025',\n location: 'Köln Messe, Cologne',\n title: 'UX Leadership Summit',\n url: 'https://uxsummit.de/koeln-2025'\n },\n {\n ariaLabel: 'Frontend Future Days on November 12, 2025 in Hamburg',\n calendar: {\n day: '12',\n month: 'Nov'\n },\n cta: 'View event',\n date: '11/12/2025',\n location: 'Hamburg Digital Campus, Hamburg',\n title: 'Frontend Future Days',\n url: 'https://frontendfuture.de/hamburg'\n },\n {\n ariaLabel: 'Accessibility in Practice Workshop on December 1, 2025 online',\n calendar: {\n day: '01',\n month: 'Dec'\n },\n cta: 'View event',\n date: '12/01/2025',\n location: 'Online',\n title: 'Accessibility in Practice Workshop',\n url: 'https://a11yworkshop.com/dec-2025'\n }\n ]}\n />",
|
|
1585
1585
|
"args": {
|
|
1586
|
-
"headline": "Latest events",
|
|
1587
|
-
"text": "Check out our upcoming events and mark your calendar!",
|
|
1588
1586
|
"events": [
|
|
1589
1587
|
{
|
|
1590
|
-
"date": "
|
|
1588
|
+
"date": "09/18/2025",
|
|
1591
1589
|
"calendar": {
|
|
1592
|
-
"month": "
|
|
1593
|
-
"day": "
|
|
1590
|
+
"month": "Sep",
|
|
1591
|
+
"day": "18"
|
|
1594
1592
|
},
|
|
1595
|
-
"title": "
|
|
1596
|
-
"location": "
|
|
1597
|
-
"url": "https://
|
|
1598
|
-
"cta": "
|
|
1599
|
-
"ariaLabel": "
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1593
|
+
"title": "Systemics Design Conference",
|
|
1594
|
+
"location": "Berlin Congress Center, Berlin",
|
|
1595
|
+
"url": "https://systemics.events/conference-berlin",
|
|
1596
|
+
"cta": "View event",
|
|
1597
|
+
"ariaLabel": "Systemics Design Conference on September 18, 2025 in Berlin"
|
|
1598
|
+
},
|
|
1599
|
+
{
|
|
1600
|
+
"date": "10/05/2025",
|
|
1601
|
+
"calendar": {
|
|
1602
|
+
"month": "Oct",
|
|
1603
|
+
"day": "05"
|
|
1604
|
+
},
|
|
1605
|
+
"title": "UX Leadership Summit",
|
|
1606
|
+
"location": "Köln Messe, Cologne",
|
|
1607
|
+
"url": "https://uxsummit.de/koeln-2025",
|
|
1608
|
+
"cta": "View event",
|
|
1609
|
+
"ariaLabel": "UX Leadership Summit on October 5, 2025 in Cologne"
|
|
1610
|
+
},
|
|
1611
|
+
{
|
|
1612
|
+
"date": "11/12/2025",
|
|
1613
|
+
"calendar": {
|
|
1614
|
+
"month": "Nov",
|
|
1615
|
+
"day": "12"
|
|
1616
|
+
},
|
|
1617
|
+
"title": "Frontend Future Days",
|
|
1618
|
+
"location": "Hamburg Digital Campus, Hamburg",
|
|
1619
|
+
"url": "https://frontendfuture.de/hamburg",
|
|
1620
|
+
"cta": "View event",
|
|
1621
|
+
"ariaLabel": "Frontend Future Days on November 12, 2025 in Hamburg"
|
|
1605
1622
|
},
|
|
1606
1623
|
{
|
|
1607
|
-
"date": "01/
|
|
1624
|
+
"date": "12/01/2025",
|
|
1608
1625
|
"calendar": {
|
|
1609
1626
|
"month": "Dec",
|
|
1610
|
-
"day": "
|
|
1627
|
+
"day": "01"
|
|
1611
1628
|
},
|
|
1612
|
-
"title": "
|
|
1613
|
-
"location": "
|
|
1614
|
-
"url": "https://
|
|
1615
|
-
"cta": "
|
|
1616
|
-
"ariaLabel": "
|
|
1617
|
-
"headline": "Event 2",
|
|
1618
|
-
"link": {
|
|
1619
|
-
"url": "https://example.com/event2",
|
|
1620
|
-
"text": "Show event 2"
|
|
1621
|
-
}
|
|
1629
|
+
"title": "Accessibility in Practice Workshop",
|
|
1630
|
+
"location": "Online",
|
|
1631
|
+
"url": "https://a11yworkshop.com/dec-2025",
|
|
1632
|
+
"cta": "View event",
|
|
1633
|
+
"ariaLabel": "Accessibility in Practice Workshop on December 1, 2025 online"
|
|
1622
1634
|
}
|
|
1623
|
-
]
|
|
1624
|
-
"link": {
|
|
1625
|
-
"url": "#",
|
|
1626
|
-
"text": "Show event"
|
|
1627
|
-
}
|
|
1635
|
+
]
|
|
1628
1636
|
},
|
|
1629
1637
|
"screenshot": "img/screenshots/event-event-latest--default.png"
|
|
1630
1638
|
},
|
package/dist/global.css
CHANGED
|
@@ -347,7 +347,7 @@ h3 {
|
|
|
347
347
|
[ks-inverted=false],
|
|
348
348
|
[ks-inverted=true] {
|
|
349
349
|
--spacing-base: 18px;
|
|
350
|
-
--spacing-shrink-factor: 0.
|
|
350
|
+
--spacing-shrink-factor: 0.65;
|
|
351
351
|
--spacing-grow-factor: 1.275;
|
|
352
352
|
--spacing-bp-factor: 1.0135;
|
|
353
353
|
--spacing-xxs-bp-factor: calc(1 * var(--spacing-bp-factor));
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 25 Jun 2025
|
|
3
|
+
* Generated on Wed, 25 Jun 2025 14:11:27 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 Wed, 25 Jun 2025
|
|
2730
|
+
* Generated on Wed, 25 Jun 2025 14:11:31 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 Wed, 25 Jun 2025
|
|
5461
|
+
* Generated on Wed, 25 Jun 2025 14:11:29 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 Wed, 25 Jun 2025
|
|
8462
|
+
* Generated on Wed, 25 Jun 2025 14:11:33 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