@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
@@ -77,481 +77,518 @@
77
77
  "anyOf": [
78
78
  {
79
79
  "$schema": "http://json-schema.org/draft-07/schema#",
80
- "$id": "http://schema.mydesignsystem.com/cta.schema.json",
81
- "title": "Cta",
80
+ "$id": "http://schema.mydesignsystem.com/blog-teaser.schema.json",
81
+ "title": "Blog Teaser",
82
+ "description": "Display a blog teaser with date, tags, headline, teaser text and author",
82
83
  "type": "object",
83
84
  "properties": {
85
+ "date": {
86
+ "title": "Date",
87
+ "description": "The date of the blog post",
88
+ "type": "string",
89
+ "format": "date",
90
+ "examples": [
91
+ "12/30/2022"
92
+ ]
93
+ },
94
+ "tags": {
95
+ "type": "array",
96
+ "title": "Tags",
97
+ "description": "The tags for the blog post",
98
+ "items": {
99
+ "$schema": "http://json-schema.org/draft-07/schema#",
100
+ "$id": "http://schema.mydesignsystem.com/blog-tag.schema.json",
101
+ "title": "Blog Tag",
102
+ "description": "Tag given to a blog post",
103
+ "type": "object",
104
+ "properties": {
105
+ "entry": {
106
+ "title": "Entry",
107
+ "description": "Name of the tag entry",
108
+ "type": "string"
109
+ }
110
+ },
111
+ "additionalProperties": false,
112
+ "required": [
113
+ "entry"
114
+ ]
115
+ }
116
+ },
84
117
  "headline": {
85
- "title": "Component Headline",
86
- "description": "Headline for the Component element",
118
+ "title": "Headline",
119
+ "description": "The headline of the blog post",
87
120
  "type": "string",
88
121
  "format": "markdown",
89
122
  "examples": [
90
- "Headline"
123
+ "This is a blog post headline"
91
124
  ]
92
125
  },
93
- "sub": {
94
- "title": "Component Subheadline",
95
- "description": "Subheadline below the component headline",
126
+ "teaserText": {
127
+ "title": "Teaser Text",
128
+ "description": "The teaser text of the blog post",
96
129
  "type": "string",
97
130
  "format": "markdown",
98
131
  "examples": [
99
- "Subheadline"
132
+ "This is a teaser text for the blog post"
100
133
  ]
101
134
  },
102
- "text": {
103
- "title": "Component Text",
104
- "description": "Info text for the component element",
135
+ "image": {
136
+ "title": "Image",
137
+ "description": "The preview image for the blog post",
105
138
  "type": "string",
106
- "format": "markdown"
107
- },
108
- "highlightText": {
109
- "type": "boolean",
110
- "title": "Highlight Text",
111
- "description": "Visually highlight the text",
112
- "default": false
139
+ "format": "image",
140
+ "examples": [
141
+ "img/close-up-young-business-team-working.png"
142
+ ]
113
143
  },
114
- "colorNeutral": {
115
- "title": "Color Neutral",
116
- "description": "Make the text and buttons color neutral",
117
- "default": false,
118
- "type": "boolean"
144
+ "alt": {
145
+ "title": "Alt",
146
+ "description": "The alt text for the preview image",
147
+ "type": "string",
148
+ "examples": [
149
+ "Image of a business team working"
150
+ ]
119
151
  },
120
- "buttons": {
121
- "type": "array",
122
- "items": {
123
- "title": "Button",
124
- "type": "object",
125
- "properties": {
126
- "label": {
127
- "type": "string",
128
- "title": "Label",
129
- "description": "Text content to display inside the button",
130
- "examples": [
131
- "Book a meeting"
132
- ]
133
- },
134
- "icon": {
135
- "type": "string",
136
- "format": "icon",
137
- "title": "Icon",
138
- "description": "Choose an icon"
139
- },
140
- "url": {
141
- "type": "string",
142
- "title": "URL",
143
- "description": "The URL to link to when the button is clicked",
144
- "format": "uri"
145
- }
152
+ "link": {
153
+ "type": "object",
154
+ "title": "Link",
155
+ "description": "URL and label for the blog post linked",
156
+ "properties": {
157
+ "url": {
158
+ "title": "URL",
159
+ "description": "The blog entry URL to link",
160
+ "type": "string",
161
+ "format": "uri",
162
+ "examples": [
163
+ "https://example.com"
164
+ ]
146
165
  },
147
- "additionalProperties": false
148
- }
166
+ "text": {
167
+ "title": "Text",
168
+ "description": "The text for the link",
169
+ "type": "string",
170
+ "default": "Read article",
171
+ "examples": [
172
+ "Read article"
173
+ ]
174
+ }
175
+ },
176
+ "additionalProperties": false,
177
+ "required": [
178
+ "url"
179
+ ]
149
180
  },
150
- "backgroundColor": {
151
- "title": "Background color",
152
- "description": "Background color for the whole element",
181
+ "readingTime": {
182
+ "title": "Reading Time",
183
+ "description": "Time to read for the blog post",
153
184
  "type": "string",
154
- "format": "color"
185
+ "examples": [
186
+ "5 min read"
187
+ ]
155
188
  },
156
- "backgroundImage": {
157
- "title": "Background image",
158
- "description": "Background image for the whole element",
159
- "type": "string",
160
- "format": "image"
189
+ "author": {
190
+ "type": "object",
191
+ "title": "Author",
192
+ "description": "The author of the blog post",
193
+ "properties": {
194
+ "name": {
195
+ "title": "Name",
196
+ "description": "The name of the author",
197
+ "type": "string",
198
+ "examples": [
199
+ "John Doe"
200
+ ]
201
+ },
202
+ "title": {
203
+ "title": "Title",
204
+ "description": "The title of the author",
205
+ "type": "string",
206
+ "examples": [
207
+ "CEO"
208
+ ]
209
+ },
210
+ "image": {
211
+ "title": "Image",
212
+ "description": "The image URL of the author",
213
+ "type": "string",
214
+ "format": "image",
215
+ "examples": [
216
+ "img/people/author-emily.png"
217
+ ]
218
+ }
219
+ },
220
+ "additionalProperties": false,
221
+ "required": [
222
+ "name"
223
+ ]
224
+ },
225
+ "className": {
226
+ "type": "string"
227
+ }
228
+ },
229
+ "additionalProperties": false,
230
+ "required": [
231
+ "headline",
232
+ "teaserText"
233
+ ]
234
+ },
235
+ {
236
+ "$schema": "http://json-schema.org/draft-07/schema#",
237
+ "$id": "http://schema.mydesignsystem.com/business-card.schema.json",
238
+ "title": "Business Card",
239
+ "type": "object",
240
+ "properties": {
241
+ "centered": {
242
+ "type": "boolean",
243
+ "title": "Centered",
244
+ "description": "Whether the business card content is centered.",
245
+ "default": false
161
246
  },
162
247
  "image": {
163
- "title": "Image",
164
- "description": "Image displayed alongside the text content",
165
248
  "type": "object",
249
+ "title": "Background Image",
250
+ "description": "A background or feature image displayed on the business card.",
166
251
  "properties": {
167
252
  "src": {
168
- "title": "Image source",
169
- "description": "Image source to use",
170
253
  "type": "string",
171
- "format": "image"
172
- },
173
- "padding": {
174
- "title": "Padding",
175
- "description": "Toggle padding of the image",
176
- "type": "boolean",
177
- "default": true
254
+ "format": "uri",
255
+ "description": "URL of the background image shown on the business card."
178
256
  },
179
257
  "alt": {
180
- "title": "Alt text",
181
- "description": "Image description",
182
- "type": "string"
183
- },
184
- "align": {
185
- "title": "Vertical alignment of the image",
186
- "description": "Select a vertical alignment for the image",
187
258
  "type": "string",
188
- "enum": [
189
- "center",
190
- "top",
191
- "bottom"
192
- ],
193
- "default": "center"
259
+ "description": "Alternative text describing the background image."
194
260
  }
195
261
  },
262
+ "required": [
263
+ "src"
264
+ ],
196
265
  "additionalProperties": false
197
266
  },
198
- "order": {
199
- "title": "Order",
200
- "description": "Choose what comes first on mobile and desktop: image or text",
267
+ "logo": {
201
268
  "type": "object",
269
+ "title": "Company Logo",
270
+ "description": "The logo of the company or organization displayed on the business card.",
202
271
  "properties": {
203
- "mobileImageLast": {
204
- "title": "Mobile image after text",
205
- "description": "Switch to displaying the image after the text on mobile",
206
- "type": "boolean",
207
- "default": false
272
+ "src": {
273
+ "type": "string",
274
+ "format": "uri",
275
+ "description": "URL of the company or organization logo."
208
276
  },
209
- "desktopImageLast": {
210
- "title": "Desktop image after text",
211
- "description": "Switch to displaying the image after the text on desktop",
212
- "type": "boolean",
213
- "default": true
277
+ "alt": {
278
+ "type": "string",
279
+ "description": "Alternative text describing the logo."
280
+ },
281
+ "url": {
282
+ "type": "string",
283
+ "format": "uri",
284
+ "description": "URL to the company's website or landing page."
214
285
  }
215
286
  },
287
+ "required": [
288
+ "src"
289
+ ],
216
290
  "additionalProperties": false
217
291
  },
218
- "textAlign": {
219
- "title": "Text Alignment",
220
- "description": "Choose the alginment of the text",
221
- "enum": [
222
- "left",
223
- "center"
224
- ],
292
+ "topic": {
225
293
  "type": "string",
226
- "default": "left"
294
+ "title": "Topic",
295
+ "description": "A headline or main topic for the business card, such as a job title or department."
227
296
  },
228
- "align": {
229
- "title": "Vertical alignment of the content",
230
- "description": "Select a vertical alignment for the content",
297
+ "address": {
231
298
  "type": "string",
232
- "enum": [
233
- "center",
234
- "top",
235
- "bottom"
299
+ "title": "Address",
300
+ "description": "The physical or mailing address displayed on the business card."
301
+ },
302
+ "avatar": {
303
+ "type": "object",
304
+ "title": "Avatar",
305
+ "description": "A profile image or avatar representing the person on the business card.",
306
+ "properties": {
307
+ "src": {
308
+ "type": "string",
309
+ "format": "uri",
310
+ "description": "URL of the person's avatar or profile image."
311
+ },
312
+ "alt": {
313
+ "type": "string",
314
+ "description": "Alternative text describing the avatar."
315
+ }
316
+ },
317
+ "required": [
318
+ "src"
236
319
  ],
237
- "default": "center"
320
+ "additionalProperties": false
238
321
  },
239
- "padding": {
240
- "title": "Padding",
241
- "description": "Toggle padding of the content",
242
- "type": "boolean",
243
- "default": false
322
+ "contact": {
323
+ "type": "array",
324
+ "title": "Contact Information",
325
+ "description": "A list of contact methods for the person or business (e.g., email, phone, website).",
326
+ "items": {
327
+ "type": "object",
328
+ "properties": {
329
+ "label": {
330
+ "type": "string",
331
+ "description": "Label describing the contact method (e.g., 'Email', 'Phone')."
332
+ },
333
+ "icon": {
334
+ "type": "string",
335
+ "description": "Icon name or identifier representing the contact method."
336
+ },
337
+ "url": {
338
+ "type": "string",
339
+ "format": "uri",
340
+ "description": "URL or link for the contact method, if applicable."
341
+ }
342
+ },
343
+ "required": [
344
+ "label"
345
+ ],
346
+ "additionalProperties": false
347
+ }
348
+ },
349
+ "buttons": {
350
+ "type": "array",
351
+ "title": "Buttons",
352
+ "description": "A list of action buttons shown on the business card.",
353
+ "items": {
354
+ "type": "object",
355
+ "properties": {
356
+ "label": {
357
+ "type": "string",
358
+ "description": "Text label for the link."
359
+ },
360
+ "url": {
361
+ "type": "string",
362
+ "format": "uri",
363
+ "description": "URL the link points to."
364
+ }
365
+ },
366
+ "required": [
367
+ "label",
368
+ "url"
369
+ ],
370
+ "additionalProperties": false
371
+ }
244
372
  }
245
373
  },
246
374
  "additionalProperties": false
247
375
  },
248
376
  {
249
377
  "$schema": "http://json-schema.org/draft-07/schema#",
250
- "$id": "http://schema.mydesignsystem.com/divider.schema.json",
251
- "title": "Divider",
252
- "description": "Dividers bring clarity to a layout by grouping and dividing content in close proximity.",
378
+ "$id": "http://schema.mydesignsystem.com/contact.schema.json",
379
+ "title": "Contact",
380
+ "description": "Component used for user interaction",
253
381
  "type": "object",
254
382
  "properties": {
255
- "variant": {
256
- "title": "Style of the divider",
383
+ "image": {
384
+ "type": "object",
385
+ "properties": {
386
+ "src": {
387
+ "type": "string",
388
+ "format": "image",
389
+ "title": "Image Source",
390
+ "description": "URL of the image to display",
391
+ "examples": [
392
+ "img/people/author-emily.png"
393
+ ]
394
+ },
395
+ "alt": {
396
+ "type": "string",
397
+ "title": "Alt Text",
398
+ "description": "Alt text of the image",
399
+ "examples": [
400
+ "Picture of Isabella Doe"
401
+ ]
402
+ },
403
+ "fullWidth": {
404
+ "type": "boolean",
405
+ "title": "Full Width",
406
+ "description": "Image uses all the horizontal space vailable",
407
+ "default": false
408
+ },
409
+ "aspectRatio": {
410
+ "type": "string",
411
+ "title": "aspectRatio",
412
+ "description": "Aspect Ratio of the Images",
413
+ "enum": [
414
+ "wide",
415
+ "square",
416
+ "vertical"
417
+ ],
418
+ "default": "square"
419
+ }
420
+ },
421
+ "additionalProperties": false
422
+ },
423
+ "title": {
424
+ "title": "Title",
425
+ "description": "Name, company name, etc.",
257
426
  "type": "string",
258
- "description": "Choose a variant for the divider",
259
- "enum": [
260
- "default",
261
- "accent"
262
- ],
263
- "default": "default"
427
+ "examples": [
428
+ "Isabella Doe"
429
+ ]
264
430
  },
265
- "className": {
431
+ "subtitle": {
432
+ "title": "Subtitle",
433
+ "description": "Position, profession, department, location, etc.",
266
434
  "type": "string",
267
- "title": "Additional Classes",
268
- "description": "Add additional css classes that should be applied to the divider"
435
+ "examples": [
436
+ "CEO at Company"
437
+ ]
269
438
  },
270
- "component": {
271
- "title": "`ks-component` attribute",
272
- "description": "Optional custom component identifier",
273
- "type": "string"
274
- }
275
- },
276
- "additionalProperties": false
277
- },
278
- {
279
- "$schema": "http://json-schema.org/draft-07/schema#",
280
- "$id": "http://schema.mydesignsystem.com/faq.schema.json",
281
- "title": "Faq",
282
- "description": "Component used to display a Faq section",
283
- "type": "object",
284
- "properties": {
285
- "questions": {
439
+ "links": {
286
440
  "type": "array",
287
- "title": "Questions",
288
- "description": "The questions and answers in the Faq section",
289
441
  "items": {
290
442
  "type": "object",
291
443
  "properties": {
292
- "question": {
444
+ "icon": {
293
445
  "type": "string",
294
- "format": "markdown",
295
- "title": "Question",
296
- "description": "The question",
297
- "examples": [
298
- "What is the product made of?"
299
- ]
446
+ "format": "icon"
300
447
  },
301
- "answer": {
448
+ "label": {
449
+ "type": "string"
450
+ },
451
+ "url": {
452
+ "type": "string",
453
+ "format": "uri"
454
+ },
455
+ "newTab": {
456
+ "title": "Open link in new Tab",
457
+ "description": "Open link in new Tab",
458
+ "type": "boolean",
459
+ "default": false
460
+ },
461
+ "ariaLabel": {
462
+ "title": "Aria Label",
463
+ "description": "Aria label for the link",
302
464
  "type": "string",
303
- "format": "markdown",
304
- "title": "Answer",
305
- "description": "The answer to the question",
306
465
  "examples": [
307
- "The product is made of high-quality materials"
466
+ "Link to Isabella Doe's social media profile"
308
467
  ]
309
468
  }
310
469
  },
311
- "additionalProperties": false,
312
- "required": [
313
- "question",
314
- "answer"
315
- ]
470
+ "additionalProperties": false
316
471
  },
317
- "minItems": 1
472
+ "examples": [
473
+ [
474
+ {
475
+ "icon": "phone",
476
+ "label": "0228 / 688 966 20",
477
+ "url": "tel:+4922868896620"
478
+ },
479
+ {
480
+ "icon": "email",
481
+ "label": "mail@example.com",
482
+ "url": "mailto:mail@example.com"
483
+ }
484
+ ]
485
+ ]
486
+ },
487
+ "copy": {
488
+ "title": "Copy text",
489
+ "type": "string"
490
+ },
491
+ "className": {
492
+ "title": "Class",
493
+ "description": "Additional css classes attached to the wrapping element",
494
+ "type": "string"
495
+ },
496
+ "component": {
497
+ "title": "`ks-component` attribute",
498
+ "description": "Optional custom component identifier",
499
+ "type": "string"
318
500
  }
319
501
  },
320
502
  "additionalProperties": false,
321
503
  "required": [
322
- "questions"
504
+ "name"
323
505
  ]
324
506
  },
325
507
  {
326
508
  "$schema": "http://json-schema.org/draft-07/schema#",
327
- "$id": "http://schema.mydesignsystem.com/features.schema.json",
328
- "title": "Features",
329
- "description": "Component used to display a set of features",
509
+ "$id": "http://schema.mydesignsystem.com/content-nav.schema.json",
510
+ "title": "Content Nav",
330
511
  "type": "object",
331
512
  "properties": {
332
- "layout": {
333
- "type": "string",
334
- "title": "Layout",
335
- "description": "The layout variant to use for the features",
336
- "enum": [
337
- "largeTiles",
338
- "smallTiles",
339
- "list"
340
- ],
341
- "default": "largeTiles"
342
- },
343
- "style": {
344
- "type": "string",
345
- "enum": [
346
- "intext",
347
- "stack",
348
- "centered",
349
- "besideLarge",
350
- "besideSmall"
351
- ],
352
- "default": "stack"
353
- },
354
- "ctas": {
513
+ "image": {
355
514
  "type": "object",
356
515
  "properties": {
357
- "toggle": {
358
- "type": "boolean",
359
- "default": true,
360
- "title": "CTA Toggle",
361
- "description": "Activate/disable the CTAs"
516
+ "src": {
517
+ "type": "string",
518
+ "format": "uri",
519
+ "description": "URL of the image to display in the content nav."
362
520
  },
363
- "style": {
521
+ "alt": {
364
522
  "type": "string",
365
- "enum": [
366
- "button",
367
- "link",
368
- "intext"
369
- ],
370
- "default": "link"
523
+ "description": "Alternative text for the image."
371
524
  }
372
525
  },
526
+ "required": [
527
+ "src"
528
+ ],
373
529
  "additionalProperties": false
374
530
  },
375
- "feature": {
531
+ "topic": {
532
+ "type": "string",
533
+ "description": "The topic of the content being navigated."
534
+ },
535
+ "links": {
376
536
  "type": "array",
377
- "title": "Features",
378
- "description": "The features to display",
379
537
  "items": {
380
538
  "type": "object",
381
- "title": "Feature",
382
539
  "properties": {
383
- "icon": {
384
- "type": "string",
385
- "format": "icon",
386
- "title": "Icon",
387
- "description": "The icon for the feature",
388
- "examples": [
389
- "person"
390
- ]
391
- },
392
- "title": {
540
+ "label": {
393
541
  "type": "string",
394
- "title": "Title",
395
- "description": "The title of the feature",
396
- "examples": [
397
- "Feature 1"
398
- ]
542
+ "description": "The text label for the link."
399
543
  },
400
- "text": {
544
+ "url": {
401
545
  "type": "string",
402
- "title": "Text",
403
- "description": "The description of the feature",
404
- "format": "markdown",
405
- "examples": [
406
- "This is a feature"
407
- ]
408
- },
409
- "cta": {
410
- "type": "object",
411
- "properties": {
412
- "url": {
413
- "type": "string",
414
- "title": "Call to Action url",
415
- "description": "The CTA url",
416
- "default": "#",
417
- "format": "uri"
418
- },
419
- "label": {
420
- "type": "string",
421
- "title": "Link Label",
422
- "description": "The text label displayed on the link",
423
- "default": "See more",
424
- "examples": [
425
- "See all our partners"
426
- ]
427
- },
428
- "icon": {
429
- "type": "string",
430
- "format": "icon",
431
- "title": "Icon",
432
- "description": "Icon for the link style of the cta",
433
- "examples": [
434
- "arrow-right"
435
- ],
436
- "default": "arrow-right"
437
- }
438
- },
439
- "additionalProperties": false
546
+ "format": "uri",
547
+ "description": "The URL the link points to."
440
548
  }
441
549
  },
550
+ "required": [
551
+ "label",
552
+ "url"
553
+ ],
442
554
  "additionalProperties": false
443
- },
444
- "minItems": 1,
445
- "maxItems": 8
555
+ }
556
+ },
557
+ "initiallyShown": {
558
+ "type": "number",
559
+ "default": 4,
560
+ "description": "Determines how many links are initially shown in the content nav. If there are more links, a 'Show More' button will be displayed."
446
561
  }
447
562
  },
448
563
  "additionalProperties": false
449
564
  },
450
565
  {
451
566
  "$schema": "http://json-schema.org/draft-07/schema#",
452
- "$id": "http://schema.mydesignsystem.com/gallery.schema.json",
453
- "title": "Gallery",
454
- "description": "Component used to display a gallery of images",
455
- "type": "object",
456
- "properties": {
457
- "images": {
458
- "type": "array",
459
- "title": "Images",
460
- "description": "The images to display in the gallery",
461
- "items": {
462
- "type": "object",
463
- "properties": {
464
- "src": {
465
- "type": "string",
466
- "title": "src",
467
- "format": "image",
468
- "description": "The source of the image",
469
- "examples": [
470
- "https://example.com/image1.jpg"
471
- ]
472
- },
473
- "alt": {
474
- "type": "string",
475
- "title": "Alt text",
476
- "description": "Alt text of the image",
477
- "examples": [
478
- "https://example.com/image1.jpg"
479
- ]
480
- },
481
- "caption": {
482
- "type": "string",
483
- "format": "markdown",
484
- "title": "Caption",
485
- "description": "The caption of the image",
486
- "examples": [
487
- "Caption Image"
488
- ]
489
- }
490
- },
491
- "additionalProperties": false,
492
- "required": [
493
- "src"
494
- ]
495
- },
496
- "minItems": 1,
497
- "maxItems": 10
498
- },
499
- "layout": {
500
- "type": "string",
501
- "title": "Layout",
502
- "description": "The layout of the gallery images",
503
- "enum": [
504
- "stack",
505
- "smallTiles",
506
- "largeTiles"
507
- ],
508
- "default": "smallTiles"
509
- },
510
- "aspectRatio": {
511
- "type": "string",
512
- "title": "Aspect Ratio",
513
- "description": "The aspect ratio of the gallery images",
514
- "enum": [
515
- "unset",
516
- "square",
517
- "wide",
518
- "landscape"
519
- ],
520
- "default": "unset"
521
- },
522
- "lightbox": {
523
- "type": "boolean",
524
- "title": "Lightbox",
525
- "description": "Display images in a lightbox gallery",
526
- "default": false
527
- }
528
- },
529
- "additionalProperties": false,
530
- "required": [
531
- "images"
532
- ]
533
- },
534
- {
535
- "$schema": "http://json-schema.org/draft-07/schema#",
536
- "$id": "http://schema.mydesignsystem.com/hero.schema.json",
537
- "title": "Hero",
567
+ "$id": "http://schema.mydesignsystem.com/cta.schema.json",
568
+ "title": "Cta",
538
569
  "type": "object",
539
570
  "properties": {
540
571
  "headline": {
541
- "title": "Headline",
542
- "description": "Headline for the visual",
572
+ "title": "Component Headline",
573
+ "description": "Headline for the Component element",
543
574
  "type": "string",
544
- "format": "markdown"
575
+ "format": "markdown",
576
+ "examples": [
577
+ "Headline"
578
+ ]
545
579
  },
546
580
  "sub": {
547
- "title": "Module Subheadline",
548
- "description": "Subheadline below the module headline",
581
+ "title": "Component Subheadline",
582
+ "description": "Subheadline below the component headline",
549
583
  "type": "string",
550
- "format": "markdown"
584
+ "format": "markdown",
585
+ "examples": [
586
+ "Subheadline"
587
+ ]
551
588
  },
552
589
  "text": {
553
- "title": "Module Text",
554
- "description": "Info text for the module element",
590
+ "title": "Component Text",
591
+ "description": "Info text for the component element",
555
592
  "type": "string",
556
593
  "format": "markdown"
557
594
  },
@@ -567,29 +604,6 @@
567
604
  "default": false,
568
605
  "type": "boolean"
569
606
  },
570
- "height": {
571
- "title": "Height",
572
- "type": "string",
573
- "enum": [
574
- "small",
575
- "default",
576
- "fullImage",
577
- "fullScreen"
578
- ],
579
- "default": "default"
580
- },
581
- "textbox": {
582
- "type": "boolean",
583
- "title": "Textbox",
584
- "default": true,
585
- "description": "Toggle wether you want your text to be displayed within in box"
586
- },
587
- "invertText": {
588
- "type": "boolean",
589
- "title": "Invert Text",
590
- "description": "Invert the text color for better contrast against the background",
591
- "default": false
592
- },
593
607
  "buttons": {
594
608
  "type": "array",
595
609
  "items": {
@@ -620,148 +634,125 @@
620
634
  "additionalProperties": false
621
635
  }
622
636
  },
623
- "skipButton": {
624
- "type": "boolean",
625
- "title": "Skip Button",
626
- "description": "Add a skip button to the hero module",
627
- "default": false
637
+ "backgroundColor": {
638
+ "title": "Background color",
639
+ "description": "Background color for the whole element",
640
+ "type": "string",
641
+ "format": "color"
628
642
  },
629
- "overlay": {
630
- "title": "Grid layer",
631
- "description": "Enable grid layer",
632
- "type": "boolean",
633
- "default": false
643
+ "backgroundImage": {
644
+ "title": "Background image",
645
+ "description": "Background image for the whole element",
646
+ "type": "string",
647
+ "format": "image"
634
648
  },
635
649
  "image": {
636
- "title": "Background image",
637
- "description": "Sources of background images for different screen sizes",
650
+ "title": "Image",
651
+ "description": "Image displayed alongside the text content",
638
652
  "type": "object",
639
- "required": [
640
- "srcMobile"
641
- ],
642
653
  "properties": {
643
- "srcMobile": {
644
- "title": "Mobile image source",
645
- "description": "Background image source for small screens",
646
- "type": "string",
647
- "format": "image",
648
- "examples": [
649
- "https://picsum.photos/seed/kdsvisual/640/270"
650
- ]
651
- },
652
- "srcTablet": {
653
- "title": "Tablet image source",
654
- "description": "Background image source for medium screens",
654
+ "src": {
655
+ "title": "Image source",
656
+ "description": "Image source to use",
655
657
  "type": "string",
656
- "format": "image",
657
- "examples": [
658
- "https://picsum.photos/seed/kdsvisual/1280/540"
659
- ]
658
+ "format": "image"
660
659
  },
661
- "srcDesktop": {
662
- "title": "Desktop image source",
663
- "description": "Background image source for large screens",
664
- "type": "string",
665
- "format": "image",
666
- "examples": [
667
- "https://picsum.photos/seed/kdsvisual/1920/810"
668
- ]
660
+ "padding": {
661
+ "title": "Padding",
662
+ "description": "Toggle padding of the image",
663
+ "type": "boolean",
664
+ "default": true
669
665
  },
670
- "src": {
671
- "title": "Optional source",
672
- "description": "Override for img tag of picture element, if needed",
673
- "type": "string",
674
- "format": "image",
675
- "examples": [
676
- "https://picsum.photos/seed/kdsvisual/640/270"
677
- ]
666
+ "alt": {
667
+ "title": "Alt text",
668
+ "description": "Image description",
669
+ "type": "string"
678
670
  },
679
- "indent": {
680
- "title": "Image indent",
681
- "description": "Choose to indent the image horizontally on small screens",
671
+ "align": {
672
+ "title": "Vertical alignment of the image",
673
+ "description": "Select a vertical alignment for the image",
682
674
  "type": "string",
683
675
  "enum": [
684
- "none",
685
- "left",
686
- "right"
676
+ "center",
677
+ "top",
678
+ "bottom"
687
679
  ],
688
- "default": "none"
680
+ "default": "center"
681
+ }
682
+ },
683
+ "additionalProperties": false
684
+ },
685
+ "order": {
686
+ "title": "Order",
687
+ "description": "Choose what comes first on mobile and desktop: image or text",
688
+ "type": "object",
689
+ "properties": {
690
+ "mobileImageLast": {
691
+ "title": "Mobile image after text",
692
+ "description": "Switch to displaying the image after the text on mobile",
693
+ "type": "boolean",
694
+ "default": false
689
695
  },
690
- "alt": {
691
- "title": "Alt text",
692
- "description": "Alt text to display for picture",
693
- "type": "string"
696
+ "desktopImageLast": {
697
+ "title": "Desktop image after text",
698
+ "description": "Switch to displaying the image after the text on desktop",
699
+ "type": "boolean",
700
+ "default": true
694
701
  }
695
702
  },
696
703
  "additionalProperties": false
697
704
  },
698
- "textPosition": {
699
- "title": "Module aligment",
700
- "description": "Choose the alginment of the module content",
705
+ "textAlign": {
706
+ "title": "Text Alignment",
707
+ "description": "Choose the alginment of the text",
701
708
  "enum": [
702
- "center",
703
- "below",
704
- "offset",
705
709
  "left",
706
- "right",
707
- "corner",
708
- "bottom"
710
+ "center"
709
711
  ],
710
712
  "type": "string",
711
713
  "default": "left"
714
+ },
715
+ "align": {
716
+ "title": "Vertical alignment of the content",
717
+ "description": "Select a vertical alignment for the content",
718
+ "type": "string",
719
+ "enum": [
720
+ "center",
721
+ "top",
722
+ "bottom"
723
+ ],
724
+ "default": "center"
725
+ },
726
+ "padding": {
727
+ "title": "Padding",
728
+ "description": "Toggle padding of the content",
729
+ "type": "boolean",
730
+ "default": false
712
731
  }
713
732
  },
714
733
  "additionalProperties": false
715
734
  },
716
735
  {
717
736
  "$schema": "http://json-schema.org/draft-07/schema#",
718
- "$id": "http://schema.mydesignsystem.com/html.schema.json",
719
- "title": "Html",
720
- "description": "Display raw HTML.",
737
+ "$id": "http://schema.mydesignsystem.com/divider.schema.json",
738
+ "title": "Divider",
739
+ "description": "Dividers bring clarity to a layout by grouping and dividing content in close proximity.",
721
740
  "type": "object",
722
741
  "properties": {
723
- "html": {
724
- "title": "HTML string",
725
- "type": "string",
726
- "examples": [
727
- "<p style=\"color: var(--ks-text-color-default);\">Hello World</p>"
728
- ]
729
- },
730
- "consent": {
731
- "title": "Show HTML after consent",
732
- "type": "boolean",
733
- "default": false
734
- },
735
- "consentText": {
736
- "type": "string"
737
- },
738
- "consentButtonLabel": {
739
- "type": "string"
740
- },
741
- "consentBackgroundImage": {
742
- "type": "string",
743
- "format": "image"
744
- },
745
- "consentAspectRatio": {
742
+ "variant": {
743
+ "title": "Style of the divider",
746
744
  "type": "string",
745
+ "description": "Choose a variant for the divider",
747
746
  "enum": [
748
- "16:9",
749
- "16:10",
750
- "4:3",
751
- "1:1"
747
+ "default",
748
+ "accent"
752
749
  ],
753
- "default": "16:9"
754
- },
755
- "inverted": {
756
- "title": "Inverted",
757
- "description": "Invert the colors of the HTML",
758
- "type": "boolean",
759
- "default": false
750
+ "default": "default"
760
751
  },
761
752
  "className": {
753
+ "type": "string",
762
754
  "title": "Additional Classes",
763
- "description": "Add additional css classes that should be applied to the element",
764
- "type": "string"
755
+ "description": "Add additional css classes that should be applied to the divider"
765
756
  },
766
757
  "component": {
767
758
  "title": "`ks-component` attribute",
@@ -773,264 +764,1054 @@
773
764
  },
774
765
  {
775
766
  "$schema": "http://json-schema.org/draft-07/schema#",
776
- "$id": "http://schema.mydesignsystem.com/image-story.schema.json",
777
- "title": "Image Story",
767
+ "$id": "http://schema.mydesignsystem.com/downloads.schema.json",
768
+ "title": "Downloads",
778
769
  "type": "object",
779
770
  "properties": {
780
- "headline": {
781
- "title": "Module Headline",
782
- "description": "Headline for the module element",
783
- "type": "string",
784
- "format": "markdown",
785
- "examples": [
786
- "Headline"
787
- ]
788
- },
789
- "largeHeadline": {
790
- "type": "boolean",
791
- "title": "Large Headline",
792
- "description": "Make the headline larger",
793
- "default": false
794
- },
795
- "sub": {
796
- "title": "Module Subheadline",
797
- "description": "Subheadline below the module headline",
798
- "type": "string",
799
- "format": "markdown",
800
- "examples": [
801
- "Subheadline"
802
- ]
803
- },
804
- "text": {
805
- "title": "Module Text",
806
- "description": "Info text for the module element",
807
- "type": "string",
808
- "format": "markdown"
809
- },
810
- "layout": {
811
- "type": "string",
812
- "title": "Layout",
813
- "description": "Choose the layout for the component",
814
- "enum": [
815
- "textLeft",
816
- "imageLeft"
817
- ],
818
- "default": "imageLeft"
819
- },
820
- "padding": {
821
- "type": "boolean",
822
- "title": "Padding",
823
- "default": false,
824
- "description": "Give the component padding"
825
- },
826
- "buttons": {
827
- "title": "Buttons",
828
- "description": "Buttons of the Button Group",
771
+ "downloads": {
829
772
  "type": "array",
830
773
  "items": {
831
- "$schema": "http://json-schema.org/draft-07/schema#",
832
- "$id": "http://schema.mydesignsystem.com/button.schema.json",
833
- "title": "Button",
834
- "description": "Component used for user interaction",
835
774
  "type": "object",
836
775
  "properties": {
837
- "label": {
776
+ "name": {
838
777
  "type": "string",
839
- "title": "Label",
840
- "description": "Text content to display inside the button",
841
- "examples": [
842
- "Book a meeting"
843
- ]
778
+ "description": "The name of the file"
844
779
  },
845
- "url": {
780
+ "description": {
846
781
  "type": "string",
847
- "title": "URL",
848
- "description": "The URL to link to when the button is clicked",
849
- "format": "uri"
782
+ "description": "A brief description of the file"
850
783
  },
851
- "variant": {
784
+ "previewImage": {
852
785
  "type": "string",
853
- "title": "Variant",
854
- "description": "Variant of button to be used",
855
- "enum": [
856
- "primary",
857
- "secondary",
858
- "tertiary"
859
- ],
860
- "default": "secondary"
786
+ "format": "uri",
787
+ "description": "A URL to an image that previews the file."
861
788
  },
862
- "icon": {
789
+ "url": {
863
790
  "type": "string",
864
- "format": "icon",
865
- "title": "Icon",
866
- "description": "Choose an icon"
791
+ "format": "uri",
792
+ "description": "The URL to download the file from."
867
793
  },
868
794
  "size": {
869
- "type": "string",
870
- "title": "Size",
871
- "description": "Size of button to use",
872
- "enum": [
873
- "small",
874
- "medium",
875
- "large"
795
+ "type": [
796
+ "string"
876
797
  ],
877
- "default": "medium"
878
- },
879
- "disabled": {
880
- "type": "boolean",
881
- "title": "Disabled?",
882
- "description": "Whether the button should be disabled",
883
- "default": false
798
+ "description": "The size of the download file"
884
799
  },
885
- "type": {
886
- "type": "string",
887
- "title": "Button Type",
888
- "enum": [
889
- "button",
890
- "submit",
891
- "reset"
892
- ]
800
+ "format": {
801
+ "type": [
802
+ "string"
803
+ ],
804
+ "description": "The format of the download file"
893
805
  }
894
806
  },
895
- "additionalProperties": false,
896
807
  "required": [
897
- "label"
898
- ]
808
+ "name",
809
+ "url"
810
+ ],
811
+ "additionalProperties": false
899
812
  }
900
- },
901
- "image": {
902
- "title": "Image",
903
- "description": "Image displayed alongside the text content",
904
- "type": "object",
905
- "properties": {
906
- "src": {
907
- "title": "Image source",
908
- "description": "Image source to use",
909
- "type": "string",
910
- "format": "image"
911
- },
912
- "aspectRatio": {
913
- "type": "string",
914
- "title": "Aspect Ratio",
915
- "description": "The aspect ratio of the image",
916
- "enum": [
917
- "unset",
918
- "square",
919
- "wide",
920
- "landscape"
921
- ],
922
- "default": "unset"
923
- },
924
- "alt": {
925
- "title": "Alt text",
926
- "description": "Image description",
927
- "type": "string"
928
- },
929
- "vAlign": {
930
- "title": "Image vertical alignment",
931
- "description": "Select a vertical alignment for the image",
932
- "type": "string",
933
- "enum": [
934
- "center",
935
- "top",
936
- "bottom"
937
- ],
938
- "default": "top"
939
- }
940
- },
941
- "additionalProperties": false
942
- },
943
- "textAlign": {
944
- "title": "Text Alignment",
945
- "description": "Choose the alginment of the text",
946
- "enum": [
947
- "left",
948
- "center"
949
- ],
950
- "type": "string",
951
- "default": "left"
952
813
  }
953
814
  },
954
815
  "additionalProperties": false
955
816
  },
956
817
  {
957
818
  "$schema": "http://json-schema.org/draft-07/schema#",
958
- "$id": "http://schema.mydesignsystem.com/image-text.schema.json",
959
- "title": "Image Text",
960
- "description": "Component used to display an image beside or above/below a text block",
819
+ "$id": "http://schema.mydesignsystem.com/event-latest-teaser.schema.json",
820
+ "title": "Event Latest Teaser",
821
+ "description": "Display an event teaser with date, title and location",
961
822
  "type": "object",
962
823
  "properties": {
963
- "text": {
824
+ "date": {
825
+ "title": "Date",
826
+ "description": "The date of the event",
964
827
  "type": "string",
965
- "format": "markdown",
966
- "title": "Text",
967
- "description": "Text content to display beside the image",
828
+ "format": "date",
968
829
  "examples": [
969
- "This is a sample text"
830
+ "12.30.2022"
970
831
  ]
971
832
  },
972
- "highlightText": {
973
- "type": "boolean",
974
- "title": "Highlight Text",
975
- "description": "Visually highlight the text",
976
- "default": false
977
- },
978
- "image": {
833
+ "calendar": {
979
834
  "type": "object",
835
+ "title": "Calendar",
836
+ "description": "Calendar icon to display the date",
980
837
  "properties": {
981
- "src": {
838
+ "month": {
839
+ "title": "Month",
840
+ "description": "The month of the event",
982
841
  "type": "string",
983
- "format": "image",
984
- "title": "Image Source",
985
- "description": "URL of the image to display",
986
842
  "examples": [
987
- "http://example.com/image.jpg"
843
+ "Dec"
988
844
  ]
989
845
  },
990
- "alt": {
846
+ "day": {
847
+ "title": "Day",
848
+ "description": "The day of the event",
991
849
  "type": "string",
992
- "title": "Alt Text",
993
- "description": "Alt text of the image",
994
850
  "examples": [
995
- "http://example.com/image.jpg"
851
+ "30"
996
852
  ]
997
853
  }
998
854
  },
999
855
  "additionalProperties": false
1000
856
  },
1001
- "layout": {
857
+ "title": {
858
+ "title": "Headline",
859
+ "description": "Title of the event",
1002
860
  "type": "string",
1003
- "enum": [
1004
- "above",
1005
- "below",
1006
- "beside-right",
1007
- "beside-left"
1008
- ],
1009
- "title": "Layout",
1010
- "description": "Position of the image relative to the text",
861
+ "format": "markdown",
1011
862
  "examples": [
1012
- "above"
863
+ "This is a event teaser title"
1013
864
  ]
1014
- }
1015
- },
1016
- "required": [
1017
- "text",
1018
- "image",
1019
- "layout"
1020
- ],
1021
- "additionalProperties": false
1022
- },
1023
- {
1024
- "$schema": "http://json-schema.org/draft-07/schema#",
1025
- "$id": "http://schema.mydesignsystem.com/logos.schema.json",
1026
- "title": "Logos",
1027
- "description": "Component used to display a set of logos",
1028
- "type": "object",
1029
- "properties": {
1030
- "tagline": {
865
+ },
866
+ "location": {
867
+ "title": "Location",
868
+ "description": "Location of the event",
1031
869
  "type": "string",
1032
- "title": "Logo Tagline",
1033
- "description": "A short tagline atop the logos",
870
+ "format": "markdown",
871
+ "examples": [
872
+ "This is a location"
873
+ ]
874
+ },
875
+ "url": {
876
+ "title": "URL",
877
+ "description": "The event entry URL to link",
878
+ "type": "string",
879
+ "format": "uri",
880
+ "examples": [
881
+ "https://example.com"
882
+ ]
883
+ },
884
+ "cta": {
885
+ "title": "Call to Action",
886
+ "description": "Text for the call to action",
887
+ "type": "string",
888
+ "examples": [
889
+ "Show event"
890
+ ]
891
+ },
892
+ "ariaLabel": {
893
+ "title": "ARIA Label",
894
+ "description": "ARIA label for accessibility",
895
+ "type": "string",
896
+ "examples": [
897
+ "Event teaser for "
898
+ ]
899
+ },
900
+ "className": {
901
+ "type": "string"
902
+ }
903
+ },
904
+ "additionalProperties": false,
905
+ "required": [
906
+ "title",
907
+ "date",
908
+ "location"
909
+ ]
910
+ },
911
+ {
912
+ "$schema": "http://json-schema.org/draft-07/schema#",
913
+ "$id": "http://schema.mydesignsystem.com/event-list-teaser.schema.json",
914
+ "title": "Event List Teaser",
915
+ "description": "Display an event teaser with date, title and location",
916
+ "type": "object",
917
+ "properties": {
918
+ "category": {
919
+ "title": "Category",
920
+ "description": "Category of the event teaser",
921
+ "type": "string",
922
+ "examples": [
923
+ "Buyers"
924
+ ]
925
+ },
926
+ "title": {
927
+ "title": "Headline",
928
+ "description": "Title of the event",
929
+ "type": "string",
930
+ "format": "markdown",
931
+ "examples": [
932
+ "This is a event teaser title"
933
+ ]
934
+ },
935
+ "text": {
936
+ "title": "Text",
937
+ "description": "Short teaser text for the event",
938
+ "type": "string",
939
+ "format": "markdown",
940
+ "examples": [
941
+ "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."
942
+ ]
943
+ },
944
+ "date": {
945
+ "title": "Date",
946
+ "description": "The date of the event",
947
+ "type": "string",
948
+ "format": "date",
949
+ "examples": [
950
+ "FRI, JAN 16"
951
+ ]
952
+ },
953
+ "time": {
954
+ "title": "Time",
955
+ "description": "The time of the event",
956
+ "type": "string",
957
+ "examples": [
958
+ "10:00"
959
+ ]
960
+ },
961
+ "location": {
962
+ "title": "Location",
963
+ "description": "Location of the event",
964
+ "type": "object",
965
+ "properties": {
966
+ "name": {
967
+ "type": "string",
968
+ "title": "Location Name",
969
+ "description": "Name of the location",
970
+ "examples": [
971
+ "Stadthalle"
972
+ ]
973
+ },
974
+ "address": {
975
+ "type": "string",
976
+ "title": "Address",
977
+ "description": "Address of the location",
978
+ "examples": [
979
+ "Köln"
980
+ ]
981
+ }
982
+ },
983
+ "additionalProperties": false
984
+ },
985
+ "tags": {
986
+ "title": "Tags",
987
+ "description": "Tags associated with the event",
988
+ "type": "array",
989
+ "items": {
990
+ "type": "string",
991
+ "examples": [
992
+ "AI",
993
+ "Technology",
994
+ "Innovation"
995
+ ]
996
+ },
997
+ "default": [
998
+ "AI"
999
+ ]
1000
+ },
1001
+ "image": {
1002
+ "title": "Image",
1003
+ "description": "Image to display in the teaser",
1004
+ "type": "object",
1005
+ "properties": {
1006
+ "src": {
1007
+ "type": "string",
1008
+ "format": "image",
1009
+ "title": "Image Source",
1010
+ "description": "URL of the image to display",
1011
+ "examples": [
1012
+ "https://picsum.photos/seed/flower/800/600"
1013
+ ]
1014
+ },
1015
+ "alt": {
1016
+ "type": "string",
1017
+ "title": "Alt Text",
1018
+ "description": "Alt text of the image",
1019
+ "examples": [
1020
+ "This is an image of a flower"
1021
+ ]
1022
+ }
1023
+ },
1024
+ "additionalProperties": false
1025
+ },
1026
+ "url": {
1027
+ "title": "URL",
1028
+ "description": "The event entry URL to link",
1029
+ "type": "string",
1030
+ "format": "uri",
1031
+ "examples": [
1032
+ "https://example.com"
1033
+ ]
1034
+ },
1035
+ "ctaText": {
1036
+ "title": "Call to Action",
1037
+ "description": "Text for the call to action",
1038
+ "type": "string",
1039
+ "examples": [
1040
+ "Show event"
1041
+ ]
1042
+ },
1043
+ "ariaLabel": {
1044
+ "title": "ARIA Label",
1045
+ "description": "ARIA label for accessibility",
1046
+ "type": "string"
1047
+ },
1048
+ "className": {
1049
+ "type": "string"
1050
+ }
1051
+ },
1052
+ "additionalProperties": false,
1053
+ "required": [
1054
+ "title",
1055
+ "date",
1056
+ "location"
1057
+ ]
1058
+ },
1059
+ {
1060
+ "$schema": "http://json-schema.org/draft-07/schema#",
1061
+ "$id": "http://schema.mydesignsystem.com/faq.schema.json",
1062
+ "title": "Faq",
1063
+ "description": "Component used to display a Faq section",
1064
+ "type": "object",
1065
+ "properties": {
1066
+ "questions": {
1067
+ "type": "array",
1068
+ "title": "Questions",
1069
+ "description": "The questions and answers in the Faq section",
1070
+ "items": {
1071
+ "title": "Question",
1072
+ "type": "object",
1073
+ "properties": {
1074
+ "question": {
1075
+ "type": "string",
1076
+ "format": "markdown",
1077
+ "title": "Question",
1078
+ "description": "The question",
1079
+ "examples": [
1080
+ "What is the product made of?"
1081
+ ]
1082
+ },
1083
+ "answer": {
1084
+ "type": "string",
1085
+ "format": "markdown",
1086
+ "title": "Answer",
1087
+ "description": "The answer to the question",
1088
+ "examples": [
1089
+ "The product is made of high-quality materials"
1090
+ ]
1091
+ }
1092
+ },
1093
+ "additionalProperties": false,
1094
+ "required": [
1095
+ "question"
1096
+ ]
1097
+ },
1098
+ "minItems": 1
1099
+ }
1100
+ },
1101
+ "additionalProperties": false,
1102
+ "required": [
1103
+ "questions"
1104
+ ]
1105
+ },
1106
+ {
1107
+ "$schema": "http://json-schema.org/draft-07/schema#",
1108
+ "$id": "http://schema.mydesignsystem.com/features.schema.json",
1109
+ "title": "Features",
1110
+ "description": "Component used to display a set of features",
1111
+ "type": "object",
1112
+ "properties": {
1113
+ "layout": {
1114
+ "type": "string",
1115
+ "title": "Layout",
1116
+ "description": "The layout variant to use for the features",
1117
+ "enum": [
1118
+ "largeTiles",
1119
+ "smallTiles",
1120
+ "list"
1121
+ ],
1122
+ "default": "largeTiles"
1123
+ },
1124
+ "style": {
1125
+ "type": "string",
1126
+ "enum": [
1127
+ "intext",
1128
+ "stack",
1129
+ "centered",
1130
+ "besideLarge",
1131
+ "besideSmall"
1132
+ ],
1133
+ "default": "stack"
1134
+ },
1135
+ "ctas": {
1136
+ "type": "object",
1137
+ "properties": {
1138
+ "toggle": {
1139
+ "type": "boolean",
1140
+ "default": true,
1141
+ "title": "CTA Toggle",
1142
+ "description": "Activate/disable the CTAs"
1143
+ },
1144
+ "style": {
1145
+ "type": "string",
1146
+ "enum": [
1147
+ "button",
1148
+ "link",
1149
+ "intext"
1150
+ ],
1151
+ "default": "link"
1152
+ }
1153
+ },
1154
+ "additionalProperties": false
1155
+ },
1156
+ "feature": {
1157
+ "type": "array",
1158
+ "title": "Features",
1159
+ "description": "The features to display",
1160
+ "items": {
1161
+ "type": "object",
1162
+ "title": "Feature",
1163
+ "properties": {
1164
+ "icon": {
1165
+ "type": "string",
1166
+ "format": "icon",
1167
+ "title": "Icon",
1168
+ "description": "The icon for the feature",
1169
+ "examples": [
1170
+ "person"
1171
+ ]
1172
+ },
1173
+ "title": {
1174
+ "type": "string",
1175
+ "title": "Title",
1176
+ "description": "The title of the feature",
1177
+ "examples": [
1178
+ "Feature 1"
1179
+ ]
1180
+ },
1181
+ "text": {
1182
+ "type": "string",
1183
+ "title": "Text",
1184
+ "description": "The description of the feature",
1185
+ "format": "markdown",
1186
+ "examples": [
1187
+ "This is a feature"
1188
+ ]
1189
+ },
1190
+ "cta": {
1191
+ "type": "object",
1192
+ "properties": {
1193
+ "url": {
1194
+ "type": "string",
1195
+ "title": "Call to Action url",
1196
+ "description": "The CTA url",
1197
+ "default": "#",
1198
+ "format": "uri"
1199
+ },
1200
+ "label": {
1201
+ "type": "string",
1202
+ "title": "Link Label",
1203
+ "description": "The text label displayed on the link",
1204
+ "default": "See more",
1205
+ "examples": [
1206
+ "See all our partners"
1207
+ ]
1208
+ },
1209
+ "icon": {
1210
+ "type": "string",
1211
+ "format": "icon",
1212
+ "title": "Icon",
1213
+ "description": "Icon for the link style of the cta",
1214
+ "examples": [
1215
+ "arrow-right"
1216
+ ],
1217
+ "default": "arrow-right"
1218
+ }
1219
+ },
1220
+ "additionalProperties": false
1221
+ }
1222
+ },
1223
+ "additionalProperties": false
1224
+ },
1225
+ "minItems": 1,
1226
+ "maxItems": 8
1227
+ }
1228
+ },
1229
+ "additionalProperties": false
1230
+ },
1231
+ {
1232
+ "$schema": "http://json-schema.org/draft-07/schema#",
1233
+ "$id": "http://schema.mydesignsystem.com/gallery.schema.json",
1234
+ "title": "Gallery",
1235
+ "description": "Component used to display a gallery of images",
1236
+ "type": "object",
1237
+ "properties": {
1238
+ "images": {
1239
+ "type": "array",
1240
+ "title": "Images",
1241
+ "description": "The images to display in the gallery",
1242
+ "items": {
1243
+ "type": "object",
1244
+ "properties": {
1245
+ "src": {
1246
+ "type": "string",
1247
+ "title": "src",
1248
+ "format": "image",
1249
+ "description": "The source of the image",
1250
+ "examples": [
1251
+ "https://example.com/image1.jpg"
1252
+ ]
1253
+ },
1254
+ "alt": {
1255
+ "type": "string",
1256
+ "title": "Alt text",
1257
+ "description": "Alt text of the image",
1258
+ "examples": [
1259
+ "https://example.com/image1.jpg"
1260
+ ]
1261
+ },
1262
+ "caption": {
1263
+ "type": "string",
1264
+ "format": "markdown",
1265
+ "title": "Caption",
1266
+ "description": "The caption of the image",
1267
+ "examples": [
1268
+ "Caption Image"
1269
+ ]
1270
+ }
1271
+ },
1272
+ "additionalProperties": false,
1273
+ "required": [
1274
+ "src"
1275
+ ]
1276
+ },
1277
+ "minItems": 1,
1278
+ "maxItems": 10
1279
+ },
1280
+ "layout": {
1281
+ "type": "string",
1282
+ "title": "Layout",
1283
+ "description": "The layout of the gallery images",
1284
+ "enum": [
1285
+ "stack",
1286
+ "smallTiles",
1287
+ "largeTiles"
1288
+ ],
1289
+ "default": "smallTiles"
1290
+ },
1291
+ "aspectRatio": {
1292
+ "type": "string",
1293
+ "title": "Aspect Ratio",
1294
+ "description": "The aspect ratio of the gallery images",
1295
+ "enum": [
1296
+ "unset",
1297
+ "square",
1298
+ "wide",
1299
+ "landscape"
1300
+ ],
1301
+ "default": "unset"
1302
+ },
1303
+ "lightbox": {
1304
+ "type": "boolean",
1305
+ "title": "Lightbox",
1306
+ "description": "Display images in a lightbox gallery",
1307
+ "default": false
1308
+ }
1309
+ },
1310
+ "additionalProperties": false,
1311
+ "required": [
1312
+ "images"
1313
+ ]
1314
+ },
1315
+ {
1316
+ "$schema": "http://json-schema.org/draft-07/schema#",
1317
+ "$id": "http://schema.mydesignsystem.com/hero.schema.json",
1318
+ "title": "Hero",
1319
+ "type": "object",
1320
+ "properties": {
1321
+ "headline": {
1322
+ "title": "Headline",
1323
+ "description": "Headline for the visual",
1324
+ "type": "string",
1325
+ "format": "markdown"
1326
+ },
1327
+ "sub": {
1328
+ "title": "Module Subheadline",
1329
+ "description": "Subheadline below the module headline",
1330
+ "type": "string",
1331
+ "format": "markdown"
1332
+ },
1333
+ "text": {
1334
+ "title": "Module Text",
1335
+ "description": "Info text for the module element",
1336
+ "type": "string",
1337
+ "format": "markdown"
1338
+ },
1339
+ "highlightText": {
1340
+ "type": "boolean",
1341
+ "title": "Highlight Text",
1342
+ "description": "Visually highlight the text",
1343
+ "default": false
1344
+ },
1345
+ "colorNeutral": {
1346
+ "title": "Color Neutral",
1347
+ "description": "Make the text and buttons color neutral",
1348
+ "default": false,
1349
+ "type": "boolean"
1350
+ },
1351
+ "height": {
1352
+ "title": "Height",
1353
+ "type": "string",
1354
+ "enum": [
1355
+ "small",
1356
+ "default",
1357
+ "fullImage",
1358
+ "fullScreen"
1359
+ ],
1360
+ "default": "default"
1361
+ },
1362
+ "textbox": {
1363
+ "type": "boolean",
1364
+ "title": "Textbox",
1365
+ "default": true,
1366
+ "description": "Toggle wether you want your text to be displayed within in box"
1367
+ },
1368
+ "invertText": {
1369
+ "type": "boolean",
1370
+ "title": "Invert Text",
1371
+ "description": "Invert the text color for better contrast against the background",
1372
+ "default": false
1373
+ },
1374
+ "buttons": {
1375
+ "type": "array",
1376
+ "items": {
1377
+ "title": "Button",
1378
+ "type": "object",
1379
+ "properties": {
1380
+ "label": {
1381
+ "type": "string",
1382
+ "title": "Label",
1383
+ "description": "Text content to display inside the button",
1384
+ "examples": [
1385
+ "Book a meeting"
1386
+ ]
1387
+ },
1388
+ "icon": {
1389
+ "type": "string",
1390
+ "format": "icon",
1391
+ "title": "Icon",
1392
+ "description": "Choose an icon"
1393
+ },
1394
+ "url": {
1395
+ "type": "string",
1396
+ "title": "URL",
1397
+ "description": "The URL to link to when the button is clicked",
1398
+ "format": "uri"
1399
+ }
1400
+ },
1401
+ "additionalProperties": false
1402
+ }
1403
+ },
1404
+ "skipButton": {
1405
+ "type": "boolean",
1406
+ "title": "Skip Button",
1407
+ "description": "Add a skip button to the hero module",
1408
+ "default": false
1409
+ },
1410
+ "overlay": {
1411
+ "title": "Grid layer",
1412
+ "description": "Enable grid layer",
1413
+ "type": "boolean",
1414
+ "default": false
1415
+ },
1416
+ "image": {
1417
+ "title": "Background image",
1418
+ "description": "Sources of background images for different screen sizes",
1419
+ "type": "object",
1420
+ "required": [
1421
+ "srcMobile"
1422
+ ],
1423
+ "properties": {
1424
+ "srcMobile": {
1425
+ "title": "Mobile image source",
1426
+ "description": "Background image source for small screens",
1427
+ "type": "string",
1428
+ "format": "image",
1429
+ "examples": [
1430
+ "https://picsum.photos/seed/kdsvisual/640/270"
1431
+ ]
1432
+ },
1433
+ "srcTablet": {
1434
+ "title": "Tablet image source",
1435
+ "description": "Background image source for medium screens",
1436
+ "type": "string",
1437
+ "format": "image",
1438
+ "examples": [
1439
+ "https://picsum.photos/seed/kdsvisual/1280/540"
1440
+ ]
1441
+ },
1442
+ "srcDesktop": {
1443
+ "title": "Desktop image source",
1444
+ "description": "Background image source for large screens",
1445
+ "type": "string",
1446
+ "format": "image",
1447
+ "examples": [
1448
+ "https://picsum.photos/seed/kdsvisual/1920/810"
1449
+ ]
1450
+ },
1451
+ "src": {
1452
+ "title": "Optional source",
1453
+ "description": "Override for img tag of picture element, if needed",
1454
+ "type": "string",
1455
+ "format": "image",
1456
+ "examples": [
1457
+ "https://picsum.photos/seed/kdsvisual/640/270"
1458
+ ]
1459
+ },
1460
+ "indent": {
1461
+ "title": "Image indent",
1462
+ "description": "Choose to indent the image horizontally on small screens",
1463
+ "type": "string",
1464
+ "enum": [
1465
+ "none",
1466
+ "left",
1467
+ "right"
1468
+ ],
1469
+ "default": "none"
1470
+ },
1471
+ "alt": {
1472
+ "title": "Alt text",
1473
+ "description": "Alt text to display for picture",
1474
+ "type": "string"
1475
+ }
1476
+ },
1477
+ "additionalProperties": false
1478
+ },
1479
+ "textPosition": {
1480
+ "title": "Module aligment",
1481
+ "description": "Choose the alginment of the module content",
1482
+ "enum": [
1483
+ "center",
1484
+ "below",
1485
+ "offset",
1486
+ "left",
1487
+ "right",
1488
+ "corner",
1489
+ "bottom"
1490
+ ],
1491
+ "type": "string",
1492
+ "default": "left"
1493
+ }
1494
+ },
1495
+ "additionalProperties": false
1496
+ },
1497
+ {
1498
+ "$schema": "http://json-schema.org/draft-07/schema#",
1499
+ "$id": "http://schema.mydesignsystem.com/html.schema.json",
1500
+ "title": "Html",
1501
+ "description": "Display raw HTML.",
1502
+ "type": "object",
1503
+ "properties": {
1504
+ "html": {
1505
+ "title": "HTML string",
1506
+ "type": "string",
1507
+ "examples": [
1508
+ "<p style=\"color: var(--ks-text-color-default);\">Hello World</p>"
1509
+ ]
1510
+ },
1511
+ "consent": {
1512
+ "title": "Show HTML after consent",
1513
+ "type": "boolean",
1514
+ "default": false
1515
+ },
1516
+ "consentText": {
1517
+ "type": "string"
1518
+ },
1519
+ "consentButtonLabel": {
1520
+ "type": "string"
1521
+ },
1522
+ "consentBackgroundImage": {
1523
+ "type": "string",
1524
+ "format": "image"
1525
+ },
1526
+ "consentAspectRatio": {
1527
+ "type": "string",
1528
+ "enum": [
1529
+ "16:9",
1530
+ "16:10",
1531
+ "4:3",
1532
+ "1:1"
1533
+ ],
1534
+ "default": "16:9"
1535
+ },
1536
+ "inverted": {
1537
+ "title": "Inverted",
1538
+ "description": "Invert the colors of the HTML",
1539
+ "type": "boolean",
1540
+ "default": false
1541
+ },
1542
+ "className": {
1543
+ "title": "Additional Classes",
1544
+ "description": "Add additional css classes that should be applied to the element",
1545
+ "type": "string"
1546
+ },
1547
+ "component": {
1548
+ "title": "`ks-component` attribute",
1549
+ "description": "Optional custom component identifier",
1550
+ "type": "string"
1551
+ }
1552
+ },
1553
+ "additionalProperties": false
1554
+ },
1555
+ {
1556
+ "$schema": "http://json-schema.org/draft-07/schema#",
1557
+ "$id": "http://schema.mydesignsystem.com/image-story.schema.json",
1558
+ "title": "Image Story",
1559
+ "type": "object",
1560
+ "properties": {
1561
+ "headline": {
1562
+ "title": "Module Headline",
1563
+ "description": "Headline for the module element",
1564
+ "type": "string",
1565
+ "format": "markdown",
1566
+ "examples": [
1567
+ "Headline"
1568
+ ]
1569
+ },
1570
+ "largeHeadline": {
1571
+ "type": "boolean",
1572
+ "title": "Large Headline",
1573
+ "description": "Make the headline larger",
1574
+ "default": false
1575
+ },
1576
+ "sub": {
1577
+ "title": "Module Subheadline",
1578
+ "description": "Subheadline below the module headline",
1579
+ "type": "string",
1580
+ "format": "markdown",
1581
+ "examples": [
1582
+ "Subheadline"
1583
+ ]
1584
+ },
1585
+ "text": {
1586
+ "title": "Module Text",
1587
+ "description": "Info text for the module element",
1588
+ "type": "string",
1589
+ "format": "markdown"
1590
+ },
1591
+ "layout": {
1592
+ "type": "string",
1593
+ "title": "Layout",
1594
+ "description": "Choose the layout for the component",
1595
+ "enum": [
1596
+ "textLeft",
1597
+ "imageLeft"
1598
+ ],
1599
+ "default": "imageLeft"
1600
+ },
1601
+ "padding": {
1602
+ "type": "boolean",
1603
+ "title": "Padding",
1604
+ "default": false,
1605
+ "description": "Give the component padding"
1606
+ },
1607
+ "buttons": {
1608
+ "title": "Buttons",
1609
+ "description": "Buttons of the Button Group",
1610
+ "type": "array",
1611
+ "items": {
1612
+ "$schema": "http://json-schema.org/draft-07/schema#",
1613
+ "$id": "http://schema.mydesignsystem.com/button.schema.json",
1614
+ "title": "Button",
1615
+ "description": "Component used for user interaction",
1616
+ "type": "object",
1617
+ "properties": {
1618
+ "label": {
1619
+ "type": "string",
1620
+ "title": "Label",
1621
+ "description": "Text content to display inside the button",
1622
+ "examples": [
1623
+ "Book a meeting"
1624
+ ]
1625
+ },
1626
+ "url": {
1627
+ "type": "string",
1628
+ "title": "URL",
1629
+ "description": "The URL to link to when the button is clicked",
1630
+ "format": "uri"
1631
+ },
1632
+ "variant": {
1633
+ "type": "string",
1634
+ "title": "Variant",
1635
+ "description": "Variant of button to be used",
1636
+ "enum": [
1637
+ "primary",
1638
+ "secondary",
1639
+ "tertiary"
1640
+ ],
1641
+ "default": "secondary"
1642
+ },
1643
+ "icon": {
1644
+ "type": "string",
1645
+ "format": "icon",
1646
+ "title": "Icon",
1647
+ "description": "Choose an icon"
1648
+ },
1649
+ "size": {
1650
+ "type": "string",
1651
+ "title": "Size",
1652
+ "description": "Size of button to use",
1653
+ "enum": [
1654
+ "small",
1655
+ "medium",
1656
+ "large"
1657
+ ],
1658
+ "default": "medium"
1659
+ },
1660
+ "disabled": {
1661
+ "type": "boolean",
1662
+ "title": "Disabled?",
1663
+ "description": "Whether the button should be disabled",
1664
+ "default": false
1665
+ },
1666
+ "type": {
1667
+ "type": "string",
1668
+ "title": "Button Type",
1669
+ "enum": [
1670
+ "button",
1671
+ "submit",
1672
+ "reset"
1673
+ ]
1674
+ }
1675
+ },
1676
+ "additionalProperties": false,
1677
+ "required": [
1678
+ "label"
1679
+ ]
1680
+ }
1681
+ },
1682
+ "image": {
1683
+ "title": "Image",
1684
+ "description": "Image displayed alongside the text content",
1685
+ "type": "object",
1686
+ "properties": {
1687
+ "src": {
1688
+ "title": "Image source",
1689
+ "description": "Image source to use",
1690
+ "type": "string",
1691
+ "format": "image"
1692
+ },
1693
+ "aspectRatio": {
1694
+ "type": "string",
1695
+ "title": "Aspect Ratio",
1696
+ "description": "The aspect ratio of the image",
1697
+ "enum": [
1698
+ "unset",
1699
+ "square",
1700
+ "wide",
1701
+ "landscape"
1702
+ ],
1703
+ "default": "unset"
1704
+ },
1705
+ "alt": {
1706
+ "title": "Alt text",
1707
+ "description": "Image description",
1708
+ "type": "string"
1709
+ },
1710
+ "vAlign": {
1711
+ "title": "Image vertical alignment",
1712
+ "description": "Select a vertical alignment for the image",
1713
+ "type": "string",
1714
+ "enum": [
1715
+ "center",
1716
+ "top",
1717
+ "bottom"
1718
+ ],
1719
+ "default": "top"
1720
+ }
1721
+ },
1722
+ "additionalProperties": false
1723
+ },
1724
+ "textAlign": {
1725
+ "title": "Text Alignment",
1726
+ "description": "Choose the alginment of the text",
1727
+ "enum": [
1728
+ "left",
1729
+ "center"
1730
+ ],
1731
+ "type": "string",
1732
+ "default": "left"
1733
+ }
1734
+ },
1735
+ "additionalProperties": false
1736
+ },
1737
+ {
1738
+ "$schema": "http://json-schema.org/draft-07/schema#",
1739
+ "$id": "http://schema.mydesignsystem.com/image-text.schema.json",
1740
+ "title": "Image Text",
1741
+ "description": "Component used to display an image beside or above/below a text block",
1742
+ "type": "object",
1743
+ "properties": {
1744
+ "text": {
1745
+ "type": "string",
1746
+ "format": "markdown",
1747
+ "title": "Text",
1748
+ "description": "Text content to display beside the image",
1749
+ "examples": [
1750
+ "This is a sample text"
1751
+ ]
1752
+ },
1753
+ "highlightText": {
1754
+ "type": "boolean",
1755
+ "title": "Highlight Text",
1756
+ "description": "Visually highlight the text",
1757
+ "default": false
1758
+ },
1759
+ "image": {
1760
+ "type": "object",
1761
+ "properties": {
1762
+ "src": {
1763
+ "type": "string",
1764
+ "format": "image",
1765
+ "title": "Image Source",
1766
+ "description": "URL of the image to display",
1767
+ "examples": [
1768
+ "http://example.com/image.jpg"
1769
+ ]
1770
+ },
1771
+ "alt": {
1772
+ "type": "string",
1773
+ "title": "Alt Text",
1774
+ "description": "Alt text of the image",
1775
+ "examples": [
1776
+ "http://example.com/image.jpg"
1777
+ ]
1778
+ }
1779
+ },
1780
+ "additionalProperties": false
1781
+ },
1782
+ "layout": {
1783
+ "type": "string",
1784
+ "enum": [
1785
+ "above",
1786
+ "below",
1787
+ "beside-right",
1788
+ "beside-left"
1789
+ ],
1790
+ "title": "Layout",
1791
+ "description": "Position of the image relative to the text",
1792
+ "examples": [
1793
+ "above"
1794
+ ]
1795
+ }
1796
+ },
1797
+ "required": [
1798
+ "text",
1799
+ "image",
1800
+ "layout"
1801
+ ],
1802
+ "additionalProperties": false
1803
+ },
1804
+ {
1805
+ "$schema": "http://json-schema.org/draft-07/schema#",
1806
+ "$id": "http://schema.mydesignsystem.com/logos.schema.json",
1807
+ "title": "Logos",
1808
+ "description": "Component used to display a set of logos",
1809
+ "type": "object",
1810
+ "properties": {
1811
+ "tagline": {
1812
+ "type": "string",
1813
+ "title": "Logo Tagline",
1814
+ "description": "A short tagline atop the logos",
1034
1815
  "examples": [
1035
1816
  "Your Success, Our Commitment"
1036
1817
  ]
@@ -1072,8 +1853,7 @@
1072
1853
  "src"
1073
1854
  ]
1074
1855
  },
1075
- "minItems": 1,
1076
- "maxItems": 20
1856
+ "minItems": 1
1077
1857
  },
1078
1858
  "align": {
1079
1859
  "type": "string",
@@ -2030,8 +2810,7 @@
2030
2810
  "src"
2031
2811
  ]
2032
2812
  },
2033
- "minItems": 1,
2034
- "maxItems": 20
2813
+ "minItems": 1
2035
2814
  },
2036
2815
  "align": {
2037
2816
  "type": "string",
@@ -2235,6 +3014,12 @@
2235
3014
  "description": "Layout for the Teaser Card",
2236
3015
  "default": "stack"
2237
3016
  },
3017
+ "centered": {
3018
+ "type": "boolean",
3019
+ "title": "Centered",
3020
+ "description": "Whether the Teaser Card is centered",
3021
+ "default": false
3022
+ },
2238
3023
  "url": {
2239
3024
  "type": "string",
2240
3025
  "title": "Url",
@@ -2570,6 +3355,12 @@
2570
3355
  "description": "Layout for the Teaser Card",
2571
3356
  "default": "stack"
2572
3357
  },
3358
+ "centered": {
3359
+ "type": "boolean",
3360
+ "title": "Centered",
3361
+ "description": "Whether the Teaser Card is centered",
3362
+ "default": false
3363
+ },
2573
3364
  "url": {
2574
3365
  "type": "string",
2575
3366
  "title": "Url",
@@ -2741,173 +3532,660 @@
2741
3532
  "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."
2742
3533
  ]
2743
3534
  },
2744
- "layout": {
3535
+ "layout": {
3536
+ "type": "string",
3537
+ "title": "Layout",
3538
+ "description": "Variant of layout to be used",
3539
+ "enum": [
3540
+ "singleColumn",
3541
+ "multiColumn"
3542
+ ],
3543
+ "default": "singleColumn"
3544
+ },
3545
+ "align": {
3546
+ "type": "string",
3547
+ "title": "Alignment",
3548
+ "description": "Alignment of text",
3549
+ "enum": [
3550
+ "left",
3551
+ "center"
3552
+ ],
3553
+ "default": "left"
3554
+ },
3555
+ "highlightText": {
3556
+ "type": "boolean",
3557
+ "title": "Highlight Text",
3558
+ "description": "Visually highlight the text",
3559
+ "default": false
3560
+ }
3561
+ },
3562
+ "additionalProperties": false,
3563
+ "required": [
3564
+ "text"
3565
+ ]
3566
+ },
3567
+ {
3568
+ "$schema": "http://json-schema.org/draft-07/schema#",
3569
+ "$id": "http://schema.mydesignsystem.com/video-curtain.schema.json",
3570
+ "title": "Video Curtain",
3571
+ "type": "object",
3572
+ "properties": {
3573
+ "headline": {
3574
+ "title": "Headline",
3575
+ "description": "Headline for the visual",
3576
+ "type": "string",
3577
+ "format": "markdown"
3578
+ },
3579
+ "sub": {
3580
+ "title": "Module Subheadline",
3581
+ "description": "Subheadline below the module headline",
3582
+ "type": "string",
3583
+ "format": "markdown"
3584
+ },
3585
+ "text": {
3586
+ "title": "Module Text",
3587
+ "description": "Info text for the module element",
3588
+ "type": "string",
3589
+ "format": "markdown"
3590
+ },
3591
+ "highlightText": {
3592
+ "type": "boolean",
3593
+ "title": "Highlight Text",
3594
+ "description": "Visually highlight the text",
3595
+ "default": false
3596
+ },
3597
+ "colorNeutral": {
3598
+ "title": "Color Neutral",
3599
+ "description": "Make the text and buttons color neutral",
3600
+ "default": false,
3601
+ "type": "boolean"
3602
+ },
3603
+ "buttons": {
3604
+ "type": "array",
3605
+ "items": {
3606
+ "title": "Button",
3607
+ "type": "object",
3608
+ "properties": {
3609
+ "label": {
3610
+ "type": "string",
3611
+ "title": "Label",
3612
+ "description": "Text content to display inside the button",
3613
+ "examples": [
3614
+ "Book a meeting"
3615
+ ]
3616
+ },
3617
+ "icon": {
3618
+ "type": "string",
3619
+ "format": "icon",
3620
+ "title": "Icon",
3621
+ "description": "Choose an icon"
3622
+ },
3623
+ "url": {
3624
+ "type": "string",
3625
+ "title": "URL",
3626
+ "description": "The URL to link to when the button is clicked",
3627
+ "format": "uri"
3628
+ }
3629
+ },
3630
+ "additionalProperties": false
3631
+ }
3632
+ },
3633
+ "overlay": {
3634
+ "title": "Grid layer",
3635
+ "description": "Enable grid layer",
3636
+ "type": "boolean",
3637
+ "default": false
3638
+ },
3639
+ "video": {
3640
+ "title": "Background video",
3641
+ "description": "Sources of background videos for different screen sizes",
3642
+ "type": "object",
3643
+ "required": [
3644
+ "srcMobile"
3645
+ ],
3646
+ "properties": {
3647
+ "srcMobile": {
3648
+ "title": "Mobile video source",
3649
+ "description": "Background video source for small screens",
3650
+ "type": "string",
3651
+ "format": "video",
3652
+ "examples": [
3653
+ "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
3654
+ ]
3655
+ },
3656
+ "srcTablet": {
3657
+ "title": "Tablet video source",
3658
+ "description": "Background video source for medium screens",
3659
+ "type": "string",
3660
+ "format": "video",
3661
+ "examples": [
3662
+ "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
3663
+ ]
3664
+ },
3665
+ "srcDesktop": {
3666
+ "title": "Desktop video source",
3667
+ "description": "Background video source for large screens",
3668
+ "type": "string",
3669
+ "format": "video",
3670
+ "examples": [
3671
+ "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
3672
+ ]
3673
+ }
3674
+ },
3675
+ "additionalProperties": false
3676
+ },
3677
+ "textPosition": {
3678
+ "title": "Module aligment",
3679
+ "description": "Choose the alginment of the module content",
3680
+ "enum": [
3681
+ "center",
3682
+ "bottom",
3683
+ "left",
3684
+ "right",
3685
+ "corner"
3686
+ ],
3687
+ "type": "string",
3688
+ "default": "center"
3689
+ }
3690
+ },
3691
+ "additionalProperties": false
3692
+ }
3693
+ ]
3694
+ }
3695
+ },
3696
+ "secondComponents": {
3697
+ "type": "array",
3698
+ "title": "Second",
3699
+ "description": "Allowed components for the second half of the split layout",
3700
+ "items": {
3701
+ "anyOf": [
3702
+ {
3703
+ "$schema": "http://json-schema.org/draft-07/schema#",
3704
+ "$id": "http://schema.mydesignsystem.com/blog-teaser.schema.json",
3705
+ "title": "Blog Teaser",
3706
+ "description": "Display a blog teaser with date, tags, headline, teaser text and author",
3707
+ "type": "object",
3708
+ "properties": {
3709
+ "date": {
3710
+ "title": "Date",
3711
+ "description": "The date of the blog post",
3712
+ "type": "string",
3713
+ "format": "date",
3714
+ "examples": [
3715
+ "12/30/2022"
3716
+ ]
3717
+ },
3718
+ "tags": {
3719
+ "type": "array",
3720
+ "title": "Tags",
3721
+ "description": "The tags for the blog post",
3722
+ "items": {
3723
+ "$schema": "http://json-schema.org/draft-07/schema#",
3724
+ "$id": "http://schema.mydesignsystem.com/blog-tag.schema.json",
3725
+ "title": "Blog Tag",
3726
+ "description": "Tag given to a blog post",
3727
+ "type": "object",
3728
+ "properties": {
3729
+ "entry": {
3730
+ "title": "Entry",
3731
+ "description": "Name of the tag entry",
3732
+ "type": "string"
3733
+ }
3734
+ },
3735
+ "additionalProperties": false,
3736
+ "required": [
3737
+ "entry"
3738
+ ]
3739
+ }
3740
+ },
3741
+ "headline": {
3742
+ "title": "Headline",
3743
+ "description": "The headline of the blog post",
3744
+ "type": "string",
3745
+ "format": "markdown",
3746
+ "examples": [
3747
+ "This is a blog post headline"
3748
+ ]
3749
+ },
3750
+ "teaserText": {
3751
+ "title": "Teaser Text",
3752
+ "description": "The teaser text of the blog post",
3753
+ "type": "string",
3754
+ "format": "markdown",
3755
+ "examples": [
3756
+ "This is a teaser text for the blog post"
3757
+ ]
3758
+ },
3759
+ "image": {
3760
+ "title": "Image",
3761
+ "description": "The preview image for the blog post",
3762
+ "type": "string",
3763
+ "format": "image",
3764
+ "examples": [
3765
+ "img/close-up-young-business-team-working.png"
3766
+ ]
3767
+ },
3768
+ "alt": {
3769
+ "title": "Alt",
3770
+ "description": "The alt text for the preview image",
3771
+ "type": "string",
3772
+ "examples": [
3773
+ "Image of a business team working"
3774
+ ]
3775
+ },
3776
+ "link": {
3777
+ "type": "object",
3778
+ "title": "Link",
3779
+ "description": "URL and label for the blog post linked",
3780
+ "properties": {
3781
+ "url": {
3782
+ "title": "URL",
3783
+ "description": "The blog entry URL to link",
3784
+ "type": "string",
3785
+ "format": "uri",
3786
+ "examples": [
3787
+ "https://example.com"
3788
+ ]
3789
+ },
3790
+ "text": {
3791
+ "title": "Text",
3792
+ "description": "The text for the link",
3793
+ "type": "string",
3794
+ "default": "Read article",
3795
+ "examples": [
3796
+ "Read article"
3797
+ ]
3798
+ }
3799
+ },
3800
+ "additionalProperties": false,
3801
+ "required": [
3802
+ "url"
3803
+ ]
3804
+ },
3805
+ "readingTime": {
3806
+ "title": "Reading Time",
3807
+ "description": "Time to read for the blog post",
2745
3808
  "type": "string",
2746
- "title": "Layout",
2747
- "description": "Variant of layout to be used",
2748
- "enum": [
2749
- "singleColumn",
2750
- "multiColumn"
2751
- ],
2752
- "default": "singleColumn"
3809
+ "examples": [
3810
+ "5 min read"
3811
+ ]
2753
3812
  },
2754
- "align": {
2755
- "type": "string",
2756
- "title": "Alignment",
2757
- "description": "Alignment of text",
2758
- "enum": [
2759
- "left",
2760
- "center"
2761
- ],
2762
- "default": "left"
3813
+ "author": {
3814
+ "type": "object",
3815
+ "title": "Author",
3816
+ "description": "The author of the blog post",
3817
+ "properties": {
3818
+ "name": {
3819
+ "title": "Name",
3820
+ "description": "The name of the author",
3821
+ "type": "string",
3822
+ "examples": [
3823
+ "John Doe"
3824
+ ]
3825
+ },
3826
+ "title": {
3827
+ "title": "Title",
3828
+ "description": "The title of the author",
3829
+ "type": "string",
3830
+ "examples": [
3831
+ "CEO"
3832
+ ]
3833
+ },
3834
+ "image": {
3835
+ "title": "Image",
3836
+ "description": "The image URL of the author",
3837
+ "type": "string",
3838
+ "format": "image",
3839
+ "examples": [
3840
+ "img/people/author-emily.png"
3841
+ ]
3842
+ }
3843
+ },
3844
+ "additionalProperties": false,
3845
+ "required": [
3846
+ "name"
3847
+ ]
2763
3848
  },
2764
- "highlightText": {
2765
- "type": "boolean",
2766
- "title": "Highlight Text",
2767
- "description": "Visually highlight the text",
2768
- "default": false
3849
+ "className": {
3850
+ "type": "string"
2769
3851
  }
2770
3852
  },
2771
3853
  "additionalProperties": false,
2772
3854
  "required": [
2773
- "text"
3855
+ "headline",
3856
+ "teaserText"
2774
3857
  ]
2775
3858
  },
2776
3859
  {
2777
3860
  "$schema": "http://json-schema.org/draft-07/schema#",
2778
- "$id": "http://schema.mydesignsystem.com/video-curtain.schema.json",
2779
- "title": "Video Curtain",
3861
+ "$id": "http://schema.mydesignsystem.com/business-card.schema.json",
3862
+ "title": "Business Card",
2780
3863
  "type": "object",
2781
3864
  "properties": {
2782
- "headline": {
2783
- "title": "Headline",
2784
- "description": "Headline for the visual",
2785
- "type": "string",
2786
- "format": "markdown"
3865
+ "centered": {
3866
+ "type": "boolean",
3867
+ "title": "Centered",
3868
+ "description": "Whether the business card content is centered.",
3869
+ "default": false
2787
3870
  },
2788
- "sub": {
2789
- "title": "Module Subheadline",
2790
- "description": "Subheadline below the module headline",
2791
- "type": "string",
2792
- "format": "markdown"
3871
+ "image": {
3872
+ "type": "object",
3873
+ "title": "Background Image",
3874
+ "description": "A background or feature image displayed on the business card.",
3875
+ "properties": {
3876
+ "src": {
3877
+ "type": "string",
3878
+ "format": "uri",
3879
+ "description": "URL of the background image shown on the business card."
3880
+ },
3881
+ "alt": {
3882
+ "type": "string",
3883
+ "description": "Alternative text describing the background image."
3884
+ }
3885
+ },
3886
+ "required": [
3887
+ "src"
3888
+ ],
3889
+ "additionalProperties": false
2793
3890
  },
2794
- "text": {
2795
- "title": "Module Text",
2796
- "description": "Info text for the module element",
3891
+ "logo": {
3892
+ "type": "object",
3893
+ "title": "Company Logo",
3894
+ "description": "The logo of the company or organization displayed on the business card.",
3895
+ "properties": {
3896
+ "src": {
3897
+ "type": "string",
3898
+ "format": "uri",
3899
+ "description": "URL of the company or organization logo."
3900
+ },
3901
+ "alt": {
3902
+ "type": "string",
3903
+ "description": "Alternative text describing the logo."
3904
+ },
3905
+ "url": {
3906
+ "type": "string",
3907
+ "format": "uri",
3908
+ "description": "URL to the company's website or landing page."
3909
+ }
3910
+ },
3911
+ "required": [
3912
+ "src"
3913
+ ],
3914
+ "additionalProperties": false
3915
+ },
3916
+ "topic": {
2797
3917
  "type": "string",
2798
- "format": "markdown"
3918
+ "title": "Topic",
3919
+ "description": "A headline or main topic for the business card, such as a job title or department."
2799
3920
  },
2800
- "highlightText": {
2801
- "type": "boolean",
2802
- "title": "Highlight Text",
2803
- "description": "Visually highlight the text",
2804
- "default": false
3921
+ "address": {
3922
+ "type": "string",
3923
+ "title": "Address",
3924
+ "description": "The physical or mailing address displayed on the business card."
2805
3925
  },
2806
- "colorNeutral": {
2807
- "title": "Color Neutral",
2808
- "description": "Make the text and buttons color neutral",
2809
- "default": false,
2810
- "type": "boolean"
3926
+ "avatar": {
3927
+ "type": "object",
3928
+ "title": "Avatar",
3929
+ "description": "A profile image or avatar representing the person on the business card.",
3930
+ "properties": {
3931
+ "src": {
3932
+ "type": "string",
3933
+ "format": "uri",
3934
+ "description": "URL of the person's avatar or profile image."
3935
+ },
3936
+ "alt": {
3937
+ "type": "string",
3938
+ "description": "Alternative text describing the avatar."
3939
+ }
3940
+ },
3941
+ "required": [
3942
+ "src"
3943
+ ],
3944
+ "additionalProperties": false
2811
3945
  },
2812
- "buttons": {
3946
+ "contact": {
2813
3947
  "type": "array",
3948
+ "title": "Contact Information",
3949
+ "description": "A list of contact methods for the person or business (e.g., email, phone, website).",
2814
3950
  "items": {
2815
- "title": "Button",
2816
3951
  "type": "object",
2817
3952
  "properties": {
2818
3953
  "label": {
2819
3954
  "type": "string",
2820
- "title": "Label",
2821
- "description": "Text content to display inside the button",
2822
- "examples": [
2823
- "Book a meeting"
2824
- ]
3955
+ "description": "Label describing the contact method (e.g., 'Email', 'Phone')."
2825
3956
  },
2826
3957
  "icon": {
2827
3958
  "type": "string",
2828
- "format": "icon",
2829
- "title": "Icon",
2830
- "description": "Choose an icon"
3959
+ "description": "Icon name or identifier representing the contact method."
2831
3960
  },
2832
3961
  "url": {
2833
3962
  "type": "string",
2834
- "title": "URL",
2835
- "description": "The URL to link to when the button is clicked",
2836
- "format": "uri"
3963
+ "format": "uri",
3964
+ "description": "URL or link for the contact method, if applicable."
2837
3965
  }
2838
3966
  },
3967
+ "required": [
3968
+ "label"
3969
+ ],
2839
3970
  "additionalProperties": false
2840
3971
  }
2841
3972
  },
2842
- "overlay": {
2843
- "title": "Grid layer",
2844
- "description": "Enable grid layer",
2845
- "type": "boolean",
2846
- "default": false
2847
- },
2848
- "video": {
2849
- "title": "Background video",
2850
- "description": "Sources of background videos for different screen sizes",
3973
+ "buttons": {
3974
+ "type": "array",
3975
+ "title": "Buttons",
3976
+ "description": "A list of action buttons shown on the business card.",
3977
+ "items": {
3978
+ "type": "object",
3979
+ "properties": {
3980
+ "label": {
3981
+ "type": "string",
3982
+ "description": "Text label for the link."
3983
+ },
3984
+ "url": {
3985
+ "type": "string",
3986
+ "format": "uri",
3987
+ "description": "URL the link points to."
3988
+ }
3989
+ },
3990
+ "required": [
3991
+ "label",
3992
+ "url"
3993
+ ],
3994
+ "additionalProperties": false
3995
+ }
3996
+ }
3997
+ },
3998
+ "additionalProperties": false
3999
+ },
4000
+ {
4001
+ "$schema": "http://json-schema.org/draft-07/schema#",
4002
+ "$id": "http://schema.mydesignsystem.com/contact.schema.json",
4003
+ "title": "Contact",
4004
+ "description": "Component used for user interaction",
4005
+ "type": "object",
4006
+ "properties": {
4007
+ "image": {
2851
4008
  "type": "object",
2852
- "required": [
2853
- "srcMobile"
2854
- ],
2855
4009
  "properties": {
2856
- "srcMobile": {
2857
- "title": "Mobile video source",
2858
- "description": "Background video source for small screens",
4010
+ "src": {
2859
4011
  "type": "string",
2860
- "format": "video",
4012
+ "format": "image",
4013
+ "title": "Image Source",
4014
+ "description": "URL of the image to display",
2861
4015
  "examples": [
2862
- "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
4016
+ "img/people/author-emily.png"
2863
4017
  ]
2864
4018
  },
2865
- "srcTablet": {
2866
- "title": "Tablet video source",
2867
- "description": "Background video source for medium screens",
4019
+ "alt": {
4020
+ "type": "string",
4021
+ "title": "Alt Text",
4022
+ "description": "Alt text of the image",
4023
+ "examples": [
4024
+ "Picture of Isabella Doe"
4025
+ ]
4026
+ },
4027
+ "fullWidth": {
4028
+ "type": "boolean",
4029
+ "title": "Full Width",
4030
+ "description": "Image uses all the horizontal space vailable",
4031
+ "default": false
4032
+ },
4033
+ "aspectRatio": {
4034
+ "type": "string",
4035
+ "title": "aspectRatio",
4036
+ "description": "Aspect Ratio of the Images",
4037
+ "enum": [
4038
+ "wide",
4039
+ "square",
4040
+ "vertical"
4041
+ ],
4042
+ "default": "square"
4043
+ }
4044
+ },
4045
+ "additionalProperties": false
4046
+ },
4047
+ "title": {
4048
+ "title": "Title",
4049
+ "description": "Name, company name, etc.",
4050
+ "type": "string",
4051
+ "examples": [
4052
+ "Isabella Doe"
4053
+ ]
4054
+ },
4055
+ "subtitle": {
4056
+ "title": "Subtitle",
4057
+ "description": "Position, profession, department, location, etc.",
4058
+ "type": "string",
4059
+ "examples": [
4060
+ "CEO at Company"
4061
+ ]
4062
+ },
4063
+ "links": {
4064
+ "type": "array",
4065
+ "items": {
4066
+ "type": "object",
4067
+ "properties": {
4068
+ "icon": {
4069
+ "type": "string",
4070
+ "format": "icon"
4071
+ },
4072
+ "label": {
4073
+ "type": "string"
4074
+ },
4075
+ "url": {
4076
+ "type": "string",
4077
+ "format": "uri"
4078
+ },
4079
+ "newTab": {
4080
+ "title": "Open link in new Tab",
4081
+ "description": "Open link in new Tab",
4082
+ "type": "boolean",
4083
+ "default": false
4084
+ },
4085
+ "ariaLabel": {
4086
+ "title": "Aria Label",
4087
+ "description": "Aria label for the link",
4088
+ "type": "string",
4089
+ "examples": [
4090
+ "Link to Isabella Doe's social media profile"
4091
+ ]
4092
+ }
4093
+ },
4094
+ "additionalProperties": false
4095
+ },
4096
+ "examples": [
4097
+ [
4098
+ {
4099
+ "icon": "phone",
4100
+ "label": "0228 / 688 966 20",
4101
+ "url": "tel:+4922868896620"
4102
+ },
4103
+ {
4104
+ "icon": "email",
4105
+ "label": "mail@example.com",
4106
+ "url": "mailto:mail@example.com"
4107
+ }
4108
+ ]
4109
+ ]
4110
+ },
4111
+ "copy": {
4112
+ "title": "Copy text",
4113
+ "type": "string"
4114
+ },
4115
+ "className": {
4116
+ "title": "Class",
4117
+ "description": "Additional css classes attached to the wrapping element",
4118
+ "type": "string"
4119
+ },
4120
+ "component": {
4121
+ "title": "`ks-component` attribute",
4122
+ "description": "Optional custom component identifier",
4123
+ "type": "string"
4124
+ }
4125
+ },
4126
+ "additionalProperties": false,
4127
+ "required": [
4128
+ "name"
4129
+ ]
4130
+ },
4131
+ {
4132
+ "$schema": "http://json-schema.org/draft-07/schema#",
4133
+ "$id": "http://schema.mydesignsystem.com/content-nav.schema.json",
4134
+ "title": "Content Nav",
4135
+ "type": "object",
4136
+ "properties": {
4137
+ "image": {
4138
+ "type": "object",
4139
+ "properties": {
4140
+ "src": {
2868
4141
  "type": "string",
2869
- "format": "video",
2870
- "examples": [
2871
- "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
2872
- ]
4142
+ "format": "uri",
4143
+ "description": "URL of the image to display in the content nav."
2873
4144
  },
2874
- "srcDesktop": {
2875
- "title": "Desktop video source",
2876
- "description": "Background video source for large screens",
4145
+ "alt": {
2877
4146
  "type": "string",
2878
- "format": "video",
2879
- "examples": [
2880
- "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
2881
- ]
4147
+ "description": "Alternative text for the image."
2882
4148
  }
2883
4149
  },
4150
+ "required": [
4151
+ "src"
4152
+ ],
2884
4153
  "additionalProperties": false
2885
4154
  },
2886
- "textPosition": {
2887
- "title": "Module aligment",
2888
- "description": "Choose the alginment of the module content",
2889
- "enum": [
2890
- "center",
2891
- "bottom",
2892
- "left",
2893
- "right",
2894
- "corner"
2895
- ],
4155
+ "topic": {
2896
4156
  "type": "string",
2897
- "default": "center"
4157
+ "description": "The topic of the content being navigated."
4158
+ },
4159
+ "links": {
4160
+ "type": "array",
4161
+ "items": {
4162
+ "type": "object",
4163
+ "properties": {
4164
+ "label": {
4165
+ "type": "string",
4166
+ "description": "The text label for the link."
4167
+ },
4168
+ "url": {
4169
+ "type": "string",
4170
+ "format": "uri",
4171
+ "description": "The URL the link points to."
4172
+ }
4173
+ },
4174
+ "required": [
4175
+ "label",
4176
+ "url"
4177
+ ],
4178
+ "additionalProperties": false
4179
+ }
4180
+ },
4181
+ "initiallyShown": {
4182
+ "type": "number",
4183
+ "default": 4,
4184
+ "description": "Determines how many links are initially shown in the content nav. If there are more links, a 'Show More' button will be displayed."
2898
4185
  }
2899
4186
  },
2900
4187
  "additionalProperties": false
2901
- }
2902
- ]
2903
- }
2904
- },
2905
- "secondComponents": {
2906
- "type": "array",
2907
- "title": "Second",
2908
- "description": "Allowed components for the second half of the split layout",
2909
- "items": {
2910
- "anyOf": [
4188
+ },
2911
4189
  {
2912
4190
  "$schema": "http://json-schema.org/draft-07/schema#",
2913
4191
  "$id": "http://schema.mydesignsystem.com/cta.schema.json",
@@ -3108,6 +4386,300 @@
3108
4386
  },
3109
4387
  "additionalProperties": false
3110
4388
  },
4389
+ {
4390
+ "$schema": "http://json-schema.org/draft-07/schema#",
4391
+ "$id": "http://schema.mydesignsystem.com/downloads.schema.json",
4392
+ "title": "Downloads",
4393
+ "type": "object",
4394
+ "properties": {
4395
+ "downloads": {
4396
+ "type": "array",
4397
+ "items": {
4398
+ "type": "object",
4399
+ "properties": {
4400
+ "name": {
4401
+ "type": "string",
4402
+ "description": "The name of the file"
4403
+ },
4404
+ "description": {
4405
+ "type": "string",
4406
+ "description": "A brief description of the file"
4407
+ },
4408
+ "previewImage": {
4409
+ "type": "string",
4410
+ "format": "uri",
4411
+ "description": "A URL to an image that previews the file."
4412
+ },
4413
+ "url": {
4414
+ "type": "string",
4415
+ "format": "uri",
4416
+ "description": "The URL to download the file from."
4417
+ },
4418
+ "size": {
4419
+ "type": [
4420
+ "string"
4421
+ ],
4422
+ "description": "The size of the download file"
4423
+ },
4424
+ "format": {
4425
+ "type": [
4426
+ "string"
4427
+ ],
4428
+ "description": "The format of the download file"
4429
+ }
4430
+ },
4431
+ "required": [
4432
+ "name",
4433
+ "url"
4434
+ ],
4435
+ "additionalProperties": false
4436
+ }
4437
+ }
4438
+ },
4439
+ "additionalProperties": false
4440
+ },
4441
+ {
4442
+ "$schema": "http://json-schema.org/draft-07/schema#",
4443
+ "$id": "http://schema.mydesignsystem.com/event-latest-teaser.schema.json",
4444
+ "title": "Event Latest Teaser",
4445
+ "description": "Display an event teaser with date, title and location",
4446
+ "type": "object",
4447
+ "properties": {
4448
+ "date": {
4449
+ "title": "Date",
4450
+ "description": "The date of the event",
4451
+ "type": "string",
4452
+ "format": "date",
4453
+ "examples": [
4454
+ "12.30.2022"
4455
+ ]
4456
+ },
4457
+ "calendar": {
4458
+ "type": "object",
4459
+ "title": "Calendar",
4460
+ "description": "Calendar icon to display the date",
4461
+ "properties": {
4462
+ "month": {
4463
+ "title": "Month",
4464
+ "description": "The month of the event",
4465
+ "type": "string",
4466
+ "examples": [
4467
+ "Dec"
4468
+ ]
4469
+ },
4470
+ "day": {
4471
+ "title": "Day",
4472
+ "description": "The day of the event",
4473
+ "type": "string",
4474
+ "examples": [
4475
+ "30"
4476
+ ]
4477
+ }
4478
+ },
4479
+ "additionalProperties": false
4480
+ },
4481
+ "title": {
4482
+ "title": "Headline",
4483
+ "description": "Title of the event",
4484
+ "type": "string",
4485
+ "format": "markdown",
4486
+ "examples": [
4487
+ "This is a event teaser title"
4488
+ ]
4489
+ },
4490
+ "location": {
4491
+ "title": "Location",
4492
+ "description": "Location of the event",
4493
+ "type": "string",
4494
+ "format": "markdown",
4495
+ "examples": [
4496
+ "This is a location"
4497
+ ]
4498
+ },
4499
+ "url": {
4500
+ "title": "URL",
4501
+ "description": "The event entry URL to link",
4502
+ "type": "string",
4503
+ "format": "uri",
4504
+ "examples": [
4505
+ "https://example.com"
4506
+ ]
4507
+ },
4508
+ "cta": {
4509
+ "title": "Call to Action",
4510
+ "description": "Text for the call to action",
4511
+ "type": "string",
4512
+ "examples": [
4513
+ "Show event"
4514
+ ]
4515
+ },
4516
+ "ariaLabel": {
4517
+ "title": "ARIA Label",
4518
+ "description": "ARIA label for accessibility",
4519
+ "type": "string",
4520
+ "examples": [
4521
+ "Event teaser for "
4522
+ ]
4523
+ },
4524
+ "className": {
4525
+ "type": "string"
4526
+ }
4527
+ },
4528
+ "additionalProperties": false,
4529
+ "required": [
4530
+ "title",
4531
+ "date",
4532
+ "location"
4533
+ ]
4534
+ },
4535
+ {
4536
+ "$schema": "http://json-schema.org/draft-07/schema#",
4537
+ "$id": "http://schema.mydesignsystem.com/event-list-teaser.schema.json",
4538
+ "title": "Event List Teaser",
4539
+ "description": "Display an event teaser with date, title and location",
4540
+ "type": "object",
4541
+ "properties": {
4542
+ "category": {
4543
+ "title": "Category",
4544
+ "description": "Category of the event teaser",
4545
+ "type": "string",
4546
+ "examples": [
4547
+ "Buyers"
4548
+ ]
4549
+ },
4550
+ "title": {
4551
+ "title": "Headline",
4552
+ "description": "Title of the event",
4553
+ "type": "string",
4554
+ "format": "markdown",
4555
+ "examples": [
4556
+ "This is a event teaser title"
4557
+ ]
4558
+ },
4559
+ "text": {
4560
+ "title": "Text",
4561
+ "description": "Short teaser text for the event",
4562
+ "type": "string",
4563
+ "format": "markdown",
4564
+ "examples": [
4565
+ "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."
4566
+ ]
4567
+ },
4568
+ "date": {
4569
+ "title": "Date",
4570
+ "description": "The date of the event",
4571
+ "type": "string",
4572
+ "format": "date",
4573
+ "examples": [
4574
+ "FRI, JAN 16"
4575
+ ]
4576
+ },
4577
+ "time": {
4578
+ "title": "Time",
4579
+ "description": "The time of the event",
4580
+ "type": "string",
4581
+ "examples": [
4582
+ "10:00"
4583
+ ]
4584
+ },
4585
+ "location": {
4586
+ "title": "Location",
4587
+ "description": "Location of the event",
4588
+ "type": "object",
4589
+ "properties": {
4590
+ "name": {
4591
+ "type": "string",
4592
+ "title": "Location Name",
4593
+ "description": "Name of the location",
4594
+ "examples": [
4595
+ "Stadthalle"
4596
+ ]
4597
+ },
4598
+ "address": {
4599
+ "type": "string",
4600
+ "title": "Address",
4601
+ "description": "Address of the location",
4602
+ "examples": [
4603
+ "Köln"
4604
+ ]
4605
+ }
4606
+ },
4607
+ "additionalProperties": false
4608
+ },
4609
+ "tags": {
4610
+ "title": "Tags",
4611
+ "description": "Tags associated with the event",
4612
+ "type": "array",
4613
+ "items": {
4614
+ "type": "string",
4615
+ "examples": [
4616
+ "AI",
4617
+ "Technology",
4618
+ "Innovation"
4619
+ ]
4620
+ },
4621
+ "default": [
4622
+ "AI"
4623
+ ]
4624
+ },
4625
+ "image": {
4626
+ "title": "Image",
4627
+ "description": "Image to display in the teaser",
4628
+ "type": "object",
4629
+ "properties": {
4630
+ "src": {
4631
+ "type": "string",
4632
+ "format": "image",
4633
+ "title": "Image Source",
4634
+ "description": "URL of the image to display",
4635
+ "examples": [
4636
+ "https://picsum.photos/seed/flower/800/600"
4637
+ ]
4638
+ },
4639
+ "alt": {
4640
+ "type": "string",
4641
+ "title": "Alt Text",
4642
+ "description": "Alt text of the image",
4643
+ "examples": [
4644
+ "This is an image of a flower"
4645
+ ]
4646
+ }
4647
+ },
4648
+ "additionalProperties": false
4649
+ },
4650
+ "url": {
4651
+ "title": "URL",
4652
+ "description": "The event entry URL to link",
4653
+ "type": "string",
4654
+ "format": "uri",
4655
+ "examples": [
4656
+ "https://example.com"
4657
+ ]
4658
+ },
4659
+ "ctaText": {
4660
+ "title": "Call to Action",
4661
+ "description": "Text for the call to action",
4662
+ "type": "string",
4663
+ "examples": [
4664
+ "Show event"
4665
+ ]
4666
+ },
4667
+ "ariaLabel": {
4668
+ "title": "ARIA Label",
4669
+ "description": "ARIA label for accessibility",
4670
+ "type": "string"
4671
+ },
4672
+ "className": {
4673
+ "type": "string"
4674
+ }
4675
+ },
4676
+ "additionalProperties": false,
4677
+ "required": [
4678
+ "title",
4679
+ "date",
4680
+ "location"
4681
+ ]
4682
+ },
3111
4683
  {
3112
4684
  "$schema": "http://json-schema.org/draft-07/schema#",
3113
4685
  "$id": "http://schema.mydesignsystem.com/faq.schema.json",
@@ -3120,6 +4692,7 @@
3120
4692
  "title": "Questions",
3121
4693
  "description": "The questions and answers in the Faq section",
3122
4694
  "items": {
4695
+ "title": "Question",
3123
4696
  "type": "object",
3124
4697
  "properties": {
3125
4698
  "question": {
@@ -3143,8 +4716,7 @@
3143
4716
  },
3144
4717
  "additionalProperties": false,
3145
4718
  "required": [
3146
- "question",
3147
- "answer"
4719
+ "question"
3148
4720
  ]
3149
4721
  },
3150
4722
  "minItems": 1
@@ -3905,8 +5477,7 @@
3905
5477
  "src"
3906
5478
  ]
3907
5479
  },
3908
- "minItems": 1,
3909
- "maxItems": 20
5480
+ "minItems": 1
3910
5481
  },
3911
5482
  "align": {
3912
5483
  "type": "string",
@@ -4863,8 +6434,7 @@
4863
6434
  "src"
4864
6435
  ]
4865
6436
  },
4866
- "minItems": 1,
4867
- "maxItems": 20
6437
+ "minItems": 1
4868
6438
  },
4869
6439
  "align": {
4870
6440
  "type": "string",
@@ -5068,6 +6638,12 @@
5068
6638
  "description": "Layout for the Teaser Card",
5069
6639
  "default": "stack"
5070
6640
  },
6641
+ "centered": {
6642
+ "type": "boolean",
6643
+ "title": "Centered",
6644
+ "description": "Whether the Teaser Card is centered",
6645
+ "default": false
6646
+ },
5071
6647
  "url": {
5072
6648
  "type": "string",
5073
6649
  "title": "Url",
@@ -5403,6 +6979,12 @@
5403
6979
  "description": "Layout for the Teaser Card",
5404
6980
  "default": "stack"
5405
6981
  },
6982
+ "centered": {
6983
+ "type": "boolean",
6984
+ "title": "Centered",
6985
+ "description": "Whether the Teaser Card is centered",
6986
+ "default": false
6987
+ },
5406
6988
  "url": {
5407
6989
  "type": "string",
5408
6990
  "title": "Url",