@kickstartds/ds-agency-premium 1.6.71--canary.55.2416.0 → 1.6.72--canary.43.2474.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 (295) hide show
  1. package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
  2. package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts} +1 -1
  3. package/dist/ContactProps-7cac90e5.d.ts +70 -0
  4. package/dist/{FaqProps-ad618cd5.d.ts → FaqProps-78384db5.d.ts} +7 -12
  5. package/dist/HeadlineProps-e1305784.d.ts +53 -0
  6. package/dist/{LogosProps-f9474fe2.d.ts → LogosProps-d4677d2c.d.ts} +1 -23
  7. package/dist/PageProps-aa29c554.d.ts +1 -1
  8. package/dist/SearchBarProps-26263244.d.ts +29 -0
  9. package/dist/SearchFormProps-3d2c3462.d.ts +30 -0
  10. package/dist/SearchResultMatchProps-777cd47c.d.ts +23 -0
  11. package/dist/SearchResultProps-f6f07017.d.ts +44 -0
  12. package/dist/{SectionProps-d60aba86.d.ts → SectionProps-6a826e52.d.ts} +8 -4
  13. package/dist/SliderProps-789f8508.d.ts +2 -2
  14. package/dist/SplitEvenProps-789f8508.d.ts +12 -5
  15. package/dist/SplitWeightedProps-789f8508.d.ts +12 -5
  16. package/dist/{TeaserCardProps-994cb119.d.ts → TeaserCardProps-d069476f.d.ts} +6 -1
  17. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +5254 -1550
  18. package/dist/components/blog-post/blog-post.schema.dereffed.json +5254 -1550
  19. package/dist/components/blog-post/index.d.ts +1 -1
  20. package/dist/components/business-card/business-card.css +7 -5
  21. package/dist/components/business-card/index.js +1 -1
  22. package/dist/components/button/button.css +6 -1
  23. package/dist/components/contact/index.d.ts +1 -70
  24. package/dist/components/content-nav/content-nav.css +2 -0
  25. package/dist/components/cookie-consent/C15t.client.js +57 -1
  26. package/dist/components/cookie-consent/CookieConsent.client.d.ts +5 -1
  27. package/dist/components/cookie-consent/CookieConsent.client.js +13 -13
  28. package/dist/components/cookie-consent/cookie-consent.css +17 -25
  29. package/dist/components/cookie-consent/index.js +1 -1
  30. package/dist/components/downloads/downloads.css +13 -8
  31. package/dist/components/event-latest-teaser/event-latest-teaser.css +2 -2
  32. package/dist/components/event-list-teaser/event-list-teaser.css +1 -1
  33. package/dist/components/event-location/event-location.css +3 -3
  34. package/dist/components/faq/faq.css +1 -1
  35. package/dist/components/faq/faq.schema.dereffed.json +2 -2
  36. package/dist/components/faq/faq.schema.json +2 -1
  37. package/dist/components/faq/index.d.ts +24 -7
  38. package/dist/components/faq/index.js +1 -1
  39. package/dist/components/feature/index.js +2 -2
  40. package/dist/components/features/index.js +1 -1
  41. package/dist/components/headline/headline.css +5 -9
  42. package/dist/components/headline/index.d.ts +1 -53
  43. package/dist/components/hero/hero.css +53 -32
  44. package/dist/components/image-story/image-story.css +4 -0
  45. package/dist/components/index/index.d.ts +1 -1
  46. package/dist/components/logos/index.d.ts +1 -1
  47. package/dist/components/logos/logos.css +8 -6
  48. package/dist/components/logos/logos.schema.dereffed.json +1 -2
  49. package/dist/components/logos/logos.schema.json +1 -2
  50. package/dist/components/nav-dropdown/nav-dropdown.css +5 -3
  51. package/dist/components/page/page.schema.dereffed.json +5254 -1550
  52. package/dist/components/page-wrapper/index.js +0 -1
  53. package/dist/components/pagination/index.d.ts +10 -2
  54. package/dist/components/pagination/index.js +32 -38
  55. package/dist/components/pagination/pagination.css +34 -10
  56. package/dist/components/pagination/pagination.schema.dereffed.json +3 -0
  57. package/dist/components/pagination/pagination.schema.json +3 -0
  58. package/dist/components/presets.json +156 -70
  59. package/dist/components/search/index.d.ts +11 -1
  60. package/dist/components/search/index.js +33 -20
  61. package/dist/components/search/search.schema.dereffed.json +189 -13
  62. package/dist/components/search/search.schema.json +6 -0
  63. package/dist/components/search-bar/index.d.ts +1 -29
  64. package/dist/components/search-bar/index.js +1 -1
  65. package/dist/components/search-form/SearchForm.client.d.ts +25 -0
  66. package/dist/components/search-form/SearchForm.client.js +228 -0
  67. package/dist/components/search-form/SearchFormPagefind.client.d.ts +5 -0
  68. package/dist/components/search-form/SearchFormPagefind.client.js +40 -0
  69. package/dist/components/search-form/index.d.ts +4 -0
  70. package/dist/components/search-form/index.js +25 -0
  71. package/dist/components/search-form/search-form.css +10 -0
  72. package/dist/components/search-form/search-form.schema.dereffed.json +49 -0
  73. package/dist/components/search-form/search-form.schema.json +38 -0
  74. package/dist/components/search-modal/RadioEmit.client.d.ts +5 -0
  75. package/dist/components/search-modal/RadioEmit.client.js +17 -0
  76. package/dist/components/search-modal/SearchModal.client.d.ts +5 -0
  77. package/dist/components/search-modal/SearchModal.client.js +31 -0
  78. package/dist/components/search-modal/index.d.ts +18 -0
  79. package/dist/components/search-modal/index.js +39 -0
  80. package/dist/components/search-modal/search-modal.css +27 -0
  81. package/dist/components/search-modal/search-modal.schema.dereffed.json +70 -0
  82. package/dist/components/search-modal/search-modal.schema.json +24 -0
  83. package/dist/components/search-result/index.d.ts +4 -4
  84. package/dist/components/search-result/index.js +11 -2
  85. package/dist/components/search-result/search-result.css +61 -13
  86. package/dist/components/search-result/search-result.schema.dereffed.json +56 -13
  87. package/dist/components/search-result/search-result.schema.json +23 -12
  88. package/dist/components/search-result-match/index.d.ts +7 -0
  89. package/dist/components/search-result-match/index.js +18 -0
  90. package/dist/components/search-result-match/search-result-match.css +18 -0
  91. package/dist/components/search-result-match/search-result-match.schema.dereffed.json +33 -0
  92. package/dist/components/search-result-match/search-result-match.schema.json +31 -0
  93. package/dist/components/section/index.d.ts +1 -1
  94. package/dist/components/section/section.css +12 -7
  95. package/dist/components/section/section.schema.dereffed.json +5254 -1550
  96. package/dist/components/section/section.schema.json +12 -0
  97. package/dist/components/slider/slider.schema.dereffed.json +7 -2
  98. package/dist/components/split-even/index.d.ts +6 -6
  99. package/dist/components/split-even/split-even.schema.dereffed.json +2406 -824
  100. package/dist/components/split-even/split-even.schema.json +42 -0
  101. package/dist/components/split-weighted/index.d.ts +6 -6
  102. package/dist/components/split-weighted/split-weighted.schema.dereffed.json +2406 -824
  103. package/dist/components/split-weighted/split-weighted.schema.json +42 -0
  104. package/dist/components/stats/stats.css +2 -0
  105. package/dist/components/teaser-card/index.d.ts +1 -1
  106. package/dist/components/teaser-card/index.js +2 -1
  107. package/dist/components/teaser-card/teaser-card.css +10 -6
  108. package/dist/components/teaser-card/teaser-card.schema.dereffed.json +6 -0
  109. package/dist/components/teaser-card/teaser-card.schema.json +6 -0
  110. package/dist/components/testimonials/testimonials.css +3 -1
  111. package/dist/global.css +3888 -177
  112. package/dist/static/fonts/dsa/Fredoka-Bold.woff +0 -0
  113. package/dist/static/fonts/dsa/Fredoka-Bold.woff2 +0 -0
  114. package/dist/static/fonts/dsa/Fredoka-Light.woff +0 -0
  115. package/dist/static/fonts/dsa/Fredoka-Light.woff2 +0 -0
  116. package/dist/static/fonts/dsa/Fredoka-Medium.woff +0 -0
  117. package/dist/static/fonts/dsa/Fredoka-Medium.woff2 +0 -0
  118. package/dist/static/fonts/dsa/Fredoka-Regular.woff +0 -0
  119. package/dist/static/fonts/dsa/Fredoka-Regular.woff2 +0 -0
  120. package/dist/static/fonts/dsa/Fredoka-SemiBold.woff +0 -0
  121. package/dist/static/fonts/dsa/Fredoka-SemiBold.woff2 +0 -0
  122. package/dist/static/fonts/dsa/Mulish-300.woff +0 -0
  123. package/dist/static/fonts/dsa/Mulish-300.woff2 +0 -0
  124. package/dist/static/fonts/dsa/Mulish-600.woff +0 -0
  125. package/dist/static/fonts/dsa/Mulish-600.woff2 +0 -0
  126. package/dist/static/fonts/dsa/Mulish-800.woff +0 -0
  127. package/dist/static/fonts/dsa/Mulish-800.woff2 +0 -0
  128. package/dist/static/fonts/dsa/Mulish-Regular.woff +0 -0
  129. package/dist/static/fonts/dsa/Mulish-Regular.woff2 +0 -0
  130. package/dist/static/img/bg-color-swatch.png +0 -0
  131. package/dist/static/img/screenshots/blog-blog-aside--default.png +0 -0
  132. package/dist/static/img/screenshots/blog-blog-author--default.png +0 -0
  133. package/dist/static/img/screenshots/blog-blog-head--default.png +0 -0
  134. package/dist/static/img/screenshots/blog-blog-teaser--default.png +0 -0
  135. package/dist/static/img/screenshots/components-button--primary-button.png +0 -0
  136. package/dist/static/img/screenshots/components-button--primary-disabled-button.png +0 -0
  137. package/dist/static/img/screenshots/components-button--secondary-button.png +0 -0
  138. package/dist/static/img/screenshots/components-button--tertiary-button.png +0 -0
  139. package/dist/static/img/screenshots/components-contact--circular-avatar.png +0 -0
  140. package/dist/static/img/screenshots/components-contact--full-image-width.png +0 -0
  141. package/dist/static/img/screenshots/components-contact--vertical-image-with-paragraph.png +0 -0
  142. package/dist/static/img/screenshots/components-contact--wide-image.png +0 -0
  143. package/dist/static/img/screenshots/components-cta--align-bottom.png +0 -0
  144. package/dist/static/img/screenshots/components-cta--angled-image.png +0 -0
  145. package/dist/static/img/screenshots/components-cta--banner.png +0 -0
  146. package/dist/static/img/screenshots/components-cta--colored-banner.png +0 -0
  147. package/dist/static/img/screenshots/components-cta--contact-banner.png +0 -0
  148. package/dist/static/img/screenshots/components-cta--highlighted.png +0 -0
  149. package/dist/static/img/screenshots/components-cta--left-aligned.png +0 -0
  150. package/dist/static/img/screenshots/components-cta--product-advertisement.png +0 -0
  151. package/dist/static/img/screenshots/components-cta--split-banner.png +0 -0
  152. package/dist/static/img/screenshots/components-faq--dropdown-list.png +0 -0
  153. package/dist/static/img/screenshots/components-faq--single-dropdown.png +0 -0
  154. package/dist/static/img/screenshots/components-features--icon-beside-with-link-in-text.png +0 -0
  155. package/dist/static/img/screenshots/components-features--icon-centered.png +0 -0
  156. package/dist/static/img/screenshots/components-features--icon-intext-with-link.png +0 -0
  157. package/dist/static/img/screenshots/components-features--list-view.png +0 -0
  158. package/dist/static/img/screenshots/components-features--stack-with-button.png +0 -0
  159. package/dist/static/img/screenshots/components-gallery--free-aspect-ratio.png +0 -0
  160. package/dist/static/img/screenshots/components-gallery--large-landscape-tiles.png +0 -0
  161. package/dist/static/img/screenshots/components-gallery--small-squares-with-lightbox.png +0 -0
  162. package/dist/static/img/screenshots/components-gallery--stack-landscape.png +0 -0
  163. package/dist/static/img/screenshots/components-headline--h-1.png +0 -0
  164. package/dist/static/img/screenshots/components-headline--h-2.png +0 -0
  165. package/dist/static/img/screenshots/components-headline--h-3.png +0 -0
  166. package/dist/static/img/screenshots/components-headline--h-4.png +0 -0
  167. package/dist/static/img/screenshots/components-headline--order-swapped.png +0 -0
  168. package/dist/static/img/screenshots/components-headline--with-markdown.png +0 -0
  169. package/dist/static/img/screenshots/components-headline--with-subheadline.png +0 -0
  170. package/dist/static/img/screenshots/components-hero--text-below-image.png +0 -0
  171. package/dist/static/img/screenshots/components-hero--text-box-on-full-screen.png +0 -0
  172. package/dist/static/img/screenshots/components-hero--text-on-image-with-overlay.png +0 -0
  173. package/dist/static/img/screenshots/components-html--html.png +0 -0
  174. package/dist/static/img/screenshots/components-html--with-consent.png +0 -0
  175. package/dist/static/img/screenshots/components-html--with-script.png +0 -0
  176. package/dist/static/img/screenshots/components-image-story--sticky-image-next-to-scrolling-text.png +0 -0
  177. package/dist/static/img/screenshots/components-image-text--above-layout.png +0 -0
  178. package/dist/static/img/screenshots/components-image-text--beside-right-layout.png +0 -0
  179. package/dist/static/img/screenshots/components-logos--centered-with-button.png +0 -0
  180. package/dist/static/img/screenshots/components-logos--left-aligned-with-text-link.png +0 -0
  181. package/dist/static/img/screenshots/components-logos--logo-row.png +0 -0
  182. package/dist/static/img/screenshots/components-logos--logo-wall.png +0 -0
  183. package/dist/static/img/screenshots/components-mosaic--colorful-text-with-illustrations.png +0 -0
  184. package/dist/static/img/screenshots/components-mosaic--colorful-tiles.png +0 -0
  185. package/dist/static/img/screenshots/components-stats--count-up-with-description.png +0 -0
  186. package/dist/static/img/screenshots/components-stats--count-up-with-icons.png +0 -0
  187. package/dist/static/img/screenshots/components-teaser-card--page-navigation.png +0 -0
  188. package/dist/static/img/screenshots/components-teaser-card--product-tiles.png +0 -0
  189. package/dist/static/img/screenshots/components-teaser-card--showcase-preview.png +0 -0
  190. package/dist/static/img/screenshots/components-testimonials--alternating-layout.png +0 -0
  191. package/dist/static/img/screenshots/components-testimonials--list-layout.png +0 -0
  192. package/dist/static/img/screenshots/components-testimonials--simple.png +0 -0
  193. package/dist/static/img/screenshots/components-testimonials--slider-layout.png +0 -0
  194. package/dist/static/img/screenshots/components-testimonials--with-rating.png +0 -0
  195. package/dist/static/img/screenshots/components-testimonials--with-title.png +0 -0
  196. package/dist/static/img/screenshots/components-text--centered.png +0 -0
  197. package/dist/static/img/screenshots/components-text--highlight.png +0 -0
  198. package/dist/static/img/screenshots/components-text--multi-column.png +0 -0
  199. package/dist/static/img/screenshots/components-text--single-column.png +0 -0
  200. package/dist/static/img/screenshots/components-video-curtain--atmospheric-video-with-overlay.png +0 -0
  201. package/dist/static/img/screenshots/components-video-curtain--color-neutral-text.png +0 -0
  202. package/dist/static/img/screenshots/components-video-curtain--color-neutral-video.png +0 -0
  203. package/dist/static/img/screenshots/corporate-breadcrumb--default.png +0 -0
  204. package/dist/static/img/screenshots/corporate-business-card--centered.png +0 -0
  205. package/dist/static/img/screenshots/corporate-business-card--default.png +0 -0
  206. package/dist/static/img/screenshots/corporate-business-card--without-image.png +0 -0
  207. package/dist/static/img/screenshots/corporate-content-nav--default.png +0 -0
  208. package/dist/static/img/screenshots/corporate-cookie-consent--banner.png +0 -0
  209. package/dist/static/img/screenshots/corporate-cookie-consent--c-15-t.png +0 -0
  210. package/dist/static/img/screenshots/corporate-cookie-consent--card.png +0 -0
  211. package/dist/static/img/screenshots/corporate-downloads--complete.png +0 -0
  212. package/dist/static/img/screenshots/corporate-downloads--description-only.png +0 -0
  213. package/dist/static/img/screenshots/corporate-downloads--mixed.png +0 -0
  214. package/dist/static/img/screenshots/corporate-downloads--technical-details-only.png +0 -0
  215. package/dist/static/img/screenshots/corporate-pagination--default.png +0 -0
  216. package/dist/static/img/screenshots/corporate-search-bar--default.png +0 -0
  217. package/dist/static/img/screenshots/corporate-search-filter--default.png +0 -0
  218. package/dist/static/img/screenshots/corporate-search-form--pagefind.png +0 -0
  219. package/dist/static/img/screenshots/corporate-search-modal--pagefind.png +0 -0
  220. package/dist/static/img/screenshots/corporate-search-result--default.png +0 -0
  221. package/dist/static/img/screenshots/event-event-filter--default.png +0 -0
  222. package/dist/static/img/screenshots/event-event-header--default.png +0 -0
  223. package/dist/static/img/screenshots/event-event-latest--default.png +0 -0
  224. package/dist/static/img/screenshots/event-event-latest-teaser--default.png +0 -0
  225. package/dist/static/img/screenshots/event-event-list-teaser--default.png +0 -0
  226. package/dist/static/img/screenshots/event-event-location--default.png +0 -0
  227. package/dist/static/img/screenshots/event-event-login--default.png +0 -0
  228. package/dist/static/img/screenshots/event-event-registration--default.png +0 -0
  229. package/dist/static/img/screenshots/form-checkbox--default.png +0 -0
  230. package/dist/static/img/screenshots/form-radio--default.png +0 -0
  231. package/dist/static/img/screenshots/form-select-field--default.png +0 -0
  232. package/dist/static/img/screenshots/form-text-area--default.png +0 -0
  233. package/dist/static/img/screenshots/form-text-field--default.png +0 -0
  234. package/dist/static/img/screenshots/layout-divider--accent.png +0 -0
  235. package/dist/static/img/screenshots/layout-divider--default.png +0 -0
  236. package/dist/static/img/screenshots/layout-footer--footer.png +0 -0
  237. package/dist/static/img/screenshots/layout-header--header.png +0 -0
  238. package/dist/static/img/screenshots/layout-section--accent-background.png +0 -0
  239. package/dist/static/img/screenshots/layout-section--background-image.png +0 -0
  240. package/dist/static/img/screenshots/layout-section--bold-background.png +0 -0
  241. package/dist/static/img/screenshots/layout-section--dynamic-layout.png +0 -0
  242. package/dist/static/img/screenshots/layout-section--framed.png +0 -0
  243. package/dist/static/img/screenshots/layout-section--inverted.png +0 -0
  244. package/dist/static/img/screenshots/layout-section--list-layout.png +0 -0
  245. package/dist/static/img/screenshots/layout-section--slider.png +0 -0
  246. package/dist/static/img/screenshots/layout-section--tile-layout.png +0 -0
  247. package/dist/static/img/screenshots/layout-section--with-buttons.png +0 -0
  248. package/dist/static/img/screenshots/layout-slider--with-arrows.png +0 -0
  249. package/dist/static/img/screenshots/layout-slider--with-autoplay.png +0 -0
  250. package/dist/static/img/screenshots/layout-slider--with-nav.png +0 -0
  251. package/dist/static/img/screenshots/layout-slider--with-teased-neighbours.png +0 -0
  252. package/dist/static/img/screenshots/layout-split-even--faq-with-form.png +0 -0
  253. package/dist/static/img/screenshots/layout-split-even--text-with-logos.png +0 -0
  254. package/dist/static/img/screenshots/layout-split-weighted--text-with-contact.png +0 -0
  255. package/dist/static/img/screenshots/layout-split-weighted--text-with-teaser.png +0 -0
  256. package/dist/static/img/screenshots/page-archetypes-about--about.png +0 -0
  257. package/dist/static/img/screenshots/page-archetypes-blog-overview--blog-overview.png +0 -0
  258. package/dist/static/img/screenshots/page-archetypes-blog-post--blog-post.png +0 -0
  259. package/dist/static/img/screenshots/page-archetypes-event-detail--event-detail.png +0 -0
  260. package/dist/static/img/screenshots/page-archetypes-event-list--event-list.png +0 -0
  261. package/dist/static/img/screenshots/page-archetypes-job-detail--job-detail.png +0 -0
  262. package/dist/static/img/screenshots/page-archetypes-jobs--jobs.png +0 -0
  263. package/dist/static/img/screenshots/page-archetypes-landingpage--landingpage.png +0 -0
  264. package/dist/static/img/screenshots/page-archetypes-overview--overview.png +0 -0
  265. package/dist/static/img/screenshots/page-archetypes-search--search.png +0 -0
  266. package/dist/static/img/screenshots/page-archetypes-showcase--showcase.png +0 -0
  267. package/dist/static/logo.svg +13 -57
  268. package/dist/tokens/themes.css +20 -20
  269. package/dist/tokens/tokens.css +359 -360
  270. package/dist/tokens/tokens.js +540 -541
  271. package/package.json +7 -4
  272. package/dist/SearchResultProps-224c2338.d.ts +0 -33
  273. package/dist/components/page-wrapper/tokens.css +0 -2480
  274. package/dist/static/fonts/dsa/permanent-marker-regular.woff2 +0 -0
  275. package/dist/static/fonts/dsa/wix-madefor-display-600.woff2 +0 -0
  276. package/dist/static/fonts/dsa/wix-madefor-display-700.woff2 +0 -0
  277. package/dist/static/fonts/dsa/wix-madefor-display-regular.woff2 +0 -0
  278. package/dist/static/fonts/dsa/wix-madefor-text-500.woff2 +0 -0
  279. package/dist/static/fonts/dsa/wix-madefor-text-600.woff2 +0 -0
  280. package/dist/static/fonts/dsa/wix-madefor-text-700.woff2 +0 -0
  281. package/dist/static/fonts/dsa/wix-madefor-text-regular.woff2 +0 -0
  282. package/dist/static/img/screenshots/components-image--custom-aspect-ratio.png +0 -0
  283. package/dist/static/img/screenshots/components-image--preset-size.png +0 -0
  284. package/dist/static/img/screenshots/components-image--responsive-image.png +0 -0
  285. package/dist/static/img/screenshots/layout-section--cards.png +0 -0
  286. package/dist/static/img/screenshots/layout-section--colorful-gradient.png +0 -0
  287. package/dist/static/img/screenshots/layout-section--flex-layout.png +0 -0
  288. package/dist/static/img/screenshots/layout-section--spotlight.png +0 -0
  289. package/dist/static/img/screenshots/layout-section--stagelights.png +0 -0
  290. package/dist/static/img/screenshots/pages-archetypes--blog-overview.png +0 -0
  291. package/dist/static/img/screenshots/pages-archetypes--blog-post.png +0 -0
  292. package/dist/static/img/screenshots/pages-archetypes--content.png +0 -0
  293. package/dist/static/img/screenshots/pages-archetypes--overview.png +0 -0
  294. package/dist/static/img/screenshots/pages-archetypes--start.png +0 -0
  295. package/dist/static/taktsoft-energy/preview.gif +0 -0
@@ -137,481 +137,518 @@
137
137
  "anyOf": [
138
138
  {
139
139
  "$schema": "http://json-schema.org/draft-07/schema#",
140
- "$id": "http://schema.mydesignsystem.com/cta.schema.json",
141
- "title": "Cta",
140
+ "$id": "http://schema.mydesignsystem.com/blog-teaser.schema.json",
141
+ "title": "Blog Teaser",
142
+ "description": "Display a blog teaser with date, tags, headline, teaser text and author",
142
143
  "type": "object",
143
144
  "properties": {
145
+ "date": {
146
+ "title": "Date",
147
+ "description": "The date of the blog post",
148
+ "type": "string",
149
+ "format": "date",
150
+ "examples": [
151
+ "12/30/2022"
152
+ ]
153
+ },
154
+ "tags": {
155
+ "type": "array",
156
+ "title": "Tags",
157
+ "description": "The tags for the blog post",
158
+ "items": {
159
+ "$schema": "http://json-schema.org/draft-07/schema#",
160
+ "$id": "http://schema.mydesignsystem.com/blog-tag.schema.json",
161
+ "title": "Blog Tag",
162
+ "description": "Tag given to a blog post",
163
+ "type": "object",
164
+ "properties": {
165
+ "entry": {
166
+ "title": "Entry",
167
+ "description": "Name of the tag entry",
168
+ "type": "string"
169
+ }
170
+ },
171
+ "additionalProperties": false,
172
+ "required": [
173
+ "entry"
174
+ ]
175
+ }
176
+ },
144
177
  "headline": {
145
- "title": "Component Headline",
146
- "description": "Headline for the Component element",
178
+ "title": "Headline",
179
+ "description": "The headline of the blog post",
147
180
  "type": "string",
148
181
  "format": "markdown",
149
182
  "examples": [
150
- "Headline"
183
+ "This is a blog post headline"
151
184
  ]
152
185
  },
153
- "sub": {
154
- "title": "Component Subheadline",
155
- "description": "Subheadline below the component headline",
186
+ "teaserText": {
187
+ "title": "Teaser Text",
188
+ "description": "The teaser text of the blog post",
156
189
  "type": "string",
157
190
  "format": "markdown",
158
191
  "examples": [
159
- "Subheadline"
192
+ "This is a teaser text for the blog post"
160
193
  ]
161
194
  },
162
- "text": {
163
- "title": "Component Text",
164
- "description": "Info text for the component element",
195
+ "image": {
196
+ "title": "Image",
197
+ "description": "The preview image for the blog post",
165
198
  "type": "string",
166
- "format": "markdown"
167
- },
168
- "highlightText": {
169
- "type": "boolean",
170
- "title": "Highlight Text",
171
- "description": "Visually highlight the text",
172
- "default": false
199
+ "format": "image",
200
+ "examples": [
201
+ "img/close-up-young-business-team-working.png"
202
+ ]
173
203
  },
174
- "colorNeutral": {
175
- "title": "Color Neutral",
176
- "description": "Make the text and buttons color neutral",
177
- "default": false,
178
- "type": "boolean"
204
+ "alt": {
205
+ "title": "Alt",
206
+ "description": "The alt text for the preview image",
207
+ "type": "string",
208
+ "examples": [
209
+ "Image of a business team working"
210
+ ]
179
211
  },
180
- "buttons": {
181
- "type": "array",
182
- "items": {
183
- "title": "Button",
184
- "type": "object",
185
- "properties": {
186
- "label": {
187
- "type": "string",
188
- "title": "Label",
189
- "description": "Text content to display inside the button",
190
- "examples": [
191
- "Book a meeting"
192
- ]
193
- },
194
- "icon": {
195
- "type": "string",
196
- "format": "icon",
197
- "title": "Icon",
198
- "description": "Choose an icon"
199
- },
200
- "url": {
201
- "type": "string",
202
- "title": "URL",
203
- "description": "The URL to link to when the button is clicked",
204
- "format": "uri"
205
- }
212
+ "link": {
213
+ "type": "object",
214
+ "title": "Link",
215
+ "description": "URL and label for the blog post linked",
216
+ "properties": {
217
+ "url": {
218
+ "title": "URL",
219
+ "description": "The blog entry URL to link",
220
+ "type": "string",
221
+ "format": "uri",
222
+ "examples": [
223
+ "https://example.com"
224
+ ]
206
225
  },
207
- "additionalProperties": false
208
- }
226
+ "text": {
227
+ "title": "Text",
228
+ "description": "The text for the link",
229
+ "type": "string",
230
+ "default": "Read article",
231
+ "examples": [
232
+ "Read article"
233
+ ]
234
+ }
235
+ },
236
+ "additionalProperties": false,
237
+ "required": [
238
+ "url"
239
+ ]
209
240
  },
210
- "backgroundColor": {
211
- "title": "Background color",
212
- "description": "Background color for the whole element",
241
+ "readingTime": {
242
+ "title": "Reading Time",
243
+ "description": "Time to read for the blog post",
213
244
  "type": "string",
214
- "format": "color"
245
+ "examples": [
246
+ "5 min read"
247
+ ]
215
248
  },
216
- "backgroundImage": {
217
- "title": "Background image",
218
- "description": "Background image for the whole element",
219
- "type": "string",
220
- "format": "image"
249
+ "author": {
250
+ "type": "object",
251
+ "title": "Author",
252
+ "description": "The author of the blog post",
253
+ "properties": {
254
+ "name": {
255
+ "title": "Name",
256
+ "description": "The name of the author",
257
+ "type": "string",
258
+ "examples": [
259
+ "John Doe"
260
+ ]
261
+ },
262
+ "title": {
263
+ "title": "Title",
264
+ "description": "The title of the author",
265
+ "type": "string",
266
+ "examples": [
267
+ "CEO"
268
+ ]
269
+ },
270
+ "image": {
271
+ "title": "Image",
272
+ "description": "The image URL of the author",
273
+ "type": "string",
274
+ "format": "image",
275
+ "examples": [
276
+ "img/people/author-emily.png"
277
+ ]
278
+ }
279
+ },
280
+ "additionalProperties": false,
281
+ "required": [
282
+ "name"
283
+ ]
284
+ },
285
+ "className": {
286
+ "type": "string"
287
+ }
288
+ },
289
+ "additionalProperties": false,
290
+ "required": [
291
+ "headline",
292
+ "teaserText"
293
+ ]
294
+ },
295
+ {
296
+ "$schema": "http://json-schema.org/draft-07/schema#",
297
+ "$id": "http://schema.mydesignsystem.com/business-card.schema.json",
298
+ "title": "Business Card",
299
+ "type": "object",
300
+ "properties": {
301
+ "centered": {
302
+ "type": "boolean",
303
+ "title": "Centered",
304
+ "description": "Whether the business card content is centered.",
305
+ "default": false
221
306
  },
222
307
  "image": {
223
- "title": "Image",
224
- "description": "Image displayed alongside the text content",
225
308
  "type": "object",
309
+ "title": "Background Image",
310
+ "description": "A background or feature image displayed on the business card.",
226
311
  "properties": {
227
312
  "src": {
228
- "title": "Image source",
229
- "description": "Image source to use",
230
313
  "type": "string",
231
- "format": "image"
232
- },
233
- "padding": {
234
- "title": "Padding",
235
- "description": "Toggle padding of the image",
236
- "type": "boolean",
237
- "default": true
314
+ "format": "uri",
315
+ "description": "URL of the background image shown on the business card."
238
316
  },
239
317
  "alt": {
240
- "title": "Alt text",
241
- "description": "Image description",
242
- "type": "string"
243
- },
244
- "align": {
245
- "title": "Vertical alignment of the image",
246
- "description": "Select a vertical alignment for the image",
247
318
  "type": "string",
248
- "enum": [
249
- "center",
250
- "top",
251
- "bottom"
252
- ],
253
- "default": "center"
319
+ "description": "Alternative text describing the background image."
254
320
  }
255
321
  },
322
+ "required": [
323
+ "src"
324
+ ],
256
325
  "additionalProperties": false
257
326
  },
258
- "order": {
259
- "title": "Order",
260
- "description": "Choose what comes first on mobile and desktop: image or text",
327
+ "logo": {
261
328
  "type": "object",
329
+ "title": "Company Logo",
330
+ "description": "The logo of the company or organization displayed on the business card.",
262
331
  "properties": {
263
- "mobileImageLast": {
264
- "title": "Mobile image after text",
265
- "description": "Switch to displaying the image after the text on mobile",
266
- "type": "boolean",
267
- "default": false
332
+ "src": {
333
+ "type": "string",
334
+ "format": "uri",
335
+ "description": "URL of the company or organization logo."
268
336
  },
269
- "desktopImageLast": {
270
- "title": "Desktop image after text",
271
- "description": "Switch to displaying the image after the text on desktop",
272
- "type": "boolean",
273
- "default": true
337
+ "alt": {
338
+ "type": "string",
339
+ "description": "Alternative text describing the logo."
340
+ },
341
+ "url": {
342
+ "type": "string",
343
+ "format": "uri",
344
+ "description": "URL to the company's website or landing page."
274
345
  }
275
346
  },
347
+ "required": [
348
+ "src"
349
+ ],
276
350
  "additionalProperties": false
277
351
  },
278
- "textAlign": {
279
- "title": "Text Alignment",
280
- "description": "Choose the alginment of the text",
281
- "enum": [
282
- "left",
283
- "center"
284
- ],
352
+ "topic": {
285
353
  "type": "string",
286
- "default": "left"
354
+ "title": "Topic",
355
+ "description": "A headline or main topic for the business card, such as a job title or department."
287
356
  },
288
- "align": {
289
- "title": "Vertical alignment of the content",
290
- "description": "Select a vertical alignment for the content",
357
+ "address": {
291
358
  "type": "string",
292
- "enum": [
293
- "center",
294
- "top",
295
- "bottom"
359
+ "title": "Address",
360
+ "description": "The physical or mailing address displayed on the business card."
361
+ },
362
+ "avatar": {
363
+ "type": "object",
364
+ "title": "Avatar",
365
+ "description": "A profile image or avatar representing the person on the business card.",
366
+ "properties": {
367
+ "src": {
368
+ "type": "string",
369
+ "format": "uri",
370
+ "description": "URL of the person's avatar or profile image."
371
+ },
372
+ "alt": {
373
+ "type": "string",
374
+ "description": "Alternative text describing the avatar."
375
+ }
376
+ },
377
+ "required": [
378
+ "src"
296
379
  ],
297
- "default": "center"
380
+ "additionalProperties": false
298
381
  },
299
- "padding": {
300
- "title": "Padding",
301
- "description": "Toggle padding of the content",
302
- "type": "boolean",
303
- "default": false
382
+ "contact": {
383
+ "type": "array",
384
+ "title": "Contact Information",
385
+ "description": "A list of contact methods for the person or business (e.g., email, phone, website).",
386
+ "items": {
387
+ "type": "object",
388
+ "properties": {
389
+ "label": {
390
+ "type": "string",
391
+ "description": "Label describing the contact method (e.g., 'Email', 'Phone')."
392
+ },
393
+ "icon": {
394
+ "type": "string",
395
+ "description": "Icon name or identifier representing the contact method."
396
+ },
397
+ "url": {
398
+ "type": "string",
399
+ "format": "uri",
400
+ "description": "URL or link for the contact method, if applicable."
401
+ }
402
+ },
403
+ "required": [
404
+ "label"
405
+ ],
406
+ "additionalProperties": false
407
+ }
408
+ },
409
+ "buttons": {
410
+ "type": "array",
411
+ "title": "Buttons",
412
+ "description": "A list of action buttons shown on the business card.",
413
+ "items": {
414
+ "type": "object",
415
+ "properties": {
416
+ "label": {
417
+ "type": "string",
418
+ "description": "Text label for the link."
419
+ },
420
+ "url": {
421
+ "type": "string",
422
+ "format": "uri",
423
+ "description": "URL the link points to."
424
+ }
425
+ },
426
+ "required": [
427
+ "label",
428
+ "url"
429
+ ],
430
+ "additionalProperties": false
431
+ }
304
432
  }
305
433
  },
306
434
  "additionalProperties": false
307
435
  },
308
436
  {
309
437
  "$schema": "http://json-schema.org/draft-07/schema#",
310
- "$id": "http://schema.mydesignsystem.com/divider.schema.json",
311
- "title": "Divider",
312
- "description": "Dividers bring clarity to a layout by grouping and dividing content in close proximity.",
438
+ "$id": "http://schema.mydesignsystem.com/contact.schema.json",
439
+ "title": "Contact",
440
+ "description": "Component used for user interaction",
313
441
  "type": "object",
314
442
  "properties": {
315
- "variant": {
316
- "title": "Style of the divider",
443
+ "image": {
444
+ "type": "object",
445
+ "properties": {
446
+ "src": {
447
+ "type": "string",
448
+ "format": "image",
449
+ "title": "Image Source",
450
+ "description": "URL of the image to display",
451
+ "examples": [
452
+ "img/people/author-emily.png"
453
+ ]
454
+ },
455
+ "alt": {
456
+ "type": "string",
457
+ "title": "Alt Text",
458
+ "description": "Alt text of the image",
459
+ "examples": [
460
+ "Picture of Isabella Doe"
461
+ ]
462
+ },
463
+ "fullWidth": {
464
+ "type": "boolean",
465
+ "title": "Full Width",
466
+ "description": "Image uses all the horizontal space vailable",
467
+ "default": false
468
+ },
469
+ "aspectRatio": {
470
+ "type": "string",
471
+ "title": "aspectRatio",
472
+ "description": "Aspect Ratio of the Images",
473
+ "enum": [
474
+ "wide",
475
+ "square",
476
+ "vertical"
477
+ ],
478
+ "default": "square"
479
+ }
480
+ },
481
+ "additionalProperties": false
482
+ },
483
+ "title": {
484
+ "title": "Title",
485
+ "description": "Name, company name, etc.",
317
486
  "type": "string",
318
- "description": "Choose a variant for the divider",
319
- "enum": [
320
- "default",
321
- "accent"
322
- ],
323
- "default": "default"
487
+ "examples": [
488
+ "Isabella Doe"
489
+ ]
324
490
  },
325
- "className": {
491
+ "subtitle": {
492
+ "title": "Subtitle",
493
+ "description": "Position, profession, department, location, etc.",
326
494
  "type": "string",
327
- "title": "Additional Classes",
328
- "description": "Add additional css classes that should be applied to the divider"
495
+ "examples": [
496
+ "CEO at Company"
497
+ ]
329
498
  },
330
- "component": {
331
- "title": "`ks-component` attribute",
332
- "description": "Optional custom component identifier",
333
- "type": "string"
334
- }
335
- },
336
- "additionalProperties": false
337
- },
338
- {
339
- "$schema": "http://json-schema.org/draft-07/schema#",
340
- "$id": "http://schema.mydesignsystem.com/faq.schema.json",
341
- "title": "Faq",
342
- "description": "Component used to display a Faq section",
343
- "type": "object",
344
- "properties": {
345
- "questions": {
499
+ "links": {
346
500
  "type": "array",
347
- "title": "Questions",
348
- "description": "The questions and answers in the Faq section",
349
501
  "items": {
350
502
  "type": "object",
351
503
  "properties": {
352
- "question": {
504
+ "icon": {
353
505
  "type": "string",
354
- "format": "markdown",
355
- "title": "Question",
356
- "description": "The question",
357
- "examples": [
358
- "What is the product made of?"
359
- ]
506
+ "format": "icon"
360
507
  },
361
- "answer": {
508
+ "label": {
509
+ "type": "string"
510
+ },
511
+ "url": {
512
+ "type": "string",
513
+ "format": "uri"
514
+ },
515
+ "newTab": {
516
+ "title": "Open link in new Tab",
517
+ "description": "Open link in new Tab",
518
+ "type": "boolean",
519
+ "default": false
520
+ },
521
+ "ariaLabel": {
522
+ "title": "Aria Label",
523
+ "description": "Aria label for the link",
362
524
  "type": "string",
363
- "format": "markdown",
364
- "title": "Answer",
365
- "description": "The answer to the question",
366
525
  "examples": [
367
- "The product is made of high-quality materials"
526
+ "Link to Isabella Doe's social media profile"
368
527
  ]
369
528
  }
370
529
  },
371
- "additionalProperties": false,
372
- "required": [
373
- "question",
374
- "answer"
375
- ]
530
+ "additionalProperties": false
376
531
  },
377
- "minItems": 1
532
+ "examples": [
533
+ [
534
+ {
535
+ "icon": "phone",
536
+ "label": "0228 / 688 966 20",
537
+ "url": "tel:+4922868896620"
538
+ },
539
+ {
540
+ "icon": "email",
541
+ "label": "mail@example.com",
542
+ "url": "mailto:mail@example.com"
543
+ }
544
+ ]
545
+ ]
546
+ },
547
+ "copy": {
548
+ "title": "Copy text",
549
+ "type": "string"
550
+ },
551
+ "className": {
552
+ "title": "Class",
553
+ "description": "Additional css classes attached to the wrapping element",
554
+ "type": "string"
555
+ },
556
+ "component": {
557
+ "title": "`ks-component` attribute",
558
+ "description": "Optional custom component identifier",
559
+ "type": "string"
378
560
  }
379
561
  },
380
562
  "additionalProperties": false,
381
563
  "required": [
382
- "questions"
564
+ "name"
383
565
  ]
384
566
  },
385
567
  {
386
568
  "$schema": "http://json-schema.org/draft-07/schema#",
387
- "$id": "http://schema.mydesignsystem.com/features.schema.json",
388
- "title": "Features",
389
- "description": "Component used to display a set of features",
569
+ "$id": "http://schema.mydesignsystem.com/content-nav.schema.json",
570
+ "title": "Content Nav",
390
571
  "type": "object",
391
572
  "properties": {
392
- "layout": {
393
- "type": "string",
394
- "title": "Layout",
395
- "description": "The layout variant to use for the features",
396
- "enum": [
397
- "largeTiles",
398
- "smallTiles",
399
- "list"
400
- ],
401
- "default": "largeTiles"
402
- },
403
- "style": {
404
- "type": "string",
405
- "enum": [
406
- "intext",
407
- "stack",
408
- "centered",
409
- "besideLarge",
410
- "besideSmall"
411
- ],
412
- "default": "stack"
413
- },
414
- "ctas": {
573
+ "image": {
415
574
  "type": "object",
416
575
  "properties": {
417
- "toggle": {
418
- "type": "boolean",
419
- "default": true,
420
- "title": "CTA Toggle",
421
- "description": "Activate/disable the CTAs"
576
+ "src": {
577
+ "type": "string",
578
+ "format": "uri",
579
+ "description": "URL of the image to display in the content nav."
422
580
  },
423
- "style": {
581
+ "alt": {
424
582
  "type": "string",
425
- "enum": [
426
- "button",
427
- "link",
428
- "intext"
429
- ],
430
- "default": "link"
583
+ "description": "Alternative text for the image."
431
584
  }
432
585
  },
586
+ "required": [
587
+ "src"
588
+ ],
433
589
  "additionalProperties": false
434
590
  },
435
- "feature": {
591
+ "topic": {
592
+ "type": "string",
593
+ "description": "The topic of the content being navigated."
594
+ },
595
+ "links": {
436
596
  "type": "array",
437
- "title": "Features",
438
- "description": "The features to display",
439
597
  "items": {
440
598
  "type": "object",
441
- "title": "Feature",
442
599
  "properties": {
443
- "icon": {
444
- "type": "string",
445
- "format": "icon",
446
- "title": "Icon",
447
- "description": "The icon for the feature",
448
- "examples": [
449
- "person"
450
- ]
451
- },
452
- "title": {
600
+ "label": {
453
601
  "type": "string",
454
- "title": "Title",
455
- "description": "The title of the feature",
456
- "examples": [
457
- "Feature 1"
458
- ]
602
+ "description": "The text label for the link."
459
603
  },
460
- "text": {
604
+ "url": {
461
605
  "type": "string",
462
- "title": "Text",
463
- "description": "The description of the feature",
464
- "format": "markdown",
465
- "examples": [
466
- "This is a feature"
467
- ]
468
- },
469
- "cta": {
470
- "type": "object",
471
- "properties": {
472
- "url": {
473
- "type": "string",
474
- "title": "Call to Action url",
475
- "description": "The CTA url",
476
- "default": "#",
477
- "format": "uri"
478
- },
479
- "label": {
480
- "type": "string",
481
- "title": "Link Label",
482
- "description": "The text label displayed on the link",
483
- "default": "See more",
484
- "examples": [
485
- "See all our partners"
486
- ]
487
- },
488
- "icon": {
489
- "type": "string",
490
- "format": "icon",
491
- "title": "Icon",
492
- "description": "Icon for the link style of the cta",
493
- "examples": [
494
- "arrow-right"
495
- ],
496
- "default": "arrow-right"
497
- }
498
- },
499
- "additionalProperties": false
606
+ "format": "uri",
607
+ "description": "The URL the link points to."
500
608
  }
501
609
  },
610
+ "required": [
611
+ "label",
612
+ "url"
613
+ ],
502
614
  "additionalProperties": false
503
- },
504
- "minItems": 1,
505
- "maxItems": 8
615
+ }
616
+ },
617
+ "initiallyShown": {
618
+ "type": "number",
619
+ "default": 4,
620
+ "description": "Determines how many links are initially shown in the content nav. If there are more links, a 'Show More' button will be displayed."
506
621
  }
507
622
  },
508
623
  "additionalProperties": false
509
624
  },
510
625
  {
511
626
  "$schema": "http://json-schema.org/draft-07/schema#",
512
- "$id": "http://schema.mydesignsystem.com/gallery.schema.json",
513
- "title": "Gallery",
514
- "description": "Component used to display a gallery of images",
515
- "type": "object",
516
- "properties": {
517
- "images": {
518
- "type": "array",
519
- "title": "Images",
520
- "description": "The images to display in the gallery",
521
- "items": {
522
- "type": "object",
523
- "properties": {
524
- "src": {
525
- "type": "string",
526
- "title": "src",
527
- "format": "image",
528
- "description": "The source of the image",
529
- "examples": [
530
- "https://example.com/image1.jpg"
531
- ]
532
- },
533
- "alt": {
534
- "type": "string",
535
- "title": "Alt text",
536
- "description": "Alt text of the image",
537
- "examples": [
538
- "https://example.com/image1.jpg"
539
- ]
540
- },
541
- "caption": {
542
- "type": "string",
543
- "format": "markdown",
544
- "title": "Caption",
545
- "description": "The caption of the image",
546
- "examples": [
547
- "Caption Image"
548
- ]
549
- }
550
- },
551
- "additionalProperties": false,
552
- "required": [
553
- "src"
554
- ]
555
- },
556
- "minItems": 1,
557
- "maxItems": 10
558
- },
559
- "layout": {
560
- "type": "string",
561
- "title": "Layout",
562
- "description": "The layout of the gallery images",
563
- "enum": [
564
- "stack",
565
- "smallTiles",
566
- "largeTiles"
567
- ],
568
- "default": "smallTiles"
569
- },
570
- "aspectRatio": {
571
- "type": "string",
572
- "title": "Aspect Ratio",
573
- "description": "The aspect ratio of the gallery images",
574
- "enum": [
575
- "unset",
576
- "square",
577
- "wide",
578
- "landscape"
579
- ],
580
- "default": "unset"
581
- },
582
- "lightbox": {
583
- "type": "boolean",
584
- "title": "Lightbox",
585
- "description": "Display images in a lightbox gallery",
586
- "default": false
587
- }
588
- },
589
- "additionalProperties": false,
590
- "required": [
591
- "images"
592
- ]
593
- },
594
- {
595
- "$schema": "http://json-schema.org/draft-07/schema#",
596
- "$id": "http://schema.mydesignsystem.com/hero.schema.json",
597
- "title": "Hero",
627
+ "$id": "http://schema.mydesignsystem.com/cta.schema.json",
628
+ "title": "Cta",
598
629
  "type": "object",
599
630
  "properties": {
600
631
  "headline": {
601
- "title": "Headline",
602
- "description": "Headline for the visual",
632
+ "title": "Component Headline",
633
+ "description": "Headline for the Component element",
603
634
  "type": "string",
604
- "format": "markdown"
635
+ "format": "markdown",
636
+ "examples": [
637
+ "Headline"
638
+ ]
605
639
  },
606
640
  "sub": {
607
- "title": "Module Subheadline",
608
- "description": "Subheadline below the module headline",
641
+ "title": "Component Subheadline",
642
+ "description": "Subheadline below the component headline",
609
643
  "type": "string",
610
- "format": "markdown"
644
+ "format": "markdown",
645
+ "examples": [
646
+ "Subheadline"
647
+ ]
611
648
  },
612
649
  "text": {
613
- "title": "Module Text",
614
- "description": "Info text for the module element",
650
+ "title": "Component Text",
651
+ "description": "Info text for the component element",
615
652
  "type": "string",
616
653
  "format": "markdown"
617
654
  },
@@ -627,29 +664,6 @@
627
664
  "default": false,
628
665
  "type": "boolean"
629
666
  },
630
- "height": {
631
- "title": "Height",
632
- "type": "string",
633
- "enum": [
634
- "small",
635
- "default",
636
- "fullImage",
637
- "fullScreen"
638
- ],
639
- "default": "default"
640
- },
641
- "textbox": {
642
- "type": "boolean",
643
- "title": "Textbox",
644
- "default": true,
645
- "description": "Toggle wether you want your text to be displayed within in box"
646
- },
647
- "invertText": {
648
- "type": "boolean",
649
- "title": "Invert Text",
650
- "description": "Invert the text color for better contrast against the background",
651
- "default": false
652
- },
653
667
  "buttons": {
654
668
  "type": "array",
655
669
  "items": {
@@ -680,148 +694,125 @@
680
694
  "additionalProperties": false
681
695
  }
682
696
  },
683
- "skipButton": {
684
- "type": "boolean",
685
- "title": "Skip Button",
686
- "description": "Add a skip button to the hero module",
687
- "default": false
697
+ "backgroundColor": {
698
+ "title": "Background color",
699
+ "description": "Background color for the whole element",
700
+ "type": "string",
701
+ "format": "color"
688
702
  },
689
- "overlay": {
690
- "title": "Grid layer",
691
- "description": "Enable grid layer",
692
- "type": "boolean",
693
- "default": false
703
+ "backgroundImage": {
704
+ "title": "Background image",
705
+ "description": "Background image for the whole element",
706
+ "type": "string",
707
+ "format": "image"
694
708
  },
695
709
  "image": {
696
- "title": "Background image",
697
- "description": "Sources of background images for different screen sizes",
710
+ "title": "Image",
711
+ "description": "Image displayed alongside the text content",
698
712
  "type": "object",
699
- "required": [
700
- "srcMobile"
701
- ],
702
713
  "properties": {
703
- "srcMobile": {
704
- "title": "Mobile image source",
705
- "description": "Background image source for small screens",
706
- "type": "string",
707
- "format": "image",
708
- "examples": [
709
- "https://picsum.photos/seed/kdsvisual/640/270"
710
- ]
711
- },
712
- "srcTablet": {
713
- "title": "Tablet image source",
714
- "description": "Background image source for medium screens",
714
+ "src": {
715
+ "title": "Image source",
716
+ "description": "Image source to use",
715
717
  "type": "string",
716
- "format": "image",
717
- "examples": [
718
- "https://picsum.photos/seed/kdsvisual/1280/540"
719
- ]
718
+ "format": "image"
720
719
  },
721
- "srcDesktop": {
722
- "title": "Desktop image source",
723
- "description": "Background image source for large screens",
724
- "type": "string",
725
- "format": "image",
726
- "examples": [
727
- "https://picsum.photos/seed/kdsvisual/1920/810"
728
- ]
720
+ "padding": {
721
+ "title": "Padding",
722
+ "description": "Toggle padding of the image",
723
+ "type": "boolean",
724
+ "default": true
729
725
  },
730
- "src": {
731
- "title": "Optional source",
732
- "description": "Override for img tag of picture element, if needed",
733
- "type": "string",
734
- "format": "image",
735
- "examples": [
736
- "https://picsum.photos/seed/kdsvisual/640/270"
737
- ]
726
+ "alt": {
727
+ "title": "Alt text",
728
+ "description": "Image description",
729
+ "type": "string"
738
730
  },
739
- "indent": {
740
- "title": "Image indent",
741
- "description": "Choose to indent the image horizontally on small screens",
731
+ "align": {
732
+ "title": "Vertical alignment of the image",
733
+ "description": "Select a vertical alignment for the image",
742
734
  "type": "string",
743
735
  "enum": [
744
- "none",
745
- "left",
746
- "right"
736
+ "center",
737
+ "top",
738
+ "bottom"
747
739
  ],
748
- "default": "none"
740
+ "default": "center"
741
+ }
742
+ },
743
+ "additionalProperties": false
744
+ },
745
+ "order": {
746
+ "title": "Order",
747
+ "description": "Choose what comes first on mobile and desktop: image or text",
748
+ "type": "object",
749
+ "properties": {
750
+ "mobileImageLast": {
751
+ "title": "Mobile image after text",
752
+ "description": "Switch to displaying the image after the text on mobile",
753
+ "type": "boolean",
754
+ "default": false
749
755
  },
750
- "alt": {
751
- "title": "Alt text",
752
- "description": "Alt text to display for picture",
753
- "type": "string"
756
+ "desktopImageLast": {
757
+ "title": "Desktop image after text",
758
+ "description": "Switch to displaying the image after the text on desktop",
759
+ "type": "boolean",
760
+ "default": true
754
761
  }
755
762
  },
756
763
  "additionalProperties": false
757
764
  },
758
- "textPosition": {
759
- "title": "Module aligment",
760
- "description": "Choose the alginment of the module content",
765
+ "textAlign": {
766
+ "title": "Text Alignment",
767
+ "description": "Choose the alginment of the text",
761
768
  "enum": [
762
- "center",
763
- "below",
764
- "offset",
765
769
  "left",
766
- "right",
767
- "corner",
768
- "bottom"
770
+ "center"
769
771
  ],
770
772
  "type": "string",
771
773
  "default": "left"
774
+ },
775
+ "align": {
776
+ "title": "Vertical alignment of the content",
777
+ "description": "Select a vertical alignment for the content",
778
+ "type": "string",
779
+ "enum": [
780
+ "center",
781
+ "top",
782
+ "bottom"
783
+ ],
784
+ "default": "center"
785
+ },
786
+ "padding": {
787
+ "title": "Padding",
788
+ "description": "Toggle padding of the content",
789
+ "type": "boolean",
790
+ "default": false
772
791
  }
773
792
  },
774
793
  "additionalProperties": false
775
794
  },
776
795
  {
777
796
  "$schema": "http://json-schema.org/draft-07/schema#",
778
- "$id": "http://schema.mydesignsystem.com/html.schema.json",
779
- "title": "Html",
780
- "description": "Display raw HTML.",
797
+ "$id": "http://schema.mydesignsystem.com/divider.schema.json",
798
+ "title": "Divider",
799
+ "description": "Dividers bring clarity to a layout by grouping and dividing content in close proximity.",
781
800
  "type": "object",
782
801
  "properties": {
783
- "html": {
784
- "title": "HTML string",
785
- "type": "string",
786
- "examples": [
787
- "<p style=\"color: var(--ks-text-color-default);\">Hello World</p>"
788
- ]
789
- },
790
- "consent": {
791
- "title": "Show HTML after consent",
792
- "type": "boolean",
793
- "default": false
794
- },
795
- "consentText": {
796
- "type": "string"
797
- },
798
- "consentButtonLabel": {
799
- "type": "string"
800
- },
801
- "consentBackgroundImage": {
802
- "type": "string",
803
- "format": "image"
804
- },
805
- "consentAspectRatio": {
802
+ "variant": {
803
+ "title": "Style of the divider",
806
804
  "type": "string",
805
+ "description": "Choose a variant for the divider",
807
806
  "enum": [
808
- "16:9",
809
- "16:10",
810
- "4:3",
811
- "1:1"
807
+ "default",
808
+ "accent"
812
809
  ],
813
- "default": "16:9"
814
- },
815
- "inverted": {
816
- "title": "Inverted",
817
- "description": "Invert the colors of the HTML",
818
- "type": "boolean",
819
- "default": false
810
+ "default": "default"
820
811
  },
821
812
  "className": {
813
+ "type": "string",
822
814
  "title": "Additional Classes",
823
- "description": "Add additional css classes that should be applied to the element",
824
- "type": "string"
815
+ "description": "Add additional css classes that should be applied to the divider"
825
816
  },
826
817
  "component": {
827
818
  "title": "`ks-component` attribute",
@@ -833,264 +824,1054 @@
833
824
  },
834
825
  {
835
826
  "$schema": "http://json-schema.org/draft-07/schema#",
836
- "$id": "http://schema.mydesignsystem.com/image-story.schema.json",
837
- "title": "Image Story",
827
+ "$id": "http://schema.mydesignsystem.com/downloads.schema.json",
828
+ "title": "Downloads",
838
829
  "type": "object",
839
830
  "properties": {
840
- "headline": {
841
- "title": "Module Headline",
842
- "description": "Headline for the module element",
843
- "type": "string",
844
- "format": "markdown",
845
- "examples": [
846
- "Headline"
847
- ]
848
- },
849
- "largeHeadline": {
850
- "type": "boolean",
851
- "title": "Large Headline",
852
- "description": "Make the headline larger",
853
- "default": false
854
- },
855
- "sub": {
856
- "title": "Module Subheadline",
857
- "description": "Subheadline below the module headline",
858
- "type": "string",
859
- "format": "markdown",
860
- "examples": [
861
- "Subheadline"
862
- ]
863
- },
864
- "text": {
865
- "title": "Module Text",
866
- "description": "Info text for the module element",
867
- "type": "string",
868
- "format": "markdown"
869
- },
870
- "layout": {
871
- "type": "string",
872
- "title": "Layout",
873
- "description": "Choose the layout for the component",
874
- "enum": [
875
- "textLeft",
876
- "imageLeft"
877
- ],
878
- "default": "imageLeft"
879
- },
880
- "padding": {
881
- "type": "boolean",
882
- "title": "Padding",
883
- "default": false,
884
- "description": "Give the component padding"
885
- },
886
- "buttons": {
887
- "title": "Buttons",
888
- "description": "Buttons of the Button Group",
831
+ "downloads": {
889
832
  "type": "array",
890
833
  "items": {
891
- "$schema": "http://json-schema.org/draft-07/schema#",
892
- "$id": "http://schema.mydesignsystem.com/button.schema.json",
893
- "title": "Button",
894
- "description": "Component used for user interaction",
895
834
  "type": "object",
896
835
  "properties": {
897
- "label": {
836
+ "name": {
898
837
  "type": "string",
899
- "title": "Label",
900
- "description": "Text content to display inside the button",
901
- "examples": [
902
- "Book a meeting"
903
- ]
838
+ "description": "The name of the file"
904
839
  },
905
- "url": {
840
+ "description": {
906
841
  "type": "string",
907
- "title": "URL",
908
- "description": "The URL to link to when the button is clicked",
909
- "format": "uri"
842
+ "description": "A brief description of the file"
910
843
  },
911
- "variant": {
844
+ "previewImage": {
912
845
  "type": "string",
913
- "title": "Variant",
914
- "description": "Variant of button to be used",
915
- "enum": [
916
- "primary",
917
- "secondary",
918
- "tertiary"
919
- ],
920
- "default": "secondary"
846
+ "format": "uri",
847
+ "description": "A URL to an image that previews the file."
921
848
  },
922
- "icon": {
849
+ "url": {
923
850
  "type": "string",
924
- "format": "icon",
925
- "title": "Icon",
926
- "description": "Choose an icon"
851
+ "format": "uri",
852
+ "description": "The URL to download the file from."
927
853
  },
928
854
  "size": {
929
- "type": "string",
930
- "title": "Size",
931
- "description": "Size of button to use",
932
- "enum": [
933
- "small",
934
- "medium",
935
- "large"
855
+ "type": [
856
+ "string"
936
857
  ],
937
- "default": "medium"
938
- },
939
- "disabled": {
940
- "type": "boolean",
941
- "title": "Disabled?",
942
- "description": "Whether the button should be disabled",
943
- "default": false
858
+ "description": "The size of the download file"
944
859
  },
945
- "type": {
946
- "type": "string",
947
- "title": "Button Type",
948
- "enum": [
949
- "button",
950
- "submit",
951
- "reset"
952
- ]
860
+ "format": {
861
+ "type": [
862
+ "string"
863
+ ],
864
+ "description": "The format of the download file"
953
865
  }
954
866
  },
955
- "additionalProperties": false,
956
867
  "required": [
957
- "label"
958
- ]
868
+ "name",
869
+ "url"
870
+ ],
871
+ "additionalProperties": false
959
872
  }
960
- },
961
- "image": {
962
- "title": "Image",
963
- "description": "Image displayed alongside the text content",
964
- "type": "object",
965
- "properties": {
966
- "src": {
967
- "title": "Image source",
968
- "description": "Image source to use",
969
- "type": "string",
970
- "format": "image"
971
- },
972
- "aspectRatio": {
973
- "type": "string",
974
- "title": "Aspect Ratio",
975
- "description": "The aspect ratio of the image",
976
- "enum": [
977
- "unset",
978
- "square",
979
- "wide",
980
- "landscape"
981
- ],
982
- "default": "unset"
983
- },
984
- "alt": {
985
- "title": "Alt text",
986
- "description": "Image description",
987
- "type": "string"
988
- },
989
- "vAlign": {
990
- "title": "Image vertical alignment",
991
- "description": "Select a vertical alignment for the image",
992
- "type": "string",
993
- "enum": [
994
- "center",
995
- "top",
996
- "bottom"
997
- ],
998
- "default": "top"
999
- }
1000
- },
1001
- "additionalProperties": false
1002
- },
1003
- "textAlign": {
1004
- "title": "Text Alignment",
1005
- "description": "Choose the alginment of the text",
1006
- "enum": [
1007
- "left",
1008
- "center"
1009
- ],
1010
- "type": "string",
1011
- "default": "left"
1012
873
  }
1013
874
  },
1014
875
  "additionalProperties": false
1015
876
  },
1016
877
  {
1017
878
  "$schema": "http://json-schema.org/draft-07/schema#",
1018
- "$id": "http://schema.mydesignsystem.com/image-text.schema.json",
1019
- "title": "Image Text",
1020
- "description": "Component used to display an image beside or above/below a text block",
879
+ "$id": "http://schema.mydesignsystem.com/event-latest-teaser.schema.json",
880
+ "title": "Event Latest Teaser",
881
+ "description": "Display an event teaser with date, title and location",
1021
882
  "type": "object",
1022
883
  "properties": {
1023
- "text": {
884
+ "date": {
885
+ "title": "Date",
886
+ "description": "The date of the event",
1024
887
  "type": "string",
1025
- "format": "markdown",
1026
- "title": "Text",
1027
- "description": "Text content to display beside the image",
888
+ "format": "date",
1028
889
  "examples": [
1029
- "This is a sample text"
890
+ "12.30.2022"
1030
891
  ]
1031
892
  },
1032
- "highlightText": {
1033
- "type": "boolean",
1034
- "title": "Highlight Text",
1035
- "description": "Visually highlight the text",
1036
- "default": false
1037
- },
1038
- "image": {
893
+ "calendar": {
1039
894
  "type": "object",
895
+ "title": "Calendar",
896
+ "description": "Calendar icon to display the date",
1040
897
  "properties": {
1041
- "src": {
898
+ "month": {
899
+ "title": "Month",
900
+ "description": "The month of the event",
1042
901
  "type": "string",
1043
- "format": "image",
1044
- "title": "Image Source",
1045
- "description": "URL of the image to display",
1046
902
  "examples": [
1047
- "http://example.com/image.jpg"
903
+ "Dec"
1048
904
  ]
1049
905
  },
1050
- "alt": {
906
+ "day": {
907
+ "title": "Day",
908
+ "description": "The day of the event",
1051
909
  "type": "string",
1052
- "title": "Alt Text",
1053
- "description": "Alt text of the image",
1054
910
  "examples": [
1055
- "http://example.com/image.jpg"
911
+ "30"
1056
912
  ]
1057
913
  }
1058
914
  },
1059
915
  "additionalProperties": false
1060
916
  },
1061
- "layout": {
917
+ "title": {
918
+ "title": "Headline",
919
+ "description": "Title of the event",
1062
920
  "type": "string",
1063
- "enum": [
1064
- "above",
1065
- "below",
1066
- "beside-right",
1067
- "beside-left"
1068
- ],
1069
- "title": "Layout",
1070
- "description": "Position of the image relative to the text",
921
+ "format": "markdown",
1071
922
  "examples": [
1072
- "above"
923
+ "This is a event teaser title"
1073
924
  ]
1074
- }
1075
- },
1076
- "required": [
1077
- "text",
1078
- "image",
1079
- "layout"
1080
- ],
1081
- "additionalProperties": false
1082
- },
1083
- {
1084
- "$schema": "http://json-schema.org/draft-07/schema#",
1085
- "$id": "http://schema.mydesignsystem.com/logos.schema.json",
1086
- "title": "Logos",
1087
- "description": "Component used to display a set of logos",
1088
- "type": "object",
1089
- "properties": {
1090
- "tagline": {
925
+ },
926
+ "location": {
927
+ "title": "Location",
928
+ "description": "Location of the event",
1091
929
  "type": "string",
1092
- "title": "Logo Tagline",
1093
- "description": "A short tagline atop the logos",
930
+ "format": "markdown",
931
+ "examples": [
932
+ "This is a location"
933
+ ]
934
+ },
935
+ "url": {
936
+ "title": "URL",
937
+ "description": "The event entry URL to link",
938
+ "type": "string",
939
+ "format": "uri",
940
+ "examples": [
941
+ "https://example.com"
942
+ ]
943
+ },
944
+ "cta": {
945
+ "title": "Call to Action",
946
+ "description": "Text for the call to action",
947
+ "type": "string",
948
+ "examples": [
949
+ "Show event"
950
+ ]
951
+ },
952
+ "ariaLabel": {
953
+ "title": "ARIA Label",
954
+ "description": "ARIA label for accessibility",
955
+ "type": "string",
956
+ "examples": [
957
+ "Event teaser for "
958
+ ]
959
+ },
960
+ "className": {
961
+ "type": "string"
962
+ }
963
+ },
964
+ "additionalProperties": false,
965
+ "required": [
966
+ "title",
967
+ "date",
968
+ "location"
969
+ ]
970
+ },
971
+ {
972
+ "$schema": "http://json-schema.org/draft-07/schema#",
973
+ "$id": "http://schema.mydesignsystem.com/event-list-teaser.schema.json",
974
+ "title": "Event List Teaser",
975
+ "description": "Display an event teaser with date, title and location",
976
+ "type": "object",
977
+ "properties": {
978
+ "category": {
979
+ "title": "Category",
980
+ "description": "Category of the event teaser",
981
+ "type": "string",
982
+ "examples": [
983
+ "Buyers"
984
+ ]
985
+ },
986
+ "title": {
987
+ "title": "Headline",
988
+ "description": "Title of the event",
989
+ "type": "string",
990
+ "format": "markdown",
991
+ "examples": [
992
+ "This is a event teaser title"
993
+ ]
994
+ },
995
+ "text": {
996
+ "title": "Text",
997
+ "description": "Short teaser text for the event",
998
+ "type": "string",
999
+ "format": "markdown",
1000
+ "examples": [
1001
+ "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence."
1002
+ ]
1003
+ },
1004
+ "date": {
1005
+ "title": "Date",
1006
+ "description": "The date of the event",
1007
+ "type": "string",
1008
+ "format": "date",
1009
+ "examples": [
1010
+ "FRI, JAN 16"
1011
+ ]
1012
+ },
1013
+ "time": {
1014
+ "title": "Time",
1015
+ "description": "The time of the event",
1016
+ "type": "string",
1017
+ "examples": [
1018
+ "10:00"
1019
+ ]
1020
+ },
1021
+ "location": {
1022
+ "title": "Location",
1023
+ "description": "Location of the event",
1024
+ "type": "object",
1025
+ "properties": {
1026
+ "name": {
1027
+ "type": "string",
1028
+ "title": "Location Name",
1029
+ "description": "Name of the location",
1030
+ "examples": [
1031
+ "Stadthalle"
1032
+ ]
1033
+ },
1034
+ "address": {
1035
+ "type": "string",
1036
+ "title": "Address",
1037
+ "description": "Address of the location",
1038
+ "examples": [
1039
+ "Köln"
1040
+ ]
1041
+ }
1042
+ },
1043
+ "additionalProperties": false
1044
+ },
1045
+ "tags": {
1046
+ "title": "Tags",
1047
+ "description": "Tags associated with the event",
1048
+ "type": "array",
1049
+ "items": {
1050
+ "type": "string",
1051
+ "examples": [
1052
+ "AI",
1053
+ "Technology",
1054
+ "Innovation"
1055
+ ]
1056
+ },
1057
+ "default": [
1058
+ "AI"
1059
+ ]
1060
+ },
1061
+ "image": {
1062
+ "title": "Image",
1063
+ "description": "Image to display in the teaser",
1064
+ "type": "object",
1065
+ "properties": {
1066
+ "src": {
1067
+ "type": "string",
1068
+ "format": "image",
1069
+ "title": "Image Source",
1070
+ "description": "URL of the image to display",
1071
+ "examples": [
1072
+ "https://picsum.photos/seed/flower/800/600"
1073
+ ]
1074
+ },
1075
+ "alt": {
1076
+ "type": "string",
1077
+ "title": "Alt Text",
1078
+ "description": "Alt text of the image",
1079
+ "examples": [
1080
+ "This is an image of a flower"
1081
+ ]
1082
+ }
1083
+ },
1084
+ "additionalProperties": false
1085
+ },
1086
+ "url": {
1087
+ "title": "URL",
1088
+ "description": "The event entry URL to link",
1089
+ "type": "string",
1090
+ "format": "uri",
1091
+ "examples": [
1092
+ "https://example.com"
1093
+ ]
1094
+ },
1095
+ "ctaText": {
1096
+ "title": "Call to Action",
1097
+ "description": "Text for the call to action",
1098
+ "type": "string",
1099
+ "examples": [
1100
+ "Show event"
1101
+ ]
1102
+ },
1103
+ "ariaLabel": {
1104
+ "title": "ARIA Label",
1105
+ "description": "ARIA label for accessibility",
1106
+ "type": "string"
1107
+ },
1108
+ "className": {
1109
+ "type": "string"
1110
+ }
1111
+ },
1112
+ "additionalProperties": false,
1113
+ "required": [
1114
+ "title",
1115
+ "date",
1116
+ "location"
1117
+ ]
1118
+ },
1119
+ {
1120
+ "$schema": "http://json-schema.org/draft-07/schema#",
1121
+ "$id": "http://schema.mydesignsystem.com/faq.schema.json",
1122
+ "title": "Faq",
1123
+ "description": "Component used to display a Faq section",
1124
+ "type": "object",
1125
+ "properties": {
1126
+ "questions": {
1127
+ "type": "array",
1128
+ "title": "Questions",
1129
+ "description": "The questions and answers in the Faq section",
1130
+ "items": {
1131
+ "title": "Question",
1132
+ "type": "object",
1133
+ "properties": {
1134
+ "question": {
1135
+ "type": "string",
1136
+ "format": "markdown",
1137
+ "title": "Question",
1138
+ "description": "The question",
1139
+ "examples": [
1140
+ "What is the product made of?"
1141
+ ]
1142
+ },
1143
+ "answer": {
1144
+ "type": "string",
1145
+ "format": "markdown",
1146
+ "title": "Answer",
1147
+ "description": "The answer to the question",
1148
+ "examples": [
1149
+ "The product is made of high-quality materials"
1150
+ ]
1151
+ }
1152
+ },
1153
+ "additionalProperties": false,
1154
+ "required": [
1155
+ "question"
1156
+ ]
1157
+ },
1158
+ "minItems": 1
1159
+ }
1160
+ },
1161
+ "additionalProperties": false,
1162
+ "required": [
1163
+ "questions"
1164
+ ]
1165
+ },
1166
+ {
1167
+ "$schema": "http://json-schema.org/draft-07/schema#",
1168
+ "$id": "http://schema.mydesignsystem.com/features.schema.json",
1169
+ "title": "Features",
1170
+ "description": "Component used to display a set of features",
1171
+ "type": "object",
1172
+ "properties": {
1173
+ "layout": {
1174
+ "type": "string",
1175
+ "title": "Layout",
1176
+ "description": "The layout variant to use for the features",
1177
+ "enum": [
1178
+ "largeTiles",
1179
+ "smallTiles",
1180
+ "list"
1181
+ ],
1182
+ "default": "largeTiles"
1183
+ },
1184
+ "style": {
1185
+ "type": "string",
1186
+ "enum": [
1187
+ "intext",
1188
+ "stack",
1189
+ "centered",
1190
+ "besideLarge",
1191
+ "besideSmall"
1192
+ ],
1193
+ "default": "stack"
1194
+ },
1195
+ "ctas": {
1196
+ "type": "object",
1197
+ "properties": {
1198
+ "toggle": {
1199
+ "type": "boolean",
1200
+ "default": true,
1201
+ "title": "CTA Toggle",
1202
+ "description": "Activate/disable the CTAs"
1203
+ },
1204
+ "style": {
1205
+ "type": "string",
1206
+ "enum": [
1207
+ "button",
1208
+ "link",
1209
+ "intext"
1210
+ ],
1211
+ "default": "link"
1212
+ }
1213
+ },
1214
+ "additionalProperties": false
1215
+ },
1216
+ "feature": {
1217
+ "type": "array",
1218
+ "title": "Features",
1219
+ "description": "The features to display",
1220
+ "items": {
1221
+ "type": "object",
1222
+ "title": "Feature",
1223
+ "properties": {
1224
+ "icon": {
1225
+ "type": "string",
1226
+ "format": "icon",
1227
+ "title": "Icon",
1228
+ "description": "The icon for the feature",
1229
+ "examples": [
1230
+ "person"
1231
+ ]
1232
+ },
1233
+ "title": {
1234
+ "type": "string",
1235
+ "title": "Title",
1236
+ "description": "The title of the feature",
1237
+ "examples": [
1238
+ "Feature 1"
1239
+ ]
1240
+ },
1241
+ "text": {
1242
+ "type": "string",
1243
+ "title": "Text",
1244
+ "description": "The description of the feature",
1245
+ "format": "markdown",
1246
+ "examples": [
1247
+ "This is a feature"
1248
+ ]
1249
+ },
1250
+ "cta": {
1251
+ "type": "object",
1252
+ "properties": {
1253
+ "url": {
1254
+ "type": "string",
1255
+ "title": "Call to Action url",
1256
+ "description": "The CTA url",
1257
+ "default": "#",
1258
+ "format": "uri"
1259
+ },
1260
+ "label": {
1261
+ "type": "string",
1262
+ "title": "Link Label",
1263
+ "description": "The text label displayed on the link",
1264
+ "default": "See more",
1265
+ "examples": [
1266
+ "See all our partners"
1267
+ ]
1268
+ },
1269
+ "icon": {
1270
+ "type": "string",
1271
+ "format": "icon",
1272
+ "title": "Icon",
1273
+ "description": "Icon for the link style of the cta",
1274
+ "examples": [
1275
+ "arrow-right"
1276
+ ],
1277
+ "default": "arrow-right"
1278
+ }
1279
+ },
1280
+ "additionalProperties": false
1281
+ }
1282
+ },
1283
+ "additionalProperties": false
1284
+ },
1285
+ "minItems": 1,
1286
+ "maxItems": 8
1287
+ }
1288
+ },
1289
+ "additionalProperties": false
1290
+ },
1291
+ {
1292
+ "$schema": "http://json-schema.org/draft-07/schema#",
1293
+ "$id": "http://schema.mydesignsystem.com/gallery.schema.json",
1294
+ "title": "Gallery",
1295
+ "description": "Component used to display a gallery of images",
1296
+ "type": "object",
1297
+ "properties": {
1298
+ "images": {
1299
+ "type": "array",
1300
+ "title": "Images",
1301
+ "description": "The images to display in the gallery",
1302
+ "items": {
1303
+ "type": "object",
1304
+ "properties": {
1305
+ "src": {
1306
+ "type": "string",
1307
+ "title": "src",
1308
+ "format": "image",
1309
+ "description": "The source of the image",
1310
+ "examples": [
1311
+ "https://example.com/image1.jpg"
1312
+ ]
1313
+ },
1314
+ "alt": {
1315
+ "type": "string",
1316
+ "title": "Alt text",
1317
+ "description": "Alt text of the image",
1318
+ "examples": [
1319
+ "https://example.com/image1.jpg"
1320
+ ]
1321
+ },
1322
+ "caption": {
1323
+ "type": "string",
1324
+ "format": "markdown",
1325
+ "title": "Caption",
1326
+ "description": "The caption of the image",
1327
+ "examples": [
1328
+ "Caption Image"
1329
+ ]
1330
+ }
1331
+ },
1332
+ "additionalProperties": false,
1333
+ "required": [
1334
+ "src"
1335
+ ]
1336
+ },
1337
+ "minItems": 1,
1338
+ "maxItems": 10
1339
+ },
1340
+ "layout": {
1341
+ "type": "string",
1342
+ "title": "Layout",
1343
+ "description": "The layout of the gallery images",
1344
+ "enum": [
1345
+ "stack",
1346
+ "smallTiles",
1347
+ "largeTiles"
1348
+ ],
1349
+ "default": "smallTiles"
1350
+ },
1351
+ "aspectRatio": {
1352
+ "type": "string",
1353
+ "title": "Aspect Ratio",
1354
+ "description": "The aspect ratio of the gallery images",
1355
+ "enum": [
1356
+ "unset",
1357
+ "square",
1358
+ "wide",
1359
+ "landscape"
1360
+ ],
1361
+ "default": "unset"
1362
+ },
1363
+ "lightbox": {
1364
+ "type": "boolean",
1365
+ "title": "Lightbox",
1366
+ "description": "Display images in a lightbox gallery",
1367
+ "default": false
1368
+ }
1369
+ },
1370
+ "additionalProperties": false,
1371
+ "required": [
1372
+ "images"
1373
+ ]
1374
+ },
1375
+ {
1376
+ "$schema": "http://json-schema.org/draft-07/schema#",
1377
+ "$id": "http://schema.mydesignsystem.com/hero.schema.json",
1378
+ "title": "Hero",
1379
+ "type": "object",
1380
+ "properties": {
1381
+ "headline": {
1382
+ "title": "Headline",
1383
+ "description": "Headline for the visual",
1384
+ "type": "string",
1385
+ "format": "markdown"
1386
+ },
1387
+ "sub": {
1388
+ "title": "Module Subheadline",
1389
+ "description": "Subheadline below the module headline",
1390
+ "type": "string",
1391
+ "format": "markdown"
1392
+ },
1393
+ "text": {
1394
+ "title": "Module Text",
1395
+ "description": "Info text for the module element",
1396
+ "type": "string",
1397
+ "format": "markdown"
1398
+ },
1399
+ "highlightText": {
1400
+ "type": "boolean",
1401
+ "title": "Highlight Text",
1402
+ "description": "Visually highlight the text",
1403
+ "default": false
1404
+ },
1405
+ "colorNeutral": {
1406
+ "title": "Color Neutral",
1407
+ "description": "Make the text and buttons color neutral",
1408
+ "default": false,
1409
+ "type": "boolean"
1410
+ },
1411
+ "height": {
1412
+ "title": "Height",
1413
+ "type": "string",
1414
+ "enum": [
1415
+ "small",
1416
+ "default",
1417
+ "fullImage",
1418
+ "fullScreen"
1419
+ ],
1420
+ "default": "default"
1421
+ },
1422
+ "textbox": {
1423
+ "type": "boolean",
1424
+ "title": "Textbox",
1425
+ "default": true,
1426
+ "description": "Toggle wether you want your text to be displayed within in box"
1427
+ },
1428
+ "invertText": {
1429
+ "type": "boolean",
1430
+ "title": "Invert Text",
1431
+ "description": "Invert the text color for better contrast against the background",
1432
+ "default": false
1433
+ },
1434
+ "buttons": {
1435
+ "type": "array",
1436
+ "items": {
1437
+ "title": "Button",
1438
+ "type": "object",
1439
+ "properties": {
1440
+ "label": {
1441
+ "type": "string",
1442
+ "title": "Label",
1443
+ "description": "Text content to display inside the button",
1444
+ "examples": [
1445
+ "Book a meeting"
1446
+ ]
1447
+ },
1448
+ "icon": {
1449
+ "type": "string",
1450
+ "format": "icon",
1451
+ "title": "Icon",
1452
+ "description": "Choose an icon"
1453
+ },
1454
+ "url": {
1455
+ "type": "string",
1456
+ "title": "URL",
1457
+ "description": "The URL to link to when the button is clicked",
1458
+ "format": "uri"
1459
+ }
1460
+ },
1461
+ "additionalProperties": false
1462
+ }
1463
+ },
1464
+ "skipButton": {
1465
+ "type": "boolean",
1466
+ "title": "Skip Button",
1467
+ "description": "Add a skip button to the hero module",
1468
+ "default": false
1469
+ },
1470
+ "overlay": {
1471
+ "title": "Grid layer",
1472
+ "description": "Enable grid layer",
1473
+ "type": "boolean",
1474
+ "default": false
1475
+ },
1476
+ "image": {
1477
+ "title": "Background image",
1478
+ "description": "Sources of background images for different screen sizes",
1479
+ "type": "object",
1480
+ "required": [
1481
+ "srcMobile"
1482
+ ],
1483
+ "properties": {
1484
+ "srcMobile": {
1485
+ "title": "Mobile image source",
1486
+ "description": "Background image source for small screens",
1487
+ "type": "string",
1488
+ "format": "image",
1489
+ "examples": [
1490
+ "https://picsum.photos/seed/kdsvisual/640/270"
1491
+ ]
1492
+ },
1493
+ "srcTablet": {
1494
+ "title": "Tablet image source",
1495
+ "description": "Background image source for medium screens",
1496
+ "type": "string",
1497
+ "format": "image",
1498
+ "examples": [
1499
+ "https://picsum.photos/seed/kdsvisual/1280/540"
1500
+ ]
1501
+ },
1502
+ "srcDesktop": {
1503
+ "title": "Desktop image source",
1504
+ "description": "Background image source for large screens",
1505
+ "type": "string",
1506
+ "format": "image",
1507
+ "examples": [
1508
+ "https://picsum.photos/seed/kdsvisual/1920/810"
1509
+ ]
1510
+ },
1511
+ "src": {
1512
+ "title": "Optional source",
1513
+ "description": "Override for img tag of picture element, if needed",
1514
+ "type": "string",
1515
+ "format": "image",
1516
+ "examples": [
1517
+ "https://picsum.photos/seed/kdsvisual/640/270"
1518
+ ]
1519
+ },
1520
+ "indent": {
1521
+ "title": "Image indent",
1522
+ "description": "Choose to indent the image horizontally on small screens",
1523
+ "type": "string",
1524
+ "enum": [
1525
+ "none",
1526
+ "left",
1527
+ "right"
1528
+ ],
1529
+ "default": "none"
1530
+ },
1531
+ "alt": {
1532
+ "title": "Alt text",
1533
+ "description": "Alt text to display for picture",
1534
+ "type": "string"
1535
+ }
1536
+ },
1537
+ "additionalProperties": false
1538
+ },
1539
+ "textPosition": {
1540
+ "title": "Module aligment",
1541
+ "description": "Choose the alginment of the module content",
1542
+ "enum": [
1543
+ "center",
1544
+ "below",
1545
+ "offset",
1546
+ "left",
1547
+ "right",
1548
+ "corner",
1549
+ "bottom"
1550
+ ],
1551
+ "type": "string",
1552
+ "default": "left"
1553
+ }
1554
+ },
1555
+ "additionalProperties": false
1556
+ },
1557
+ {
1558
+ "$schema": "http://json-schema.org/draft-07/schema#",
1559
+ "$id": "http://schema.mydesignsystem.com/html.schema.json",
1560
+ "title": "Html",
1561
+ "description": "Display raw HTML.",
1562
+ "type": "object",
1563
+ "properties": {
1564
+ "html": {
1565
+ "title": "HTML string",
1566
+ "type": "string",
1567
+ "examples": [
1568
+ "<p style=\"color: var(--ks-text-color-default);\">Hello World</p>"
1569
+ ]
1570
+ },
1571
+ "consent": {
1572
+ "title": "Show HTML after consent",
1573
+ "type": "boolean",
1574
+ "default": false
1575
+ },
1576
+ "consentText": {
1577
+ "type": "string"
1578
+ },
1579
+ "consentButtonLabel": {
1580
+ "type": "string"
1581
+ },
1582
+ "consentBackgroundImage": {
1583
+ "type": "string",
1584
+ "format": "image"
1585
+ },
1586
+ "consentAspectRatio": {
1587
+ "type": "string",
1588
+ "enum": [
1589
+ "16:9",
1590
+ "16:10",
1591
+ "4:3",
1592
+ "1:1"
1593
+ ],
1594
+ "default": "16:9"
1595
+ },
1596
+ "inverted": {
1597
+ "title": "Inverted",
1598
+ "description": "Invert the colors of the HTML",
1599
+ "type": "boolean",
1600
+ "default": false
1601
+ },
1602
+ "className": {
1603
+ "title": "Additional Classes",
1604
+ "description": "Add additional css classes that should be applied to the element",
1605
+ "type": "string"
1606
+ },
1607
+ "component": {
1608
+ "title": "`ks-component` attribute",
1609
+ "description": "Optional custom component identifier",
1610
+ "type": "string"
1611
+ }
1612
+ },
1613
+ "additionalProperties": false
1614
+ },
1615
+ {
1616
+ "$schema": "http://json-schema.org/draft-07/schema#",
1617
+ "$id": "http://schema.mydesignsystem.com/image-story.schema.json",
1618
+ "title": "Image Story",
1619
+ "type": "object",
1620
+ "properties": {
1621
+ "headline": {
1622
+ "title": "Module Headline",
1623
+ "description": "Headline for the module element",
1624
+ "type": "string",
1625
+ "format": "markdown",
1626
+ "examples": [
1627
+ "Headline"
1628
+ ]
1629
+ },
1630
+ "largeHeadline": {
1631
+ "type": "boolean",
1632
+ "title": "Large Headline",
1633
+ "description": "Make the headline larger",
1634
+ "default": false
1635
+ },
1636
+ "sub": {
1637
+ "title": "Module Subheadline",
1638
+ "description": "Subheadline below the module headline",
1639
+ "type": "string",
1640
+ "format": "markdown",
1641
+ "examples": [
1642
+ "Subheadline"
1643
+ ]
1644
+ },
1645
+ "text": {
1646
+ "title": "Module Text",
1647
+ "description": "Info text for the module element",
1648
+ "type": "string",
1649
+ "format": "markdown"
1650
+ },
1651
+ "layout": {
1652
+ "type": "string",
1653
+ "title": "Layout",
1654
+ "description": "Choose the layout for the component",
1655
+ "enum": [
1656
+ "textLeft",
1657
+ "imageLeft"
1658
+ ],
1659
+ "default": "imageLeft"
1660
+ },
1661
+ "padding": {
1662
+ "type": "boolean",
1663
+ "title": "Padding",
1664
+ "default": false,
1665
+ "description": "Give the component padding"
1666
+ },
1667
+ "buttons": {
1668
+ "title": "Buttons",
1669
+ "description": "Buttons of the Button Group",
1670
+ "type": "array",
1671
+ "items": {
1672
+ "$schema": "http://json-schema.org/draft-07/schema#",
1673
+ "$id": "http://schema.mydesignsystem.com/button.schema.json",
1674
+ "title": "Button",
1675
+ "description": "Component used for user interaction",
1676
+ "type": "object",
1677
+ "properties": {
1678
+ "label": {
1679
+ "type": "string",
1680
+ "title": "Label",
1681
+ "description": "Text content to display inside the button",
1682
+ "examples": [
1683
+ "Book a meeting"
1684
+ ]
1685
+ },
1686
+ "url": {
1687
+ "type": "string",
1688
+ "title": "URL",
1689
+ "description": "The URL to link to when the button is clicked",
1690
+ "format": "uri"
1691
+ },
1692
+ "variant": {
1693
+ "type": "string",
1694
+ "title": "Variant",
1695
+ "description": "Variant of button to be used",
1696
+ "enum": [
1697
+ "primary",
1698
+ "secondary",
1699
+ "tertiary"
1700
+ ],
1701
+ "default": "secondary"
1702
+ },
1703
+ "icon": {
1704
+ "type": "string",
1705
+ "format": "icon",
1706
+ "title": "Icon",
1707
+ "description": "Choose an icon"
1708
+ },
1709
+ "size": {
1710
+ "type": "string",
1711
+ "title": "Size",
1712
+ "description": "Size of button to use",
1713
+ "enum": [
1714
+ "small",
1715
+ "medium",
1716
+ "large"
1717
+ ],
1718
+ "default": "medium"
1719
+ },
1720
+ "disabled": {
1721
+ "type": "boolean",
1722
+ "title": "Disabled?",
1723
+ "description": "Whether the button should be disabled",
1724
+ "default": false
1725
+ },
1726
+ "type": {
1727
+ "type": "string",
1728
+ "title": "Button Type",
1729
+ "enum": [
1730
+ "button",
1731
+ "submit",
1732
+ "reset"
1733
+ ]
1734
+ }
1735
+ },
1736
+ "additionalProperties": false,
1737
+ "required": [
1738
+ "label"
1739
+ ]
1740
+ }
1741
+ },
1742
+ "image": {
1743
+ "title": "Image",
1744
+ "description": "Image displayed alongside the text content",
1745
+ "type": "object",
1746
+ "properties": {
1747
+ "src": {
1748
+ "title": "Image source",
1749
+ "description": "Image source to use",
1750
+ "type": "string",
1751
+ "format": "image"
1752
+ },
1753
+ "aspectRatio": {
1754
+ "type": "string",
1755
+ "title": "Aspect Ratio",
1756
+ "description": "The aspect ratio of the image",
1757
+ "enum": [
1758
+ "unset",
1759
+ "square",
1760
+ "wide",
1761
+ "landscape"
1762
+ ],
1763
+ "default": "unset"
1764
+ },
1765
+ "alt": {
1766
+ "title": "Alt text",
1767
+ "description": "Image description",
1768
+ "type": "string"
1769
+ },
1770
+ "vAlign": {
1771
+ "title": "Image vertical alignment",
1772
+ "description": "Select a vertical alignment for the image",
1773
+ "type": "string",
1774
+ "enum": [
1775
+ "center",
1776
+ "top",
1777
+ "bottom"
1778
+ ],
1779
+ "default": "top"
1780
+ }
1781
+ },
1782
+ "additionalProperties": false
1783
+ },
1784
+ "textAlign": {
1785
+ "title": "Text Alignment",
1786
+ "description": "Choose the alginment of the text",
1787
+ "enum": [
1788
+ "left",
1789
+ "center"
1790
+ ],
1791
+ "type": "string",
1792
+ "default": "left"
1793
+ }
1794
+ },
1795
+ "additionalProperties": false
1796
+ },
1797
+ {
1798
+ "$schema": "http://json-schema.org/draft-07/schema#",
1799
+ "$id": "http://schema.mydesignsystem.com/image-text.schema.json",
1800
+ "title": "Image Text",
1801
+ "description": "Component used to display an image beside or above/below a text block",
1802
+ "type": "object",
1803
+ "properties": {
1804
+ "text": {
1805
+ "type": "string",
1806
+ "format": "markdown",
1807
+ "title": "Text",
1808
+ "description": "Text content to display beside the image",
1809
+ "examples": [
1810
+ "This is a sample text"
1811
+ ]
1812
+ },
1813
+ "highlightText": {
1814
+ "type": "boolean",
1815
+ "title": "Highlight Text",
1816
+ "description": "Visually highlight the text",
1817
+ "default": false
1818
+ },
1819
+ "image": {
1820
+ "type": "object",
1821
+ "properties": {
1822
+ "src": {
1823
+ "type": "string",
1824
+ "format": "image",
1825
+ "title": "Image Source",
1826
+ "description": "URL of the image to display",
1827
+ "examples": [
1828
+ "http://example.com/image.jpg"
1829
+ ]
1830
+ },
1831
+ "alt": {
1832
+ "type": "string",
1833
+ "title": "Alt Text",
1834
+ "description": "Alt text of the image",
1835
+ "examples": [
1836
+ "http://example.com/image.jpg"
1837
+ ]
1838
+ }
1839
+ },
1840
+ "additionalProperties": false
1841
+ },
1842
+ "layout": {
1843
+ "type": "string",
1844
+ "enum": [
1845
+ "above",
1846
+ "below",
1847
+ "beside-right",
1848
+ "beside-left"
1849
+ ],
1850
+ "title": "Layout",
1851
+ "description": "Position of the image relative to the text",
1852
+ "examples": [
1853
+ "above"
1854
+ ]
1855
+ }
1856
+ },
1857
+ "required": [
1858
+ "text",
1859
+ "image",
1860
+ "layout"
1861
+ ],
1862
+ "additionalProperties": false
1863
+ },
1864
+ {
1865
+ "$schema": "http://json-schema.org/draft-07/schema#",
1866
+ "$id": "http://schema.mydesignsystem.com/logos.schema.json",
1867
+ "title": "Logos",
1868
+ "description": "Component used to display a set of logos",
1869
+ "type": "object",
1870
+ "properties": {
1871
+ "tagline": {
1872
+ "type": "string",
1873
+ "title": "Logo Tagline",
1874
+ "description": "A short tagline atop the logos",
1094
1875
  "examples": [
1095
1876
  "Your Success, Our Commitment"
1096
1877
  ]
@@ -1132,8 +1913,7 @@
1132
1913
  "src"
1133
1914
  ]
1134
1915
  },
1135
- "minItems": 1,
1136
- "maxItems": 20
1916
+ "minItems": 1
1137
1917
  },
1138
1918
  "align": {
1139
1919
  "type": "string",
@@ -2090,8 +2870,7 @@
2090
2870
  "src"
2091
2871
  ]
2092
2872
  },
2093
- "minItems": 1,
2094
- "maxItems": 20
2873
+ "minItems": 1
2095
2874
  },
2096
2875
  "align": {
2097
2876
  "type": "string",
@@ -2295,6 +3074,12 @@
2295
3074
  "description": "Layout for the Teaser Card",
2296
3075
  "default": "stack"
2297
3076
  },
3077
+ "centered": {
3078
+ "type": "boolean",
3079
+ "title": "Centered",
3080
+ "description": "Whether the Teaser Card is centered",
3081
+ "default": false
3082
+ },
2298
3083
  "url": {
2299
3084
  "type": "string",
2300
3085
  "title": "Url",
@@ -2630,6 +3415,12 @@
2630
3415
  "description": "Layout for the Teaser Card",
2631
3416
  "default": "stack"
2632
3417
  },
3418
+ "centered": {
3419
+ "type": "boolean",
3420
+ "title": "Centered",
3421
+ "description": "Whether the Teaser Card is centered",
3422
+ "default": false
3423
+ },
2633
3424
  "url": {
2634
3425
  "type": "string",
2635
3426
  "title": "Url",
@@ -2801,173 +3592,660 @@
2801
3592
  "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
2802
3593
  ]
2803
3594
  },
2804
- "layout": {
3595
+ "layout": {
3596
+ "type": "string",
3597
+ "title": "Layout",
3598
+ "description": "Variant of layout to be used",
3599
+ "enum": [
3600
+ "singleColumn",
3601
+ "multiColumn"
3602
+ ],
3603
+ "default": "singleColumn"
3604
+ },
3605
+ "align": {
3606
+ "type": "string",
3607
+ "title": "Alignment",
3608
+ "description": "Alignment of text",
3609
+ "enum": [
3610
+ "left",
3611
+ "center"
3612
+ ],
3613
+ "default": "left"
3614
+ },
3615
+ "highlightText": {
3616
+ "type": "boolean",
3617
+ "title": "Highlight Text",
3618
+ "description": "Visually highlight the text",
3619
+ "default": false
3620
+ }
3621
+ },
3622
+ "additionalProperties": false,
3623
+ "required": [
3624
+ "text"
3625
+ ]
3626
+ },
3627
+ {
3628
+ "$schema": "http://json-schema.org/draft-07/schema#",
3629
+ "$id": "http://schema.mydesignsystem.com/video-curtain.schema.json",
3630
+ "title": "Video Curtain",
3631
+ "type": "object",
3632
+ "properties": {
3633
+ "headline": {
3634
+ "title": "Headline",
3635
+ "description": "Headline for the visual",
3636
+ "type": "string",
3637
+ "format": "markdown"
3638
+ },
3639
+ "sub": {
3640
+ "title": "Module Subheadline",
3641
+ "description": "Subheadline below the module headline",
3642
+ "type": "string",
3643
+ "format": "markdown"
3644
+ },
3645
+ "text": {
3646
+ "title": "Module Text",
3647
+ "description": "Info text for the module element",
3648
+ "type": "string",
3649
+ "format": "markdown"
3650
+ },
3651
+ "highlightText": {
3652
+ "type": "boolean",
3653
+ "title": "Highlight Text",
3654
+ "description": "Visually highlight the text",
3655
+ "default": false
3656
+ },
3657
+ "colorNeutral": {
3658
+ "title": "Color Neutral",
3659
+ "description": "Make the text and buttons color neutral",
3660
+ "default": false,
3661
+ "type": "boolean"
3662
+ },
3663
+ "buttons": {
3664
+ "type": "array",
3665
+ "items": {
3666
+ "title": "Button",
3667
+ "type": "object",
3668
+ "properties": {
3669
+ "label": {
3670
+ "type": "string",
3671
+ "title": "Label",
3672
+ "description": "Text content to display inside the button",
3673
+ "examples": [
3674
+ "Book a meeting"
3675
+ ]
3676
+ },
3677
+ "icon": {
3678
+ "type": "string",
3679
+ "format": "icon",
3680
+ "title": "Icon",
3681
+ "description": "Choose an icon"
3682
+ },
3683
+ "url": {
3684
+ "type": "string",
3685
+ "title": "URL",
3686
+ "description": "The URL to link to when the button is clicked",
3687
+ "format": "uri"
3688
+ }
3689
+ },
3690
+ "additionalProperties": false
3691
+ }
3692
+ },
3693
+ "overlay": {
3694
+ "title": "Grid layer",
3695
+ "description": "Enable grid layer",
3696
+ "type": "boolean",
3697
+ "default": false
3698
+ },
3699
+ "video": {
3700
+ "title": "Background video",
3701
+ "description": "Sources of background videos for different screen sizes",
3702
+ "type": "object",
3703
+ "required": [
3704
+ "srcMobile"
3705
+ ],
3706
+ "properties": {
3707
+ "srcMobile": {
3708
+ "title": "Mobile video source",
3709
+ "description": "Background video source for small screens",
3710
+ "type": "string",
3711
+ "format": "video",
3712
+ "examples": [
3713
+ "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
3714
+ ]
3715
+ },
3716
+ "srcTablet": {
3717
+ "title": "Tablet video source",
3718
+ "description": "Background video source for medium screens",
3719
+ "type": "string",
3720
+ "format": "video",
3721
+ "examples": [
3722
+ "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
3723
+ ]
3724
+ },
3725
+ "srcDesktop": {
3726
+ "title": "Desktop video source",
3727
+ "description": "Background video source for large screens",
3728
+ "type": "string",
3729
+ "format": "video",
3730
+ "examples": [
3731
+ "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
3732
+ ]
3733
+ }
3734
+ },
3735
+ "additionalProperties": false
3736
+ },
3737
+ "textPosition": {
3738
+ "title": "Module aligment",
3739
+ "description": "Choose the alginment of the module content",
3740
+ "enum": [
3741
+ "center",
3742
+ "bottom",
3743
+ "left",
3744
+ "right",
3745
+ "corner"
3746
+ ],
3747
+ "type": "string",
3748
+ "default": "center"
3749
+ }
3750
+ },
3751
+ "additionalProperties": false
3752
+ }
3753
+ ]
3754
+ }
3755
+ },
3756
+ "asideComponents": {
3757
+ "type": "array",
3758
+ "title": "Aside",
3759
+ "description": "Allowed components for the aside half of the split layout",
3760
+ "items": {
3761
+ "anyOf": [
3762
+ {
3763
+ "$schema": "http://json-schema.org/draft-07/schema#",
3764
+ "$id": "http://schema.mydesignsystem.com/blog-teaser.schema.json",
3765
+ "title": "Blog Teaser",
3766
+ "description": "Display a blog teaser with date, tags, headline, teaser text and author",
3767
+ "type": "object",
3768
+ "properties": {
3769
+ "date": {
3770
+ "title": "Date",
3771
+ "description": "The date of the blog post",
3772
+ "type": "string",
3773
+ "format": "date",
3774
+ "examples": [
3775
+ "12/30/2022"
3776
+ ]
3777
+ },
3778
+ "tags": {
3779
+ "type": "array",
3780
+ "title": "Tags",
3781
+ "description": "The tags for the blog post",
3782
+ "items": {
3783
+ "$schema": "http://json-schema.org/draft-07/schema#",
3784
+ "$id": "http://schema.mydesignsystem.com/blog-tag.schema.json",
3785
+ "title": "Blog Tag",
3786
+ "description": "Tag given to a blog post",
3787
+ "type": "object",
3788
+ "properties": {
3789
+ "entry": {
3790
+ "title": "Entry",
3791
+ "description": "Name of the tag entry",
3792
+ "type": "string"
3793
+ }
3794
+ },
3795
+ "additionalProperties": false,
3796
+ "required": [
3797
+ "entry"
3798
+ ]
3799
+ }
3800
+ },
3801
+ "headline": {
3802
+ "title": "Headline",
3803
+ "description": "The headline of the blog post",
3804
+ "type": "string",
3805
+ "format": "markdown",
3806
+ "examples": [
3807
+ "This is a blog post headline"
3808
+ ]
3809
+ },
3810
+ "teaserText": {
3811
+ "title": "Teaser Text",
3812
+ "description": "The teaser text of the blog post",
3813
+ "type": "string",
3814
+ "format": "markdown",
3815
+ "examples": [
3816
+ "This is a teaser text for the blog post"
3817
+ ]
3818
+ },
3819
+ "image": {
3820
+ "title": "Image",
3821
+ "description": "The preview image for the blog post",
3822
+ "type": "string",
3823
+ "format": "image",
3824
+ "examples": [
3825
+ "img/close-up-young-business-team-working.png"
3826
+ ]
3827
+ },
3828
+ "alt": {
3829
+ "title": "Alt",
3830
+ "description": "The alt text for the preview image",
3831
+ "type": "string",
3832
+ "examples": [
3833
+ "Image of a business team working"
3834
+ ]
3835
+ },
3836
+ "link": {
3837
+ "type": "object",
3838
+ "title": "Link",
3839
+ "description": "URL and label for the blog post linked",
3840
+ "properties": {
3841
+ "url": {
3842
+ "title": "URL",
3843
+ "description": "The blog entry URL to link",
3844
+ "type": "string",
3845
+ "format": "uri",
3846
+ "examples": [
3847
+ "https://example.com"
3848
+ ]
3849
+ },
3850
+ "text": {
3851
+ "title": "Text",
3852
+ "description": "The text for the link",
3853
+ "type": "string",
3854
+ "default": "Read article",
3855
+ "examples": [
3856
+ "Read article"
3857
+ ]
3858
+ }
3859
+ },
3860
+ "additionalProperties": false,
3861
+ "required": [
3862
+ "url"
3863
+ ]
3864
+ },
3865
+ "readingTime": {
3866
+ "title": "Reading Time",
3867
+ "description": "Time to read for the blog post",
2805
3868
  "type": "string",
2806
- "title": "Layout",
2807
- "description": "Variant of layout to be used",
2808
- "enum": [
2809
- "singleColumn",
2810
- "multiColumn"
2811
- ],
2812
- "default": "singleColumn"
3869
+ "examples": [
3870
+ "5 min read"
3871
+ ]
2813
3872
  },
2814
- "align": {
2815
- "type": "string",
2816
- "title": "Alignment",
2817
- "description": "Alignment of text",
2818
- "enum": [
2819
- "left",
2820
- "center"
2821
- ],
2822
- "default": "left"
3873
+ "author": {
3874
+ "type": "object",
3875
+ "title": "Author",
3876
+ "description": "The author of the blog post",
3877
+ "properties": {
3878
+ "name": {
3879
+ "title": "Name",
3880
+ "description": "The name of the author",
3881
+ "type": "string",
3882
+ "examples": [
3883
+ "John Doe"
3884
+ ]
3885
+ },
3886
+ "title": {
3887
+ "title": "Title",
3888
+ "description": "The title of the author",
3889
+ "type": "string",
3890
+ "examples": [
3891
+ "CEO"
3892
+ ]
3893
+ },
3894
+ "image": {
3895
+ "title": "Image",
3896
+ "description": "The image URL of the author",
3897
+ "type": "string",
3898
+ "format": "image",
3899
+ "examples": [
3900
+ "img/people/author-emily.png"
3901
+ ]
3902
+ }
3903
+ },
3904
+ "additionalProperties": false,
3905
+ "required": [
3906
+ "name"
3907
+ ]
2823
3908
  },
2824
- "highlightText": {
2825
- "type": "boolean",
2826
- "title": "Highlight Text",
2827
- "description": "Visually highlight the text",
2828
- "default": false
3909
+ "className": {
3910
+ "type": "string"
2829
3911
  }
2830
3912
  },
2831
3913
  "additionalProperties": false,
2832
3914
  "required": [
2833
- "text"
3915
+ "headline",
3916
+ "teaserText"
2834
3917
  ]
2835
3918
  },
2836
3919
  {
2837
3920
  "$schema": "http://json-schema.org/draft-07/schema#",
2838
- "$id": "http://schema.mydesignsystem.com/video-curtain.schema.json",
2839
- "title": "Video Curtain",
3921
+ "$id": "http://schema.mydesignsystem.com/business-card.schema.json",
3922
+ "title": "Business Card",
2840
3923
  "type": "object",
2841
3924
  "properties": {
2842
- "headline": {
2843
- "title": "Headline",
2844
- "description": "Headline for the visual",
2845
- "type": "string",
2846
- "format": "markdown"
3925
+ "centered": {
3926
+ "type": "boolean",
3927
+ "title": "Centered",
3928
+ "description": "Whether the business card content is centered.",
3929
+ "default": false
2847
3930
  },
2848
- "sub": {
2849
- "title": "Module Subheadline",
2850
- "description": "Subheadline below the module headline",
2851
- "type": "string",
2852
- "format": "markdown"
3931
+ "image": {
3932
+ "type": "object",
3933
+ "title": "Background Image",
3934
+ "description": "A background or feature image displayed on the business card.",
3935
+ "properties": {
3936
+ "src": {
3937
+ "type": "string",
3938
+ "format": "uri",
3939
+ "description": "URL of the background image shown on the business card."
3940
+ },
3941
+ "alt": {
3942
+ "type": "string",
3943
+ "description": "Alternative text describing the background image."
3944
+ }
3945
+ },
3946
+ "required": [
3947
+ "src"
3948
+ ],
3949
+ "additionalProperties": false
2853
3950
  },
2854
- "text": {
2855
- "title": "Module Text",
2856
- "description": "Info text for the module element",
3951
+ "logo": {
3952
+ "type": "object",
3953
+ "title": "Company Logo",
3954
+ "description": "The logo of the company or organization displayed on the business card.",
3955
+ "properties": {
3956
+ "src": {
3957
+ "type": "string",
3958
+ "format": "uri",
3959
+ "description": "URL of the company or organization logo."
3960
+ },
3961
+ "alt": {
3962
+ "type": "string",
3963
+ "description": "Alternative text describing the logo."
3964
+ },
3965
+ "url": {
3966
+ "type": "string",
3967
+ "format": "uri",
3968
+ "description": "URL to the company's website or landing page."
3969
+ }
3970
+ },
3971
+ "required": [
3972
+ "src"
3973
+ ],
3974
+ "additionalProperties": false
3975
+ },
3976
+ "topic": {
2857
3977
  "type": "string",
2858
- "format": "markdown"
3978
+ "title": "Topic",
3979
+ "description": "A headline or main topic for the business card, such as a job title or department."
2859
3980
  },
2860
- "highlightText": {
2861
- "type": "boolean",
2862
- "title": "Highlight Text",
2863
- "description": "Visually highlight the text",
2864
- "default": false
3981
+ "address": {
3982
+ "type": "string",
3983
+ "title": "Address",
3984
+ "description": "The physical or mailing address displayed on the business card."
2865
3985
  },
2866
- "colorNeutral": {
2867
- "title": "Color Neutral",
2868
- "description": "Make the text and buttons color neutral",
2869
- "default": false,
2870
- "type": "boolean"
3986
+ "avatar": {
3987
+ "type": "object",
3988
+ "title": "Avatar",
3989
+ "description": "A profile image or avatar representing the person on the business card.",
3990
+ "properties": {
3991
+ "src": {
3992
+ "type": "string",
3993
+ "format": "uri",
3994
+ "description": "URL of the person's avatar or profile image."
3995
+ },
3996
+ "alt": {
3997
+ "type": "string",
3998
+ "description": "Alternative text describing the avatar."
3999
+ }
4000
+ },
4001
+ "required": [
4002
+ "src"
4003
+ ],
4004
+ "additionalProperties": false
2871
4005
  },
2872
- "buttons": {
4006
+ "contact": {
2873
4007
  "type": "array",
4008
+ "title": "Contact Information",
4009
+ "description": "A list of contact methods for the person or business (e.g., email, phone, website).",
2874
4010
  "items": {
2875
- "title": "Button",
2876
4011
  "type": "object",
2877
4012
  "properties": {
2878
4013
  "label": {
2879
4014
  "type": "string",
2880
- "title": "Label",
2881
- "description": "Text content to display inside the button",
2882
- "examples": [
2883
- "Book a meeting"
2884
- ]
4015
+ "description": "Label describing the contact method (e.g., 'Email', 'Phone')."
2885
4016
  },
2886
4017
  "icon": {
2887
4018
  "type": "string",
2888
- "format": "icon",
2889
- "title": "Icon",
2890
- "description": "Choose an icon"
4019
+ "description": "Icon name or identifier representing the contact method."
2891
4020
  },
2892
4021
  "url": {
2893
4022
  "type": "string",
2894
- "title": "URL",
2895
- "description": "The URL to link to when the button is clicked",
2896
- "format": "uri"
4023
+ "format": "uri",
4024
+ "description": "URL or link for the contact method, if applicable."
2897
4025
  }
2898
4026
  },
4027
+ "required": [
4028
+ "label"
4029
+ ],
2899
4030
  "additionalProperties": false
2900
4031
  }
2901
4032
  },
2902
- "overlay": {
2903
- "title": "Grid layer",
2904
- "description": "Enable grid layer",
2905
- "type": "boolean",
2906
- "default": false
2907
- },
2908
- "video": {
2909
- "title": "Background video",
2910
- "description": "Sources of background videos for different screen sizes",
4033
+ "buttons": {
4034
+ "type": "array",
4035
+ "title": "Buttons",
4036
+ "description": "A list of action buttons shown on the business card.",
4037
+ "items": {
4038
+ "type": "object",
4039
+ "properties": {
4040
+ "label": {
4041
+ "type": "string",
4042
+ "description": "Text label for the link."
4043
+ },
4044
+ "url": {
4045
+ "type": "string",
4046
+ "format": "uri",
4047
+ "description": "URL the link points to."
4048
+ }
4049
+ },
4050
+ "required": [
4051
+ "label",
4052
+ "url"
4053
+ ],
4054
+ "additionalProperties": false
4055
+ }
4056
+ }
4057
+ },
4058
+ "additionalProperties": false
4059
+ },
4060
+ {
4061
+ "$schema": "http://json-schema.org/draft-07/schema#",
4062
+ "$id": "http://schema.mydesignsystem.com/contact.schema.json",
4063
+ "title": "Contact",
4064
+ "description": "Component used for user interaction",
4065
+ "type": "object",
4066
+ "properties": {
4067
+ "image": {
2911
4068
  "type": "object",
2912
- "required": [
2913
- "srcMobile"
2914
- ],
2915
4069
  "properties": {
2916
- "srcMobile": {
2917
- "title": "Mobile video source",
2918
- "description": "Background video source for small screens",
4070
+ "src": {
2919
4071
  "type": "string",
2920
- "format": "video",
4072
+ "format": "image",
4073
+ "title": "Image Source",
4074
+ "description": "URL of the image to display",
2921
4075
  "examples": [
2922
- "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
4076
+ "img/people/author-emily.png"
2923
4077
  ]
2924
4078
  },
2925
- "srcTablet": {
2926
- "title": "Tablet video source",
2927
- "description": "Background video source for medium screens",
4079
+ "alt": {
4080
+ "type": "string",
4081
+ "title": "Alt Text",
4082
+ "description": "Alt text of the image",
4083
+ "examples": [
4084
+ "Picture of Isabella Doe"
4085
+ ]
4086
+ },
4087
+ "fullWidth": {
4088
+ "type": "boolean",
4089
+ "title": "Full Width",
4090
+ "description": "Image uses all the horizontal space vailable",
4091
+ "default": false
4092
+ },
4093
+ "aspectRatio": {
4094
+ "type": "string",
4095
+ "title": "aspectRatio",
4096
+ "description": "Aspect Ratio of the Images",
4097
+ "enum": [
4098
+ "wide",
4099
+ "square",
4100
+ "vertical"
4101
+ ],
4102
+ "default": "square"
4103
+ }
4104
+ },
4105
+ "additionalProperties": false
4106
+ },
4107
+ "title": {
4108
+ "title": "Title",
4109
+ "description": "Name, company name, etc.",
4110
+ "type": "string",
4111
+ "examples": [
4112
+ "Isabella Doe"
4113
+ ]
4114
+ },
4115
+ "subtitle": {
4116
+ "title": "Subtitle",
4117
+ "description": "Position, profession, department, location, etc.",
4118
+ "type": "string",
4119
+ "examples": [
4120
+ "CEO at Company"
4121
+ ]
4122
+ },
4123
+ "links": {
4124
+ "type": "array",
4125
+ "items": {
4126
+ "type": "object",
4127
+ "properties": {
4128
+ "icon": {
4129
+ "type": "string",
4130
+ "format": "icon"
4131
+ },
4132
+ "label": {
4133
+ "type": "string"
4134
+ },
4135
+ "url": {
4136
+ "type": "string",
4137
+ "format": "uri"
4138
+ },
4139
+ "newTab": {
4140
+ "title": "Open link in new Tab",
4141
+ "description": "Open link in new Tab",
4142
+ "type": "boolean",
4143
+ "default": false
4144
+ },
4145
+ "ariaLabel": {
4146
+ "title": "Aria Label",
4147
+ "description": "Aria label for the link",
4148
+ "type": "string",
4149
+ "examples": [
4150
+ "Link to Isabella Doe's social media profile"
4151
+ ]
4152
+ }
4153
+ },
4154
+ "additionalProperties": false
4155
+ },
4156
+ "examples": [
4157
+ [
4158
+ {
4159
+ "icon": "phone",
4160
+ "label": "0228 / 688 966 20",
4161
+ "url": "tel:+4922868896620"
4162
+ },
4163
+ {
4164
+ "icon": "email",
4165
+ "label": "mail@example.com",
4166
+ "url": "mailto:mail@example.com"
4167
+ }
4168
+ ]
4169
+ ]
4170
+ },
4171
+ "copy": {
4172
+ "title": "Copy text",
4173
+ "type": "string"
4174
+ },
4175
+ "className": {
4176
+ "title": "Class",
4177
+ "description": "Additional css classes attached to the wrapping element",
4178
+ "type": "string"
4179
+ },
4180
+ "component": {
4181
+ "title": "`ks-component` attribute",
4182
+ "description": "Optional custom component identifier",
4183
+ "type": "string"
4184
+ }
4185
+ },
4186
+ "additionalProperties": false,
4187
+ "required": [
4188
+ "name"
4189
+ ]
4190
+ },
4191
+ {
4192
+ "$schema": "http://json-schema.org/draft-07/schema#",
4193
+ "$id": "http://schema.mydesignsystem.com/content-nav.schema.json",
4194
+ "title": "Content Nav",
4195
+ "type": "object",
4196
+ "properties": {
4197
+ "image": {
4198
+ "type": "object",
4199
+ "properties": {
4200
+ "src": {
2928
4201
  "type": "string",
2929
- "format": "video",
2930
- "examples": [
2931
- "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
2932
- ]
4202
+ "format": "uri",
4203
+ "description": "URL of the image to display in the content nav."
2933
4204
  },
2934
- "srcDesktop": {
2935
- "title": "Desktop video source",
2936
- "description": "Background video source for large screens",
4205
+ "alt": {
2937
4206
  "type": "string",
2938
- "format": "video",
2939
- "examples": [
2940
- "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
2941
- ]
4207
+ "description": "Alternative text for the image."
2942
4208
  }
2943
4209
  },
4210
+ "required": [
4211
+ "src"
4212
+ ],
2944
4213
  "additionalProperties": false
2945
4214
  },
2946
- "textPosition": {
2947
- "title": "Module aligment",
2948
- "description": "Choose the alginment of the module content",
2949
- "enum": [
2950
- "center",
2951
- "bottom",
2952
- "left",
2953
- "right",
2954
- "corner"
2955
- ],
4215
+ "topic": {
2956
4216
  "type": "string",
2957
- "default": "center"
4217
+ "description": "The topic of the content being navigated."
4218
+ },
4219
+ "links": {
4220
+ "type": "array",
4221
+ "items": {
4222
+ "type": "object",
4223
+ "properties": {
4224
+ "label": {
4225
+ "type": "string",
4226
+ "description": "The text label for the link."
4227
+ },
4228
+ "url": {
4229
+ "type": "string",
4230
+ "format": "uri",
4231
+ "description": "The URL the link points to."
4232
+ }
4233
+ },
4234
+ "required": [
4235
+ "label",
4236
+ "url"
4237
+ ],
4238
+ "additionalProperties": false
4239
+ }
4240
+ },
4241
+ "initiallyShown": {
4242
+ "type": "number",
4243
+ "default": 4,
4244
+ "description": "Determines how many links are initially shown in the content nav. If there are more links, a 'Show More' button will be displayed."
2958
4245
  }
2959
4246
  },
2960
4247
  "additionalProperties": false
2961
- }
2962
- ]
2963
- }
2964
- },
2965
- "asideComponents": {
2966
- "type": "array",
2967
- "title": "Aside",
2968
- "description": "Allowed components for the aside half of the split layout",
2969
- "items": {
2970
- "anyOf": [
4248
+ },
2971
4249
  {
2972
4250
  "$schema": "http://json-schema.org/draft-07/schema#",
2973
4251
  "$id": "http://schema.mydesignsystem.com/cta.schema.json",
@@ -3168,6 +4446,300 @@
3168
4446
  },
3169
4447
  "additionalProperties": false
3170
4448
  },
4449
+ {
4450
+ "$schema": "http://json-schema.org/draft-07/schema#",
4451
+ "$id": "http://schema.mydesignsystem.com/downloads.schema.json",
4452
+ "title": "Downloads",
4453
+ "type": "object",
4454
+ "properties": {
4455
+ "downloads": {
4456
+ "type": "array",
4457
+ "items": {
4458
+ "type": "object",
4459
+ "properties": {
4460
+ "name": {
4461
+ "type": "string",
4462
+ "description": "The name of the file"
4463
+ },
4464
+ "description": {
4465
+ "type": "string",
4466
+ "description": "A brief description of the file"
4467
+ },
4468
+ "previewImage": {
4469
+ "type": "string",
4470
+ "format": "uri",
4471
+ "description": "A URL to an image that previews the file."
4472
+ },
4473
+ "url": {
4474
+ "type": "string",
4475
+ "format": "uri",
4476
+ "description": "The URL to download the file from."
4477
+ },
4478
+ "size": {
4479
+ "type": [
4480
+ "string"
4481
+ ],
4482
+ "description": "The size of the download file"
4483
+ },
4484
+ "format": {
4485
+ "type": [
4486
+ "string"
4487
+ ],
4488
+ "description": "The format of the download file"
4489
+ }
4490
+ },
4491
+ "required": [
4492
+ "name",
4493
+ "url"
4494
+ ],
4495
+ "additionalProperties": false
4496
+ }
4497
+ }
4498
+ },
4499
+ "additionalProperties": false
4500
+ },
4501
+ {
4502
+ "$schema": "http://json-schema.org/draft-07/schema#",
4503
+ "$id": "http://schema.mydesignsystem.com/event-latest-teaser.schema.json",
4504
+ "title": "Event Latest Teaser",
4505
+ "description": "Display an event teaser with date, title and location",
4506
+ "type": "object",
4507
+ "properties": {
4508
+ "date": {
4509
+ "title": "Date",
4510
+ "description": "The date of the event",
4511
+ "type": "string",
4512
+ "format": "date",
4513
+ "examples": [
4514
+ "12.30.2022"
4515
+ ]
4516
+ },
4517
+ "calendar": {
4518
+ "type": "object",
4519
+ "title": "Calendar",
4520
+ "description": "Calendar icon to display the date",
4521
+ "properties": {
4522
+ "month": {
4523
+ "title": "Month",
4524
+ "description": "The month of the event",
4525
+ "type": "string",
4526
+ "examples": [
4527
+ "Dec"
4528
+ ]
4529
+ },
4530
+ "day": {
4531
+ "title": "Day",
4532
+ "description": "The day of the event",
4533
+ "type": "string",
4534
+ "examples": [
4535
+ "30"
4536
+ ]
4537
+ }
4538
+ },
4539
+ "additionalProperties": false
4540
+ },
4541
+ "title": {
4542
+ "title": "Headline",
4543
+ "description": "Title of the event",
4544
+ "type": "string",
4545
+ "format": "markdown",
4546
+ "examples": [
4547
+ "This is a event teaser title"
4548
+ ]
4549
+ },
4550
+ "location": {
4551
+ "title": "Location",
4552
+ "description": "Location of the event",
4553
+ "type": "string",
4554
+ "format": "markdown",
4555
+ "examples": [
4556
+ "This is a location"
4557
+ ]
4558
+ },
4559
+ "url": {
4560
+ "title": "URL",
4561
+ "description": "The event entry URL to link",
4562
+ "type": "string",
4563
+ "format": "uri",
4564
+ "examples": [
4565
+ "https://example.com"
4566
+ ]
4567
+ },
4568
+ "cta": {
4569
+ "title": "Call to Action",
4570
+ "description": "Text for the call to action",
4571
+ "type": "string",
4572
+ "examples": [
4573
+ "Show event"
4574
+ ]
4575
+ },
4576
+ "ariaLabel": {
4577
+ "title": "ARIA Label",
4578
+ "description": "ARIA label for accessibility",
4579
+ "type": "string",
4580
+ "examples": [
4581
+ "Event teaser for "
4582
+ ]
4583
+ },
4584
+ "className": {
4585
+ "type": "string"
4586
+ }
4587
+ },
4588
+ "additionalProperties": false,
4589
+ "required": [
4590
+ "title",
4591
+ "date",
4592
+ "location"
4593
+ ]
4594
+ },
4595
+ {
4596
+ "$schema": "http://json-schema.org/draft-07/schema#",
4597
+ "$id": "http://schema.mydesignsystem.com/event-list-teaser.schema.json",
4598
+ "title": "Event List Teaser",
4599
+ "description": "Display an event teaser with date, title and location",
4600
+ "type": "object",
4601
+ "properties": {
4602
+ "category": {
4603
+ "title": "Category",
4604
+ "description": "Category of the event teaser",
4605
+ "type": "string",
4606
+ "examples": [
4607
+ "Buyers"
4608
+ ]
4609
+ },
4610
+ "title": {
4611
+ "title": "Headline",
4612
+ "description": "Title of the event",
4613
+ "type": "string",
4614
+ "format": "markdown",
4615
+ "examples": [
4616
+ "This is a event teaser title"
4617
+ ]
4618
+ },
4619
+ "text": {
4620
+ "title": "Text",
4621
+ "description": "Short teaser text for the event",
4622
+ "type": "string",
4623
+ "format": "markdown",
4624
+ "examples": [
4625
+ "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence."
4626
+ ]
4627
+ },
4628
+ "date": {
4629
+ "title": "Date",
4630
+ "description": "The date of the event",
4631
+ "type": "string",
4632
+ "format": "date",
4633
+ "examples": [
4634
+ "FRI, JAN 16"
4635
+ ]
4636
+ },
4637
+ "time": {
4638
+ "title": "Time",
4639
+ "description": "The time of the event",
4640
+ "type": "string",
4641
+ "examples": [
4642
+ "10:00"
4643
+ ]
4644
+ },
4645
+ "location": {
4646
+ "title": "Location",
4647
+ "description": "Location of the event",
4648
+ "type": "object",
4649
+ "properties": {
4650
+ "name": {
4651
+ "type": "string",
4652
+ "title": "Location Name",
4653
+ "description": "Name of the location",
4654
+ "examples": [
4655
+ "Stadthalle"
4656
+ ]
4657
+ },
4658
+ "address": {
4659
+ "type": "string",
4660
+ "title": "Address",
4661
+ "description": "Address of the location",
4662
+ "examples": [
4663
+ "Köln"
4664
+ ]
4665
+ }
4666
+ },
4667
+ "additionalProperties": false
4668
+ },
4669
+ "tags": {
4670
+ "title": "Tags",
4671
+ "description": "Tags associated with the event",
4672
+ "type": "array",
4673
+ "items": {
4674
+ "type": "string",
4675
+ "examples": [
4676
+ "AI",
4677
+ "Technology",
4678
+ "Innovation"
4679
+ ]
4680
+ },
4681
+ "default": [
4682
+ "AI"
4683
+ ]
4684
+ },
4685
+ "image": {
4686
+ "title": "Image",
4687
+ "description": "Image to display in the teaser",
4688
+ "type": "object",
4689
+ "properties": {
4690
+ "src": {
4691
+ "type": "string",
4692
+ "format": "image",
4693
+ "title": "Image Source",
4694
+ "description": "URL of the image to display",
4695
+ "examples": [
4696
+ "https://picsum.photos/seed/flower/800/600"
4697
+ ]
4698
+ },
4699
+ "alt": {
4700
+ "type": "string",
4701
+ "title": "Alt Text",
4702
+ "description": "Alt text of the image",
4703
+ "examples": [
4704
+ "This is an image of a flower"
4705
+ ]
4706
+ }
4707
+ },
4708
+ "additionalProperties": false
4709
+ },
4710
+ "url": {
4711
+ "title": "URL",
4712
+ "description": "The event entry URL to link",
4713
+ "type": "string",
4714
+ "format": "uri",
4715
+ "examples": [
4716
+ "https://example.com"
4717
+ ]
4718
+ },
4719
+ "ctaText": {
4720
+ "title": "Call to Action",
4721
+ "description": "Text for the call to action",
4722
+ "type": "string",
4723
+ "examples": [
4724
+ "Show event"
4725
+ ]
4726
+ },
4727
+ "ariaLabel": {
4728
+ "title": "ARIA Label",
4729
+ "description": "ARIA label for accessibility",
4730
+ "type": "string"
4731
+ },
4732
+ "className": {
4733
+ "type": "string"
4734
+ }
4735
+ },
4736
+ "additionalProperties": false,
4737
+ "required": [
4738
+ "title",
4739
+ "date",
4740
+ "location"
4741
+ ]
4742
+ },
3171
4743
  {
3172
4744
  "$schema": "http://json-schema.org/draft-07/schema#",
3173
4745
  "$id": "http://schema.mydesignsystem.com/faq.schema.json",
@@ -3180,6 +4752,7 @@
3180
4752
  "title": "Questions",
3181
4753
  "description": "The questions and answers in the Faq section",
3182
4754
  "items": {
4755
+ "title": "Question",
3183
4756
  "type": "object",
3184
4757
  "properties": {
3185
4758
  "question": {
@@ -3203,8 +4776,7 @@
3203
4776
  },
3204
4777
  "additionalProperties": false,
3205
4778
  "required": [
3206
- "question",
3207
- "answer"
4779
+ "question"
3208
4780
  ]
3209
4781
  },
3210
4782
  "minItems": 1
@@ -3965,8 +5537,7 @@
3965
5537
  "src"
3966
5538
  ]
3967
5539
  },
3968
- "minItems": 1,
3969
- "maxItems": 20
5540
+ "minItems": 1
3970
5541
  },
3971
5542
  "align": {
3972
5543
  "type": "string",
@@ -4923,8 +6494,7 @@
4923
6494
  "src"
4924
6495
  ]
4925
6496
  },
4926
- "minItems": 1,
4927
- "maxItems": 20
6497
+ "minItems": 1
4928
6498
  },
4929
6499
  "align": {
4930
6500
  "type": "string",
@@ -5128,6 +6698,12 @@
5128
6698
  "description": "Layout for the Teaser Card",
5129
6699
  "default": "stack"
5130
6700
  },
6701
+ "centered": {
6702
+ "type": "boolean",
6703
+ "title": "Centered",
6704
+ "description": "Whether the Teaser Card is centered",
6705
+ "default": false
6706
+ },
5131
6707
  "url": {
5132
6708
  "type": "string",
5133
6709
  "title": "Url",
@@ -5463,6 +7039,12 @@
5463
7039
  "description": "Layout for the Teaser Card",
5464
7040
  "default": "stack"
5465
7041
  },
7042
+ "centered": {
7043
+ "type": "boolean",
7044
+ "title": "Centered",
7045
+ "description": "Whether the Teaser Card is centered",
7046
+ "default": false
7047
+ },
5466
7048
  "url": {
5467
7049
  "type": "string",
5468
7050
  "title": "Url",