@kickstartds/ds-agency-premium 1.6.69--canary.45.1736.0 → 1.6.69

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 (199) hide show
  1. package/dist/{BlogAsideProps-c760fd2a.d.ts → BlogAsideProps-d9decb7c.d.ts} +5 -5
  2. package/dist/{BlogAuthorProps-fb0241df.d.ts → BlogAuthorProps-88a11566.d.ts} +2 -7
  3. package/dist/BlogOverviewProps-9f207f1c.d.ts +2 -2
  4. package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-d9decb7c.d.ts} +3 -3
  5. package/dist/{ButtonProps-00ddee3a.d.ts → ButtonProps-03ff6d21.d.ts} +4 -4
  6. package/dist/{CtaProps-babe4ee6.d.ts → CtaProps-93230a76.d.ts} +11 -21
  7. package/dist/{FeaturesProps-a9041d97.d.ts → FeaturesProps-e58616a5.d.ts} +4 -9
  8. package/dist/{FooterProps-a0a104ca.d.ts → FooterProps-171a3067.d.ts} +2 -2
  9. package/dist/{HeaderProps-72763967.d.ts → HeaderProps-e22382f1.d.ts} +2 -2
  10. package/dist/{HeroProps-40f6c7f5.d.ts → HeroProps-f704d270.d.ts} +4 -9
  11. package/dist/ImageStoryProps-e853e1e7.d.ts +1 -1
  12. package/dist/MosaicProps-d52c7151.d.ts +4 -4
  13. package/dist/PageProps-aa29c554.d.ts +1 -1
  14. package/dist/{SectionProps-7caa223c.d.ts → SectionProps-1cfcf6e8.d.ts} +9 -14
  15. package/dist/{SliderProps-babe4ee6.d.ts → SliderProps-93230a76.d.ts} +4 -4
  16. package/dist/{StatProps-12a3eae0.d.ts → StatProps-79109ad0.d.ts} +1 -1
  17. package/dist/StatsProps-bf5ef578.d.ts +1 -1
  18. package/dist/{TeaserCardProps-994cb119.d.ts → TeaserCardProps-b9c28e78.d.ts} +4 -4
  19. package/dist/{VideoCurtainProps-a2c0cc7f.d.ts → VideoCurtainProps-6c625a69.d.ts} +5 -5
  20. package/dist/components/blog-aside/blog-aside.schema.dereffed.json +8 -16
  21. package/dist/components/blog-aside/blog-aside.schema.json +4 -4
  22. package/dist/components/blog-aside/index.d.ts +1 -1
  23. package/dist/components/blog-aside/index.js +1 -1
  24. package/dist/components/blog-author/blog-author.schema.dereffed.json +4 -12
  25. package/dist/components/blog-author/index.d.ts +1 -1
  26. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +85 -178
  27. package/dist/components/blog-post/blog-post.schema.dereffed.json +93 -194
  28. package/dist/components/blog-post/index.d.ts +1 -1
  29. package/dist/components/blog-teaser/index.js +7 -5
  30. package/dist/components/button/button.css +2 -2
  31. package/dist/components/button/button.schema.dereffed.json +3 -3
  32. package/dist/components/button/button.schema.json +3 -3
  33. package/dist/components/button/index.d.ts +1 -1
  34. package/dist/components/button/index.js +1 -1
  35. package/dist/components/button-group/button-group.schema.dereffed.json +3 -3
  36. package/dist/components/button-group/index.d.ts +1 -1
  37. package/dist/components/contact/contact.schema.dereffed.json +5 -13
  38. package/dist/components/contact/contact.schema.json +5 -11
  39. package/dist/components/contact/index.d.ts +1 -6
  40. package/dist/components/contact/index.js +1 -1
  41. package/dist/components/cta/cta.css +56 -44
  42. package/dist/components/cta/cta.schema.dereffed.json +11 -28
  43. package/dist/components/cta/cta.schema.json +10 -23
  44. package/dist/components/cta/index.d.ts +1 -1
  45. package/dist/components/cta/index.js +26 -25
  46. package/dist/components/feature/feature.schema.dereffed.json +3 -13
  47. package/dist/components/feature/feature.schema.json +3 -11
  48. package/dist/components/feature/index.d.ts +3 -8
  49. package/dist/components/feature/index.js +3 -2
  50. package/dist/components/features/features.css +35 -15
  51. package/dist/components/features/features.schema.dereffed.json +3 -13
  52. package/dist/components/features/features.schema.json +2 -5
  53. package/dist/components/features/index.d.ts +1 -1
  54. package/dist/components/features/index.js +2 -2
  55. package/dist/components/footer/footer.css +1 -1
  56. package/dist/components/footer/footer.schema.dereffed.json +12 -12
  57. package/dist/components/footer/index.d.ts +1 -1
  58. package/dist/components/footer/index.js +1 -1
  59. package/dist/components/gallery/gallery.schema.dereffed.json +1 -2
  60. package/dist/components/gallery/gallery.schema.json +1 -2
  61. package/dist/components/gallery/index.js +1 -1
  62. package/dist/components/header/header.css +9 -47
  63. package/dist/components/header/header.schema.dereffed.json +12 -12
  64. package/dist/components/header/index.d.ts +1 -1
  65. package/dist/components/header/index.js +5 -5
  66. package/dist/components/headline/headline.css +2 -2
  67. package/dist/components/hero/hero.css +25 -61
  68. package/dist/components/hero/hero.schema.dereffed.json +3 -9
  69. package/dist/components/hero/hero.schema.json +2 -8
  70. package/dist/components/hero/index.d.ts +1 -1
  71. package/dist/components/hero/index.js +39 -39
  72. package/dist/components/image-story/image-story.css +2 -5
  73. package/dist/components/image-story/image-story.schema.dereffed.json +3 -3
  74. package/dist/components/index/index.d.ts +3 -4
  75. package/dist/components/logos/index.js +1 -1
  76. package/dist/components/mosaic/index.js +1 -1
  77. package/dist/components/mosaic/mosaic.css +1 -1
  78. package/dist/components/mosaic/mosaic.schema.dereffed.json +3 -3
  79. package/dist/components/nav-dropdown/index.d.ts +1 -1
  80. package/dist/components/nav-dropdown/index.js +2 -2
  81. package/dist/components/nav-dropdown/nav-dropdown.css +3 -12
  82. package/dist/components/nav-dropdown/nav-dropdown.schema.dereffed.json +1 -1
  83. package/dist/components/nav-flyout/index.d.ts +2 -2
  84. package/dist/components/nav-flyout/index.js +8 -6
  85. package/dist/components/nav-flyout/nav-flyout.css +15 -29
  86. package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +12 -12
  87. package/dist/components/nav-main/index.d.ts +5 -5
  88. package/dist/components/nav-main/index.js +2 -0
  89. package/dist/components/nav-main/nav-main.schema.dereffed.json +15 -15
  90. package/dist/components/nav-main/nav-main.schema.json +14 -14
  91. package/dist/components/nav-toggle/index.js +1 -1
  92. package/dist/components/nav-topbar/index.d.ts +2 -2
  93. package/dist/components/nav-topbar/index.js +2 -2
  94. package/dist/components/nav-topbar/nav-topbar.css +2 -15
  95. package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +12 -12
  96. package/dist/components/page/page.schema.dereffed.json +74 -150
  97. package/dist/components/page-wrapper/index.js +0 -42
  98. package/dist/components/page-wrapper/tokens.css +729 -425
  99. package/dist/components/presets.json +259 -825
  100. package/dist/components/section/index.d.ts +1 -1
  101. package/dist/components/section/index.js +3 -11
  102. package/dist/components/section/section.css +58 -38
  103. package/dist/components/section/section.schema.dereffed.json +74 -150
  104. package/dist/components/section/section.schema.json +10 -8
  105. package/dist/components/settings/settings.schema.dereffed.json +24 -24
  106. package/dist/components/slider/index.d.ts +1 -1
  107. package/dist/components/slider/slider.schema.dereffed.json +26 -59
  108. package/dist/components/split/split.css +2 -2
  109. package/dist/components/stat/index.d.ts +1 -1
  110. package/dist/components/stat/index.js +12 -3
  111. package/dist/components/stat/stat.schema.dereffed.json +4 -3
  112. package/dist/components/stat/stat.schema.json +2 -2
  113. package/dist/components/stats/stats.schema.dereffed.json +4 -3
  114. package/dist/components/teaser-card/index.d.ts +1 -1
  115. package/dist/components/teaser-card/index.js +9 -9
  116. package/dist/components/teaser-card/teaser-card.css +47 -67
  117. package/dist/components/teaser-card/teaser-card.schema.dereffed.json +4 -4
  118. package/dist/components/teaser-card/teaser-card.schema.json +4 -4
  119. package/dist/components/testimonials/index.d.ts +1 -1
  120. package/dist/components/tile/tile.schema.dereffed.json +3 -3
  121. package/dist/components/tile/tile.schema.json +2 -2
  122. package/dist/components/video-curtain/index.d.ts +1 -1
  123. package/dist/components/video-curtain/index.js +4 -12
  124. package/dist/components/video-curtain/video-curtain.css +29 -52
  125. package/dist/components/video-curtain/video-curtain.schema.dereffed.json +4 -6
  126. package/dist/components/video-curtain/video-curtain.schema.json +3 -3
  127. package/dist/global.css +59 -283
  128. package/dist/static/logo-inverted.svg +25 -12
  129. package/dist/static/logo.svg +25 -12
  130. package/dist/tokens/IconSprite.js +0 -42
  131. package/dist/tokens/icon-sprite.html +0 -16
  132. package/dist/tokens/themes.css +4 -4
  133. package/dist/tokens/tokens.css +729 -425
  134. package/dist/tokens/tokens.js +730 -628
  135. package/package.json +1 -1
  136. package/dist/EventAppointmentProps-443cd1ce.d.ts +0 -38
  137. package/dist/EventDetailProps-42a7eebe.d.ts +0 -387
  138. package/dist/EventLatestTeaserProps-fc9d3281.d.ts +0 -58
  139. package/dist/EventLocationProps-871bc198.d.ts +0 -41
  140. package/dist/components/downloads/downloads.css +0 -153
  141. package/dist/components/downloads/downloads.schema.dereffed.json +0 -55
  142. package/dist/components/downloads/downloads.schema.json +0 -44
  143. package/dist/components/downloads/index.d.ts +0 -41
  144. package/dist/components/downloads/index.js +0 -18
  145. package/dist/components/event-appointment/event-appointment.css +0 -62
  146. package/dist/components/event-appointment/event-appointment.schema.dereffed.json +0 -56
  147. package/dist/components/event-appointment/event-appointment.schema.json +0 -47
  148. package/dist/components/event-appointment/index.d.ts +0 -7
  149. package/dist/components/event-appointment/index.js +0 -14
  150. package/dist/components/event-detail/event-detail.schema.dereffed.json +0 -287
  151. package/dist/components/event-detail/event-detail.schema.json +0 -74
  152. package/dist/components/event-detail/index.d.ts +0 -5
  153. package/dist/components/event-detail/index.js +0 -36
  154. package/dist/components/event-header/event-header.css +0 -6
  155. package/dist/components/event-header/event-header.schema.dereffed.json +0 -38
  156. package/dist/components/event-header/event-header.schema.json +0 -34
  157. package/dist/components/event-header/index.d.ts +0 -35
  158. package/dist/components/event-header/index.js +0 -20
  159. package/dist/components/event-latest/event-latest.css +0 -5
  160. package/dist/components/event-latest/event-latest.schema.dereffed.json +0 -142
  161. package/dist/components/event-latest/event-latest.schema.json +0 -46
  162. package/dist/components/event-latest/index.d.ts +0 -30
  163. package/dist/components/event-latest/index.js +0 -19
  164. package/dist/components/event-latest-teaser/event-latest-teaser.css +0 -128
  165. package/dist/components/event-latest-teaser/event-latest-teaser.schema.dereffed.json +0 -97
  166. package/dist/components/event-latest-teaser/event-latest-teaser.schema.json +0 -73
  167. package/dist/components/event-latest-teaser/index.d.ts +0 -8
  168. package/dist/components/event-latest-teaser/index.js +0 -18
  169. package/dist/components/event-location/event-location.css +0 -71
  170. package/dist/components/event-location/event-location.schema.dereffed.json +0 -126
  171. package/dist/components/event-location/event-location.schema.json +0 -61
  172. package/dist/components/event-location/index.d.ts +0 -7
  173. package/dist/components/event-location/index.js +0 -18
  174. package/dist/components/pagination/index.d.ts +0 -25
  175. package/dist/components/pagination/index.js +0 -51
  176. package/dist/components/pagination/pagination.css +0 -36
  177. package/dist/components/pagination/pagination.schema.dereffed.json +0 -33
  178. package/dist/components/pagination/pagination.schema.json +0 -27
  179. package/dist/static/fonts/systemics/Montserrat-Bold.woff2 +0 -0
  180. package/dist/static/fonts/systemics/Montserrat-Light.woff2 +0 -0
  181. package/dist/static/fonts/systemics/Montserrat-Medium.woff2 +0 -0
  182. package/dist/static/fonts/systemics/Montserrat-Regular.woff2 +0 -0
  183. package/dist/static/fonts/systemics/Montserrat-SemiBold.woff2 +0 -0
  184. package/dist/static/img/about/angled-image.png +0 -0
  185. package/dist/static/img/about/cta.png +0 -0
  186. package/dist/static/img/about/cutout.png +0 -0
  187. package/dist/static/img/about/disclaimer.png +0 -0
  188. package/dist/static/img/about/purpose.png +0 -0
  189. package/dist/static/img/about/spoiler.png +0 -0
  190. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-01.svg +0 -72
  191. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-02.svg +0 -112
  192. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-03.svg +0 -197
  193. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-04.svg +0 -76
  194. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-05.svg +0 -82
  195. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-06.svg +0 -219
  196. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-07.svg +0 -85
  197. package/dist/static/logo-dark.svg +0 -13
  198. package/dist/static/logo-dsa-inverted.svg +0 -26
  199. package/dist/static/logo-dsa.svg +0 -26
@@ -1,97 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/draft-07/schema#",
3
- "$id": "http://schema.mydesignsystem.com/event-latest-teaser.schema.json",
4
- "title": "Event Latest Teaser",
5
- "description": "Display an event teaser with date, title and location",
6
- "type": "object",
7
- "properties": {
8
- "date": {
9
- "title": "Date",
10
- "description": "The date of the event",
11
- "type": "string",
12
- "format": "date",
13
- "examples": [
14
- "12.30.2022"
15
- ]
16
- },
17
- "calendar": {
18
- "type": "object",
19
- "title": "Calendar",
20
- "description": "Calendar icon to display the date",
21
- "properties": {
22
- "month": {
23
- "title": "Month",
24
- "description": "The month of the event",
25
- "type": "string",
26
- "examples": [
27
- "Dec"
28
- ]
29
- },
30
- "day": {
31
- "title": "Day",
32
- "description": "The day of the event",
33
- "type": "string",
34
- "examples": [
35
- "30"
36
- ]
37
- }
38
- },
39
- "additionalProperties": false
40
- },
41
- "title": {
42
- "title": "Headline",
43
- "description": "Title of the event",
44
- "type": "string",
45
- "format": "markdown",
46
- "examples": [
47
- "This is a event teaser title"
48
- ]
49
- },
50
- "location": {
51
- "title": "Location",
52
- "description": "Location of the event",
53
- "type": "string",
54
- "format": "markdown",
55
- "examples": [
56
- "This is a location"
57
- ]
58
- },
59
- "url": {
60
- "title": "URL",
61
- "description": "The event entry URL to link",
62
- "type": "string",
63
- "format": "uri",
64
- "examples": [
65
- "https://example.com"
66
- ]
67
- },
68
- "cta": {
69
- "title": "Call to Action",
70
- "description": "Text for the call to action",
71
- "type": "string",
72
- "examples": [
73
- "Show event"
74
- ]
75
- },
76
- "ariaLabel": {
77
- "title": "ARIA Label",
78
- "description": "ARIA label for accessibility",
79
- "type": "string",
80
- "examples": [
81
- "Event teaser for "
82
- ]
83
- },
84
- "className": {
85
- "type": "string"
86
- },
87
- "type": {
88
- "const": "event-latest-teaser"
89
- }
90
- },
91
- "additionalProperties": false,
92
- "required": [
93
- "title",
94
- "date",
95
- "location"
96
- ]
97
- }
@@ -1,73 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/draft-07/schema#",
3
- "$id": "http://schema.mydesignsystem.com/event-latest-teaser.schema.json",
4
- "title": "Event Latest Teaser",
5
- "description": "Display an event teaser with date, title and location",
6
- "type": "object",
7
- "properties": {
8
- "date": {
9
- "title": "Date",
10
- "description": "The date of the event",
11
- "type": "string",
12
- "format": "date",
13
- "examples": ["12.30.2022"]
14
- },
15
- "calendar": {
16
- "type": "object",
17
- "title": "Calendar",
18
- "description": "Calendar icon to display the date",
19
- "properties": {
20
- "month": {
21
- "title": "Month",
22
- "description": "The month of the event",
23
- "type": "string",
24
- "examples": ["Dec"]
25
- },
26
- "day": {
27
- "title": "Day",
28
- "description": "The day of the event",
29
- "type": "string",
30
- "examples": ["30"]
31
- }
32
- }
33
- },
34
- "title": {
35
- "title": "Headline",
36
- "description": "Title of the event",
37
- "type": "string",
38
- "format": "markdown",
39
- "examples": ["This is a event teaser title"]
40
- },
41
- "location": {
42
- "title": "Location",
43
- "description": "Location of the event",
44
- "type": "string",
45
- "format": "markdown",
46
- "examples": ["This is a location"]
47
- },
48
- "url": {
49
- "title": "URL",
50
- "description": "The event entry URL to link",
51
- "type": "string",
52
- "format": "uri",
53
- "examples": ["https://example.com"]
54
- },
55
- "cta": {
56
- "title": "Call to Action",
57
- "description": "Text for the call to action",
58
- "type": "string",
59
- "examples": ["Show event"]
60
- },
61
- "ariaLabel": {
62
- "title": "ARIA Label",
63
- "description": "ARIA label for accessibility",
64
- "type": "string",
65
- "examples": ["Event teaser for "]
66
- },
67
- "className": {
68
- "type": "string"
69
- }
70
- },
71
- "additionalProperties": false,
72
- "required": ["title", "date", "location"]
73
- }
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { HTMLAttributes } from "react";
3
- import { EventLatestTeaserProps } from "../../EventLatestTeaserProps-fc9d3281.js";
4
- declare const EventLatestTeaserContextDefault: import("react").ForwardRefExoticComponent<EventLatestTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
5
- declare const EventLatestTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<EventLatestTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>>;
6
- declare const EventLatestTeaser: import("react").ForwardRefExoticComponent<EventLatestTeaserProps & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
7
- export type { EventLatestTeaserProps };
8
- export { EventLatestTeaserContextDefault, EventLatestTeaserContext, EventLatestTeaser };
@@ -1,18 +0,0 @@
1
- import "./event-latest-teaser.css";
2
- import { jsx, jsxs } from 'react/jsx-runtime';
3
- import classnames from 'classnames';
4
- import { forwardRef, createContext, useContext } from 'react';
5
- import { Icon } from '@kickstartds/base/lib/icon';
6
- import { Container } from '@kickstartds/core/lib/container';
7
-
8
- const EventLatestTeaserContextDefault = forwardRef(({ date, title, cta, calendar, url, location, ariaLabel, className, ...rest }, ref) => {
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" })] })] }) }));
10
- });
11
- const EventLatestTeaserContext = createContext(EventLatestTeaserContextDefault);
12
- const EventLatestTeaser = forwardRef((props, ref) => {
13
- const Component = useContext(EventLatestTeaserContext);
14
- return jsx(Component, { ...props, ref: ref });
15
- });
16
- EventLatestTeaser.displayName = "EventLatestTeaser";
17
-
18
- export { EventLatestTeaser, EventLatestTeaserContext, EventLatestTeaserContextDefault };
@@ -1,71 +0,0 @@
1
- .l-container--event-location {
2
- /* stylelint-disable-next-line property-no-unknown */
3
- container-name: event-location;
4
- }
5
-
6
- .l-container--event-location + .l-container--event-location {
7
- margin-top: var(--ks-spacing-stack-m);
8
- }
9
-
10
- .dsa-event-location {
11
- --dsa-event-location__icon--size: calc(var(--ks-font-size-copy-m) * var(--ks-line-height-copy-m));
12
- flex-wrap: wrap;
13
- display: flex;
14
- flex-direction: row;
15
- justify-content: space-between;
16
- gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
17
- background-color: var(--ks-background-color-accent);
18
- padding: var(--ks-spacing-inset-m);
19
- border-radius: var(--ks-border-radius-surface);
20
- --dsa-event-location__info--flex-basis: 280px;
21
- --dsa-event-location__appointments--min-width: 12em;
22
- }
23
- .dsa-event-location--spacious {
24
- --dsa-event-location__info--flex-basis: 50%;
25
- --dsa-event-location__appointments--min-width: 20em;
26
- }
27
- .dsa-event-location__info {
28
- display: flex;
29
- gap: var(--ks-spacing-inline-xs);
30
- flex-shrink: 1;
31
- flex-grow: 1;
32
- flex-basis: var(--dsa-event-location__info--flex-basis, 280px);
33
- }
34
- .dsa-event-location__icon {
35
- color: var(--ks-text-color-primary);
36
- width: var(--dsa-event-location__icon--size);
37
- height: var(--dsa-event-location__icon--size);
38
- flex-shrink: 0;
39
- }
40
- .dsa-event-location__text {
41
- display: flex;
42
- flex-direction: column;
43
- gap: var(--ks-spacing-stack-s);
44
- }
45
- .dsa-event-location__name {
46
- font: var(--ks-font-interface-m);
47
- color: var(--dsa-topic--color);
48
- font-weight: var(--dsa-topic--font-weight);
49
- }
50
- .dsa-event-location__links {
51
- display: flex;
52
- flex-direction: column;
53
- justify-content: flex-end;
54
- gap: var(--ks-spacing-xxs);
55
- }
56
- .dsa-event-location__link {
57
- width: fit-content;
58
- font: var(--ks-font-interface-s);
59
- }
60
- .dsa-event-location__appointments {
61
- display: grid;
62
- justify-content: flex-end;
63
- gap: var(--ks-spacing-stack-s);
64
- flex-grow: 100;
65
- flex-shrink: 0;
66
- grid-template-columns: repeat(auto-fill, minmax(min(var(--dsa-event-location__appointments--min-width, 12em), 100%), 1fr));
67
- font: var(--ks-font-interface-s);
68
- }
69
- .dsa-event-location .l-container--rich-text {
70
- container-type: normal;
71
- }
@@ -1,126 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/draft-07/schema#",
3
- "$id": "http://schema.mydesignsystem.com/event-location.schema.json",
4
- "title": "Event Location",
5
- "type": "object",
6
- "properties": {
7
- "dates": {
8
- "title": "Dates",
9
- "description": "List of dates of the event",
10
- "type": "array",
11
- "items": {
12
- "$schema": "http://json-schema.org/draft-07/schema#",
13
- "$id": "http://schema.mydesignsystem.com/event-appointment.schema.json",
14
- "title": "Event Appointment",
15
- "type": "object",
16
- "properties": {
17
- "date": {
18
- "title": "Date",
19
- "description": "Date of the appointment",
20
- "type": "string",
21
- "format": "date",
22
- "examples": [
23
- "2025-09-18"
24
- ]
25
- },
26
- "time": {
27
- "title": "Time",
28
- "description": "Time of the appointment",
29
- "type": "string",
30
- "examples": [
31
- "09:00 – 17:00"
32
- ]
33
- },
34
- "label": {
35
- "title": "CTA Label",
36
- "description": "Label for the call to action button",
37
- "type": "string",
38
- "examples": [
39
- "Register"
40
- ]
41
- },
42
- "url": {
43
- "title": "URL",
44
- "description": "URL for the call to action button",
45
- "type": "string",
46
- "format": "uri",
47
- "default": "#"
48
- },
49
- "newTab": {
50
- "title": "Open in New Tab",
51
- "description": "Whether the link should open in a new tab",
52
- "type": "boolean",
53
- "default": true
54
- },
55
- "ariaLabel": {
56
- "title": "Aria Label",
57
- "description": "Aria label for the link",
58
- "type": "string",
59
- "default": "Event Appointment"
60
- },
61
- "type": {
62
- "const": "event-appointment"
63
- }
64
- },
65
- "additionalProperties": false
66
- }
67
- },
68
- "locationName": {
69
- "title": "Location Name",
70
- "description": "Name of the event location",
71
- "type": "string",
72
- "examples": [
73
- "Berlin Congress Center"
74
- ]
75
- },
76
- "displayMode": {
77
- "title": "Display Mode",
78
- "description": "Spacious is recommended for 1-2 appointments, Compact for more than 2.",
79
- "type": "string",
80
- "enum": [
81
- "spacious",
82
- "compact"
83
- ],
84
- "default": "spacious"
85
- },
86
- "address": {
87
- "title": "Address",
88
- "description": "Address of the appointment",
89
- "type": "string",
90
- "examples": [
91
- "Berlin Congress Center<br />Alexanderplatz 1<br />10178 Berlin"
92
- ]
93
- },
94
- "links": {
95
- "title": "Links",
96
- "description": "Links related to the event location",
97
- "type": "array",
98
- "items": {
99
- "type": "object",
100
- "properties": {
101
- "url": {
102
- "type": "string",
103
- "format": "uri"
104
- },
105
- "label": {
106
- "type": "string"
107
- },
108
- "newTab": {
109
- "type": "boolean",
110
- "default": true,
111
- "description": "Open link in a new tab"
112
- }
113
- },
114
- "required": [
115
- "url",
116
- "label"
117
- ],
118
- "additionalProperties": false
119
- }
120
- },
121
- "type": {
122
- "const": "event-location"
123
- }
124
- },
125
- "additionalProperties": false
126
- }
@@ -1,61 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/draft-07/schema#",
3
- "$id": "http://schema.mydesignsystem.com/event-location.schema.json",
4
- "title": "Event Location",
5
- "type": "object",
6
- "properties": {
7
- "dates": {
8
- "title": "Dates",
9
- "description": "List of dates of the event",
10
- "type": "array",
11
- "items": {
12
- "$ref": "http://schema.mydesignsystem.com/event-appointment.schema.json"
13
- }
14
- },
15
- "locationName": {
16
- "title": "Location Name",
17
- "description": "Name of the event location",
18
- "type": "string",
19
- "examples": ["Berlin Congress Center"]
20
- },
21
- "displayMode": {
22
- "title": "Display Mode",
23
- "description": "Spacious is recommended for 1-2 appointments, Compact for more than 2.",
24
- "type": "string",
25
- "enum": ["spacious", "compact"],
26
- "default": "spacious"
27
- },
28
- "address": {
29
- "title": "Address",
30
- "description": "Address of the appointment",
31
- "type": "string",
32
- "examples": [
33
- "Berlin Congress Center<br />Alexanderplatz 1<br />10178 Berlin"
34
- ]
35
- },
36
- "links": {
37
- "title": "Links",
38
- "description": "Links related to the event location",
39
- "type": "array",
40
- "items": {
41
- "type": "object",
42
- "properties": {
43
- "url": {
44
- "type": "string",
45
- "format": "uri"
46
- },
47
- "label": {
48
- "type": "string"
49
- },
50
- "newTab": {
51
- "type": "boolean",
52
- "default": true,
53
- "description": "Open link in a new tab"
54
- }
55
- },
56
- "required": ["url", "label"]
57
- }
58
- }
59
- },
60
- "additionalProperties": false
61
- }
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { EventLocationProps } from "../../EventLocationProps-871bc198.js";
3
- declare const EventLocationContextDefault: import("react").ForwardRefExoticComponent<EventLocationProps & import("react").RefAttributes<HTMLDivElement>>;
4
- declare const EventLocationContext: import("react").Context<import("react").ForwardRefExoticComponent<EventLocationProps & import("react").RefAttributes<HTMLDivElement>>>;
5
- declare const EventLocation: import("react").ForwardRefExoticComponent<EventLocationProps & import("react").RefAttributes<HTMLDivElement>>;
6
- export type { EventLocationProps };
7
- export { EventLocationContextDefault, EventLocationContext, EventLocation };
@@ -1,18 +0,0 @@
1
- import "./event-location.css";
2
- import { forwardRef, createElement, createContext, useContext } from 'react';
3
- import { jsx, jsxs } from 'react/jsx-runtime';
4
- import classnames from 'classnames';
5
- import { RichText } from '@kickstartds/base/lib/rich-text';
6
- import { Icon } from '@kickstartds/base/lib/icon';
7
- import { EventAppointment } from '../event-appointment/index.js';
8
- import { Container } from '@kickstartds/core/lib/container';
9
-
10
- const EventLocationContextDefault = forwardRef(({ locationName, address, dates, links, displayMode, ...rest }, ref) => (jsx(Container, { name: "event-location", children: jsxs("div", { className: classnames("dsa-event-location", displayMode === "spacious" && `dsa-event-location--spacious`), ...rest, ref: ref, children: [address && (jsxs("div", { className: "dsa-event-location__info ", children: [jsx(Icon, { className: "dsa-event-location__icon", icon: "map-pin", "aria-hidden": true }), jsxs("div", { className: "dsa-event-location__text", children: [jsx("span", { className: "sr-only", children: "Address:" }), jsxs("address", { className: "dsa-event-location__address", children: [locationName && (jsx("span", { className: "dsa-event-location__name", children: locationName })), address && jsx(RichText, { text: address })] }), links && links.length > 0 && (jsx("div", { className: "dsa-event-location__links", children: links.map((link, index) => (jsx("a", { href: link.url, target: link.newTab ? "_blank" : "_self", className: "dsa-event-location__link", children: link.label }, index))) }))] })] })), dates && dates.length > 0 && (jsxs("div", { className: "dsa-event-location__appointments", children: [jsx("span", { className: "sr-only", children: "Appointments:" }), dates.map((item, index) => (createElement(EventAppointment, { ...item, key: index })))] }))] }) })));
11
- const EventLocationContext = createContext(EventLocationContextDefault);
12
- const EventLocation = forwardRef((props, ref) => {
13
- const Component = useContext(EventLocationContext);
14
- return jsx(Component, { ...props, ref: ref });
15
- });
16
- EventLocation.displayName = "EventLocation";
17
-
18
- export { EventLocation, EventLocationContext, EventLocationContextDefault };
@@ -1,25 +0,0 @@
1
- /// <reference types="react" />
2
- import { HTMLAttributes } from "react";
3
- /* eslint-disable */
4
- /**
5
- * This file was automatically generated by json-schema-to-typescript.
6
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
7
- * and run json-schema-to-typescript to regenerate this file.
8
- */
9
- interface PaginationProps {
10
- pages?: {
11
- /**
12
- * The URL to the page
13
- */
14
- url: string;
15
- /**
16
- * Indicates if the page is currently active
17
- */
18
- active?: boolean;
19
- }[];
20
- }
21
- declare const PaginationContextDefault: import("react").ForwardRefExoticComponent<PaginationProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
22
- declare const PaginationContext: import("react").Context<import("react").ForwardRefExoticComponent<PaginationProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
23
- declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
24
- export type { PaginationProps };
25
- export { PaginationContextDefault, PaginationContext, Pagination };
@@ -1,51 +0,0 @@
1
- import "./pagination.css";
2
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
3
- import classnames from 'classnames';
4
- import { forwardRef, createContext, useContext } from 'react';
5
- import { Icon } from '@kickstartds/base/lib/icon';
6
- import { Link } from '@kickstartds/base/lib/link';
7
-
8
- const PaginationContextDefault = forwardRef(({ pages }, ref) => {
9
- return (jsxs("div", { className: "dsa-pagination", ref: ref, children: [pages.findIndex((page) => page.active) !== 0 && (jsxs(Fragment, { children: [jsx(Link, { className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--skip-back", href: pages[0]?.url, children: jsx(Icon, { icon: "skip-back" }) }), jsx(Link, { className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--prev", href: (() => {
10
- const activeIndex = pages.findIndex((page) => page.active);
11
- // Use the url of the next item after the active one, or "#" if at the end
12
- return pages[activeIndex - 1]?.url || "#";
13
- })(), children: jsx(Icon, { icon: "chevron-left" }) })] })), (() => {
14
- const activeIndex = pages.findIndex((page) => page.active);
15
- let lastRenderedIndex = -1;
16
- const result = [];
17
- pages.forEach((page, index) => {
18
- const isFirst = index === 0;
19
- const isLast = index === pages.length - 1;
20
- const isActive = page.active;
21
- const isBeforeActive = index === activeIndex - 1;
22
- const isAfterActive = index === activeIndex + 1;
23
- const shouldRender = isFirst || isLast || isActive || isBeforeActive || isAfterActive;
24
- if (!shouldRender) {
25
- if (index - lastRenderedIndex > 1 &&
26
- (result.length === 0 ||
27
- result[result.length - 1]?.type !== "div" ||
28
- result[result.length - 1]?.props?.className !==
29
- "dsa-pagination__placeholder")) {
30
- result.push(jsx("div", { className: "dsa-pagination__placeholder", children: jsx("span", { children: "\u2026" }) }, `dsa-pagination__placeholder-${index}`));
31
- }
32
- return;
33
- }
34
- result.push(jsx(Link, { className: classnames("dsa-pagination__link", page.active && "dsa-pagination__link--active"), href: page.url, children: (index + 1).toString() }, index));
35
- lastRenderedIndex = index;
36
- });
37
- return result;
38
- })(), pages.findIndex((page) => page.active) !== pages.length - 1 && (jsxs(Fragment, { children: [jsx(Link, { className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--next", href: (() => {
39
- const activeIndex = pages.findIndex((page) => page.active);
40
- // Use the url of the next item after the active one, or "#" if at the end
41
- return pages[activeIndex + 1]?.url || "#";
42
- })(), children: jsx(Icon, { icon: "chevron-right" }) }), jsx(Link, { className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--skip-forward", href: pages[pages.length - 1]?.url, children: jsx(Icon, { icon: "skip-forward" }) })] }))] }));
43
- });
44
- const PaginationContext = createContext(PaginationContextDefault);
45
- const Pagination = forwardRef((props, ref) => {
46
- const Component = useContext(PaginationContext);
47
- return jsx(Component, { ...props, ref: ref });
48
- });
49
- Pagination.displayName = "Pagination";
50
-
51
- export { Pagination, PaginationContext, PaginationContextDefault };
@@ -1,36 +0,0 @@
1
- .dsa-pagination {
2
- display: flex;
3
- gap: var(--dsa-pagination--gap, var(--ks-spacing-stack-xs));
4
- }
5
- .dsa-pagination__link, .dsa-pagination__placeholder {
6
- --g-link--background: transparent;
7
- --g-link--background-hover: var(--ks-color-fg-alpha-8);
8
- --g-link--color: var(--ks-text-color-interface-interactive);
9
- --g-link--color-hover: var(--ks-text-color-interface-interactive);
10
- --g-link--border-radius: var(--ks-border-radius-control);
11
- font: var(--ks-font-interface-s);
12
- line-height: 1;
13
- display: flex;
14
- align-items: center;
15
- justify-content: center;
16
- width: 3em;
17
- padding: 0.5em;
18
- aspect-ratio: 1;
19
- }
20
- .dsa-pagination__link--icon .icon, .dsa-pagination__placeholder--icon .icon {
21
- width: 1.25em;
22
- height: 1.25em;
23
- fill: var(--g-link--color);
24
- }
25
- .dsa-pagination__link--active, .dsa-pagination__placeholder--active {
26
- --g-link--background: var(--ks-background-color-primary-interactive);
27
- --g-link--background-hover: var(--ks-background-color-primary-interactive-hover);
28
- --g-link--color: var(--dsa-text-color-on-primary);
29
- --g-link--color-hover: var(--dsa-text-color-on-primary);
30
- }
31
- .dsa-pagination__placeholder {
32
- line-height: 0.25;
33
- }
34
- .dsa-pagination__placeholder span {
35
- transform: translateY(-0.15em);
36
- }
@@ -1,33 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/draft-07/schema#",
3
- "$id": "http://schema.mydesignsystem.com/pagination.schema.json",
4
- "title": "Pagination",
5
- "type": "object",
6
- "properties": {
7
- "pages": {
8
- "type": "array",
9
- "items": {
10
- "type": "object",
11
- "properties": {
12
- "url": {
13
- "type": "string",
14
- "description": "The URL to the page"
15
- },
16
- "active": {
17
- "type": "boolean",
18
- "description": "Indicates if the page is currently active",
19
- "default": false
20
- }
21
- },
22
- "required": [
23
- "url"
24
- ],
25
- "additionalProperties": false
26
- }
27
- },
28
- "type": {
29
- "const": "pagination"
30
- }
31
- },
32
- "additionalProperties": false
33
- }
@@ -1,27 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/draft-07/schema#",
3
- "$id": "http://schema.mydesignsystem.com/pagination.schema.json",
4
- "title": "Pagination",
5
- "type": "object",
6
- "properties": {
7
- "pages": {
8
- "type": "array",
9
- "items": {
10
- "type": "object",
11
- "properties": {
12
- "url": {
13
- "type": "string",
14
- "description": "The URL to the page"
15
- },
16
- "active": {
17
- "type": "boolean",
18
- "description": "Indicates if the page is currently active",
19
- "default": false
20
- }
21
- },
22
- "required": ["url"]
23
- }
24
- }
25
- },
26
- "additionalProperties": false
27
- }