@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.
Files changed (52) hide show
  1. package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-7caa223c.d.ts} +1 -1
  2. package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-d9decb7c.d.ts} +1 -1
  3. package/dist/EventDetailProps-63f63768.d.ts +387 -0
  4. package/dist/EventListAppointmentProps-da54c3b9.d.ts +38 -0
  5. package/dist/{PageProps-aa29c554.d.ts → PageProps-7caa223c.d.ts} +1 -1
  6. package/dist/{SectionProps-7caa223c.d.ts → SectionProps-03ff6d21.d.ts} +1 -1
  7. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +4 -2
  8. package/dist/components/blog-overview/index.d.ts +1 -1
  9. package/dist/components/blog-post/blog-post.schema.dereffed.json +4 -2
  10. package/dist/components/blog-post/index.d.ts +1 -1
  11. package/dist/components/event-detail/event-detail.schema.dereffed.json +203 -0
  12. package/dist/components/event-detail/event-detail.schema.json +73 -0
  13. package/dist/components/event-detail/index.d.ts +5 -0
  14. package/dist/components/event-detail/index.js +32 -0
  15. package/dist/components/event-header/event-header.css +6 -0
  16. package/dist/components/event-header/event-header.schema.dereffed.json +38 -0
  17. package/dist/components/event-header/event-header.schema.json +34 -0
  18. package/dist/components/event-header/index.d.ts +35 -0
  19. package/dist/components/event-header/index.js +20 -0
  20. package/dist/components/event-list-appointment/event-list-appointment.css +52 -0
  21. package/dist/components/event-list-appointment/event-list-appointment.schema.dereffed.json +47 -0
  22. package/dist/components/event-list-appointment/event-list-appointment.schema.json +44 -0
  23. package/dist/components/event-list-appointment/index.d.ts +7 -10
  24. package/dist/components/event-list-appointment/index.js +11 -9
  25. package/dist/components/event-list-entry/event-list-entry.css +42 -0
  26. package/dist/components/event-list-entry/event-list-entry.schema.dereffed.json +75 -0
  27. package/dist/components/event-list-entry/event-list-entry.schema.json +28 -0
  28. package/dist/components/event-list-entry/index.d.ts +28 -11
  29. package/dist/components/event-list-entry/index.js +12 -8
  30. package/dist/components/gallery/gallery.schema.dereffed.json +2 -1
  31. package/dist/components/gallery/gallery.schema.json +2 -1
  32. package/dist/components/gallery/index.js +1 -1
  33. package/dist/components/image-story/index.d.ts +1 -1
  34. package/dist/components/index/index.d.ts +4 -3
  35. package/dist/components/page/index.d.ts +1 -1
  36. package/dist/components/page/page.schema.dereffed.json +4 -2
  37. package/dist/components/page-wrapper/tokens.css +1 -1
  38. package/dist/components/presets.json +180 -53
  39. package/dist/components/section/index.d.ts +1 -1
  40. package/dist/components/section/section.schema.dereffed.json +4 -2
  41. package/dist/components/slider/slider.schema.dereffed.json +2 -1
  42. package/dist/tokens/themes.css +4 -4
  43. package/dist/tokens/tokens.css +1 -1
  44. package/dist/tokens/tokens.js +1 -1
  45. package/package.json +1 -1
  46. package/dist/EventProps-feae5a7c.d.ts +0 -88
  47. package/dist/components/event/event.schema.dereffed.json +0 -119
  48. package/dist/components/event/event.schema.json +0 -109
  49. package/dist/components/event/index.d.ts +0 -8
  50. package/dist/components/event/index.js +0 -26
  51. package/dist/components/event-list-appointment/event.css +0 -88
  52. /package/dist/{ImageStoryProps-e853e1e7.d.ts → ImageStoryProps-03ff6d21.d.ts} +0 -0
@@ -420,7 +420,8 @@
420
420
  "stack",
421
421
  "smallTiles",
422
422
  "largeTiles"
423
- ]
423
+ ],
424
+ "default": "smallTiles"
424
425
  },
425
426
  "aspectRatio": {
426
427
  "type": "string",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 23 Jun 2025 09:40:51 GMT
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 09:40:56 GMT
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 09:40:53 GMT
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 09:40:58 GMT
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);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 23 Jun 2025 09:40:49 GMT
3
+ * Generated on Mon, 23 Jun 2025 12:33:58 GMT
4
4
  */
5
5
 
6
6
  :root, [ks-theme] {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 23 Jun 2025 09:40:49 GMT
3
+ * Generated on Mon, 23 Jun 2025 12:33:58 GMT
4
4
  */
5
5
 
6
6
  export const KsBackgroundColorAccentBase = "#f3f3f4";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.6.68--canary.45.1671.0",
3
+ "version": "1.6.68--canary.45.1678.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {
@@ -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
- }