@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.
- package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
- package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts} +1 -1
- package/dist/ContactProps-7cac90e5.d.ts +70 -0
- package/dist/{FaqProps-ad618cd5.d.ts → FaqProps-78384db5.d.ts} +7 -12
- package/dist/HeadlineProps-e1305784.d.ts +53 -0
- package/dist/{LogosProps-f9474fe2.d.ts → LogosProps-d4677d2c.d.ts} +1 -23
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/SearchBarProps-26263244.d.ts +29 -0
- package/dist/SearchFormProps-3d2c3462.d.ts +30 -0
- package/dist/SearchResultMatchProps-777cd47c.d.ts +23 -0
- package/dist/SearchResultProps-f6f07017.d.ts +44 -0
- package/dist/{SectionProps-d60aba86.d.ts → SectionProps-6a826e52.d.ts} +8 -4
- package/dist/SliderProps-789f8508.d.ts +2 -2
- package/dist/SplitEvenProps-789f8508.d.ts +12 -5
- package/dist/SplitWeightedProps-789f8508.d.ts +12 -5
- package/dist/{TeaserCardProps-994cb119.d.ts → TeaserCardProps-d069476f.d.ts} +6 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +5254 -1550
- package/dist/components/blog-post/blog-post.schema.dereffed.json +5254 -1550
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/business-card/business-card.css +7 -5
- package/dist/components/business-card/index.js +1 -1
- package/dist/components/button/button.css +6 -1
- package/dist/components/contact/index.d.ts +1 -70
- package/dist/components/content-nav/content-nav.css +2 -0
- package/dist/components/cookie-consent/C15t.client.js +57 -1
- package/dist/components/cookie-consent/CookieConsent.client.d.ts +5 -1
- package/dist/components/cookie-consent/CookieConsent.client.js +13 -13
- package/dist/components/cookie-consent/cookie-consent.css +17 -25
- package/dist/components/cookie-consent/index.js +1 -1
- package/dist/components/downloads/downloads.css +13 -8
- package/dist/components/event-latest-teaser/event-latest-teaser.css +2 -2
- package/dist/components/event-list-teaser/event-list-teaser.css +1 -1
- package/dist/components/event-location/event-location.css +3 -3
- package/dist/components/faq/faq.css +1 -1
- package/dist/components/faq/faq.schema.dereffed.json +2 -2
- package/dist/components/faq/faq.schema.json +2 -1
- package/dist/components/faq/index.d.ts +24 -7
- package/dist/components/faq/index.js +1 -1
- package/dist/components/feature/index.js +2 -2
- package/dist/components/features/index.js +1 -1
- package/dist/components/headline/headline.css +5 -9
- package/dist/components/headline/index.d.ts +1 -53
- package/dist/components/hero/hero.css +53 -32
- package/dist/components/image-story/image-story.css +4 -0
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/logos/index.d.ts +1 -1
- package/dist/components/logos/logos.css +8 -6
- package/dist/components/logos/logos.schema.dereffed.json +1 -2
- package/dist/components/logos/logos.schema.json +1 -2
- package/dist/components/nav-dropdown/nav-dropdown.css +5 -3
- package/dist/components/page/page.schema.dereffed.json +5254 -1550
- package/dist/components/page-wrapper/index.js +0 -1
- package/dist/components/pagination/index.d.ts +10 -2
- package/dist/components/pagination/index.js +32 -38
- package/dist/components/pagination/pagination.css +34 -10
- package/dist/components/pagination/pagination.schema.dereffed.json +3 -0
- package/dist/components/pagination/pagination.schema.json +3 -0
- package/dist/components/presets.json +156 -70
- package/dist/components/search/index.d.ts +11 -1
- package/dist/components/search/index.js +33 -20
- package/dist/components/search/search.schema.dereffed.json +189 -13
- package/dist/components/search/search.schema.json +6 -0
- package/dist/components/search-bar/index.d.ts +1 -29
- package/dist/components/search-bar/index.js +1 -1
- package/dist/components/search-form/SearchForm.client.d.ts +25 -0
- package/dist/components/search-form/SearchForm.client.js +228 -0
- package/dist/components/search-form/SearchFormPagefind.client.d.ts +5 -0
- package/dist/components/search-form/SearchFormPagefind.client.js +40 -0
- package/dist/components/search-form/index.d.ts +4 -0
- package/dist/components/search-form/index.js +25 -0
- package/dist/components/search-form/search-form.css +10 -0
- package/dist/components/search-form/search-form.schema.dereffed.json +49 -0
- package/dist/components/search-form/search-form.schema.json +38 -0
- package/dist/components/search-modal/RadioEmit.client.d.ts +5 -0
- package/dist/components/search-modal/RadioEmit.client.js +17 -0
- package/dist/components/search-modal/SearchModal.client.d.ts +5 -0
- package/dist/components/search-modal/SearchModal.client.js +31 -0
- package/dist/components/search-modal/index.d.ts +18 -0
- package/dist/components/search-modal/index.js +39 -0
- package/dist/components/search-modal/search-modal.css +27 -0
- package/dist/components/search-modal/search-modal.schema.dereffed.json +70 -0
- package/dist/components/search-modal/search-modal.schema.json +24 -0
- package/dist/components/search-result/index.d.ts +4 -4
- package/dist/components/search-result/index.js +11 -2
- package/dist/components/search-result/search-result.css +61 -13
- package/dist/components/search-result/search-result.schema.dereffed.json +56 -13
- package/dist/components/search-result/search-result.schema.json +23 -12
- package/dist/components/search-result-match/index.d.ts +7 -0
- package/dist/components/search-result-match/index.js +18 -0
- package/dist/components/search-result-match/search-result-match.css +18 -0
- package/dist/components/search-result-match/search-result-match.schema.dereffed.json +33 -0
- package/dist/components/search-result-match/search-result-match.schema.json +31 -0
- package/dist/components/section/index.d.ts +1 -1
- package/dist/components/section/section.css +12 -7
- package/dist/components/section/section.schema.dereffed.json +5254 -1550
- package/dist/components/section/section.schema.json +12 -0
- package/dist/components/slider/slider.schema.dereffed.json +7 -2
- package/dist/components/split-even/index.d.ts +6 -6
- package/dist/components/split-even/split-even.schema.dereffed.json +2406 -824
- package/dist/components/split-even/split-even.schema.json +42 -0
- package/dist/components/split-weighted/index.d.ts +6 -6
- package/dist/components/split-weighted/split-weighted.schema.dereffed.json +2406 -824
- package/dist/components/split-weighted/split-weighted.schema.json +42 -0
- package/dist/components/stats/stats.css +2 -0
- package/dist/components/teaser-card/index.d.ts +1 -1
- package/dist/components/teaser-card/index.js +2 -1
- package/dist/components/teaser-card/teaser-card.css +10 -6
- package/dist/components/teaser-card/teaser-card.schema.dereffed.json +6 -0
- package/dist/components/teaser-card/teaser-card.schema.json +6 -0
- package/dist/components/testimonials/testimonials.css +3 -1
- package/dist/global.css +3888 -177
- package/dist/static/fonts/dsa/Fredoka-Bold.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Bold.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-Light.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Light.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-Medium.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Medium.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-Regular.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Regular.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-SemiBold.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-SemiBold.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-300.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-300.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-600.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-600.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-800.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-800.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-Regular.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-Regular.woff2 +0 -0
- package/dist/static/img/bg-color-swatch.png +0 -0
- package/dist/static/img/screenshots/blog-blog-aside--default.png +0 -0
- package/dist/static/img/screenshots/blog-blog-author--default.png +0 -0
- package/dist/static/img/screenshots/blog-blog-head--default.png +0 -0
- package/dist/static/img/screenshots/blog-blog-teaser--default.png +0 -0
- package/dist/static/img/screenshots/components-button--primary-button.png +0 -0
- package/dist/static/img/screenshots/components-button--primary-disabled-button.png +0 -0
- package/dist/static/img/screenshots/components-button--secondary-button.png +0 -0
- package/dist/static/img/screenshots/components-button--tertiary-button.png +0 -0
- package/dist/static/img/screenshots/components-contact--circular-avatar.png +0 -0
- package/dist/static/img/screenshots/components-contact--full-image-width.png +0 -0
- package/dist/static/img/screenshots/components-contact--vertical-image-with-paragraph.png +0 -0
- package/dist/static/img/screenshots/components-contact--wide-image.png +0 -0
- package/dist/static/img/screenshots/components-cta--align-bottom.png +0 -0
- package/dist/static/img/screenshots/components-cta--angled-image.png +0 -0
- package/dist/static/img/screenshots/components-cta--banner.png +0 -0
- package/dist/static/img/screenshots/components-cta--colored-banner.png +0 -0
- package/dist/static/img/screenshots/components-cta--contact-banner.png +0 -0
- package/dist/static/img/screenshots/components-cta--highlighted.png +0 -0
- package/dist/static/img/screenshots/components-cta--left-aligned.png +0 -0
- package/dist/static/img/screenshots/components-cta--product-advertisement.png +0 -0
- package/dist/static/img/screenshots/components-cta--split-banner.png +0 -0
- package/dist/static/img/screenshots/components-faq--dropdown-list.png +0 -0
- package/dist/static/img/screenshots/components-faq--single-dropdown.png +0 -0
- package/dist/static/img/screenshots/components-features--icon-beside-with-link-in-text.png +0 -0
- package/dist/static/img/screenshots/components-features--icon-centered.png +0 -0
- package/dist/static/img/screenshots/components-features--icon-intext-with-link.png +0 -0
- package/dist/static/img/screenshots/components-features--list-view.png +0 -0
- package/dist/static/img/screenshots/components-features--stack-with-button.png +0 -0
- package/dist/static/img/screenshots/components-gallery--free-aspect-ratio.png +0 -0
- package/dist/static/img/screenshots/components-gallery--large-landscape-tiles.png +0 -0
- package/dist/static/img/screenshots/components-gallery--small-squares-with-lightbox.png +0 -0
- package/dist/static/img/screenshots/components-gallery--stack-landscape.png +0 -0
- package/dist/static/img/screenshots/components-headline--h-1.png +0 -0
- package/dist/static/img/screenshots/components-headline--h-2.png +0 -0
- package/dist/static/img/screenshots/components-headline--h-3.png +0 -0
- package/dist/static/img/screenshots/components-headline--h-4.png +0 -0
- package/dist/static/img/screenshots/components-headline--order-swapped.png +0 -0
- package/dist/static/img/screenshots/components-headline--with-markdown.png +0 -0
- package/dist/static/img/screenshots/components-headline--with-subheadline.png +0 -0
- package/dist/static/img/screenshots/components-hero--text-below-image.png +0 -0
- package/dist/static/img/screenshots/components-hero--text-box-on-full-screen.png +0 -0
- package/dist/static/img/screenshots/components-hero--text-on-image-with-overlay.png +0 -0
- package/dist/static/img/screenshots/components-html--html.png +0 -0
- package/dist/static/img/screenshots/components-html--with-consent.png +0 -0
- package/dist/static/img/screenshots/components-html--with-script.png +0 -0
- package/dist/static/img/screenshots/components-image-story--sticky-image-next-to-scrolling-text.png +0 -0
- package/dist/static/img/screenshots/components-image-text--above-layout.png +0 -0
- package/dist/static/img/screenshots/components-image-text--beside-right-layout.png +0 -0
- package/dist/static/img/screenshots/components-logos--centered-with-button.png +0 -0
- package/dist/static/img/screenshots/components-logos--left-aligned-with-text-link.png +0 -0
- package/dist/static/img/screenshots/components-logos--logo-row.png +0 -0
- package/dist/static/img/screenshots/components-logos--logo-wall.png +0 -0
- package/dist/static/img/screenshots/components-mosaic--colorful-text-with-illustrations.png +0 -0
- package/dist/static/img/screenshots/components-mosaic--colorful-tiles.png +0 -0
- package/dist/static/img/screenshots/components-stats--count-up-with-description.png +0 -0
- package/dist/static/img/screenshots/components-stats--count-up-with-icons.png +0 -0
- package/dist/static/img/screenshots/components-teaser-card--page-navigation.png +0 -0
- package/dist/static/img/screenshots/components-teaser-card--product-tiles.png +0 -0
- package/dist/static/img/screenshots/components-teaser-card--showcase-preview.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--alternating-layout.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--list-layout.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--simple.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--slider-layout.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--with-rating.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--with-title.png +0 -0
- package/dist/static/img/screenshots/components-text--centered.png +0 -0
- package/dist/static/img/screenshots/components-text--highlight.png +0 -0
- package/dist/static/img/screenshots/components-text--multi-column.png +0 -0
- package/dist/static/img/screenshots/components-text--single-column.png +0 -0
- package/dist/static/img/screenshots/components-video-curtain--atmospheric-video-with-overlay.png +0 -0
- package/dist/static/img/screenshots/components-video-curtain--color-neutral-text.png +0 -0
- package/dist/static/img/screenshots/components-video-curtain--color-neutral-video.png +0 -0
- package/dist/static/img/screenshots/corporate-breadcrumb--default.png +0 -0
- package/dist/static/img/screenshots/corporate-business-card--centered.png +0 -0
- package/dist/static/img/screenshots/corporate-business-card--default.png +0 -0
- package/dist/static/img/screenshots/corporate-business-card--without-image.png +0 -0
- package/dist/static/img/screenshots/corporate-content-nav--default.png +0 -0
- package/dist/static/img/screenshots/corporate-cookie-consent--banner.png +0 -0
- package/dist/static/img/screenshots/corporate-cookie-consent--c-15-t.png +0 -0
- package/dist/static/img/screenshots/corporate-cookie-consent--card.png +0 -0
- package/dist/static/img/screenshots/corporate-downloads--complete.png +0 -0
- package/dist/static/img/screenshots/corporate-downloads--description-only.png +0 -0
- package/dist/static/img/screenshots/corporate-downloads--mixed.png +0 -0
- package/dist/static/img/screenshots/corporate-downloads--technical-details-only.png +0 -0
- package/dist/static/img/screenshots/corporate-pagination--default.png +0 -0
- package/dist/static/img/screenshots/corporate-search-bar--default.png +0 -0
- package/dist/static/img/screenshots/corporate-search-filter--default.png +0 -0
- package/dist/static/img/screenshots/corporate-search-form--pagefind.png +0 -0
- package/dist/static/img/screenshots/corporate-search-modal--pagefind.png +0 -0
- package/dist/static/img/screenshots/corporate-search-result--default.png +0 -0
- package/dist/static/img/screenshots/event-event-filter--default.png +0 -0
- package/dist/static/img/screenshots/event-event-header--default.png +0 -0
- package/dist/static/img/screenshots/event-event-latest--default.png +0 -0
- package/dist/static/img/screenshots/event-event-latest-teaser--default.png +0 -0
- package/dist/static/img/screenshots/event-event-list-teaser--default.png +0 -0
- package/dist/static/img/screenshots/event-event-location--default.png +0 -0
- package/dist/static/img/screenshots/event-event-login--default.png +0 -0
- package/dist/static/img/screenshots/event-event-registration--default.png +0 -0
- package/dist/static/img/screenshots/form-checkbox--default.png +0 -0
- package/dist/static/img/screenshots/form-radio--default.png +0 -0
- package/dist/static/img/screenshots/form-select-field--default.png +0 -0
- package/dist/static/img/screenshots/form-text-area--default.png +0 -0
- package/dist/static/img/screenshots/form-text-field--default.png +0 -0
- package/dist/static/img/screenshots/layout-divider--accent.png +0 -0
- package/dist/static/img/screenshots/layout-divider--default.png +0 -0
- package/dist/static/img/screenshots/layout-footer--footer.png +0 -0
- package/dist/static/img/screenshots/layout-header--header.png +0 -0
- package/dist/static/img/screenshots/layout-section--accent-background.png +0 -0
- package/dist/static/img/screenshots/layout-section--background-image.png +0 -0
- package/dist/static/img/screenshots/layout-section--bold-background.png +0 -0
- package/dist/static/img/screenshots/layout-section--dynamic-layout.png +0 -0
- package/dist/static/img/screenshots/layout-section--framed.png +0 -0
- package/dist/static/img/screenshots/layout-section--inverted.png +0 -0
- package/dist/static/img/screenshots/layout-section--list-layout.png +0 -0
- package/dist/static/img/screenshots/layout-section--slider.png +0 -0
- package/dist/static/img/screenshots/layout-section--tile-layout.png +0 -0
- package/dist/static/img/screenshots/layout-section--with-buttons.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-arrows.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-autoplay.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-nav.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-teased-neighbours.png +0 -0
- package/dist/static/img/screenshots/layout-split-even--faq-with-form.png +0 -0
- package/dist/static/img/screenshots/layout-split-even--text-with-logos.png +0 -0
- package/dist/static/img/screenshots/layout-split-weighted--text-with-contact.png +0 -0
- package/dist/static/img/screenshots/layout-split-weighted--text-with-teaser.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-about--about.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-blog-overview--blog-overview.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-blog-post--blog-post.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-event-detail--event-detail.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-event-list--event-list.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-job-detail--job-detail.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-jobs--jobs.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-landingpage--landingpage.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-overview--overview.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-search--search.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-showcase--showcase.png +0 -0
- package/dist/static/logo.svg +13 -57
- package/dist/tokens/themes.css +20 -20
- package/dist/tokens/tokens.css +359 -360
- package/dist/tokens/tokens.js +540 -541
- package/package.json +7 -4
- package/dist/SearchResultProps-224c2338.d.ts +0 -33
- package/dist/components/page-wrapper/tokens.css +0 -2480
- package/dist/static/fonts/dsa/permanent-marker-regular.woff2 +0 -0
- package/dist/static/fonts/dsa/wix-madefor-display-600.woff2 +0 -0
- package/dist/static/fonts/dsa/wix-madefor-display-700.woff2 +0 -0
- package/dist/static/fonts/dsa/wix-madefor-display-regular.woff2 +0 -0
- package/dist/static/fonts/dsa/wix-madefor-text-500.woff2 +0 -0
- package/dist/static/fonts/dsa/wix-madefor-text-600.woff2 +0 -0
- package/dist/static/fonts/dsa/wix-madefor-text-700.woff2 +0 -0
- package/dist/static/fonts/dsa/wix-madefor-text-regular.woff2 +0 -0
- package/dist/static/img/screenshots/components-image--custom-aspect-ratio.png +0 -0
- package/dist/static/img/screenshots/components-image--preset-size.png +0 -0
- package/dist/static/img/screenshots/components-image--responsive-image.png +0 -0
- package/dist/static/img/screenshots/layout-section--cards.png +0 -0
- package/dist/static/img/screenshots/layout-section--colorful-gradient.png +0 -0
- package/dist/static/img/screenshots/layout-section--flex-layout.png +0 -0
- package/dist/static/img/screenshots/layout-section--spotlight.png +0 -0
- package/dist/static/img/screenshots/layout-section--stagelights.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--blog-overview.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--blog-post.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--content.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--overview.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--start.png +0 -0
- 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/
|
|
81
|
-
"title": "
|
|
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": "
|
|
86
|
-
"description": "
|
|
118
|
+
"title": "Headline",
|
|
119
|
+
"description": "The headline of the blog post",
|
|
87
120
|
"type": "string",
|
|
88
121
|
"format": "markdown",
|
|
89
122
|
"examples": [
|
|
90
|
-
"
|
|
123
|
+
"This is a blog post headline"
|
|
91
124
|
]
|
|
92
125
|
},
|
|
93
|
-
"
|
|
94
|
-
"title": "
|
|
95
|
-
"description": "
|
|
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
|
-
"
|
|
132
|
+
"This is a teaser text for the blog post"
|
|
100
133
|
]
|
|
101
134
|
},
|
|
102
|
-
"
|
|
103
|
-
"title": "
|
|
104
|
-
"description": "
|
|
135
|
+
"image": {
|
|
136
|
+
"title": "Image",
|
|
137
|
+
"description": "The preview image for the blog post",
|
|
105
138
|
"type": "string",
|
|
106
|
-
"format": "
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
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
|
-
"
|
|
115
|
-
"title": "
|
|
116
|
-
"description": "
|
|
117
|
-
"
|
|
118
|
-
"
|
|
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
|
-
"
|
|
121
|
-
"type": "
|
|
122
|
-
"
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
"
|
|
126
|
-
"
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
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
|
-
"
|
|
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
|
-
"
|
|
151
|
-
"title": "
|
|
152
|
-
"description": "
|
|
181
|
+
"readingTime": {
|
|
182
|
+
"title": "Reading Time",
|
|
183
|
+
"description": "Time to read for the blog post",
|
|
153
184
|
"type": "string",
|
|
154
|
-
"
|
|
185
|
+
"examples": [
|
|
186
|
+
"5 min read"
|
|
187
|
+
]
|
|
155
188
|
},
|
|
156
|
-
"
|
|
157
|
-
"
|
|
158
|
-
"
|
|
159
|
-
"
|
|
160
|
-
"
|
|
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": "
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
204
|
-
"
|
|
205
|
-
"
|
|
206
|
-
"
|
|
207
|
-
"default": false
|
|
272
|
+
"src": {
|
|
273
|
+
"type": "string",
|
|
274
|
+
"format": "uri",
|
|
275
|
+
"description": "URL of the company or organization logo."
|
|
208
276
|
},
|
|
209
|
-
"
|
|
210
|
-
"
|
|
211
|
-
"description": "
|
|
212
|
-
|
|
213
|
-
|
|
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
|
-
"
|
|
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
|
-
"
|
|
294
|
+
"title": "Topic",
|
|
295
|
+
"description": "A headline or main topic for the business card, such as a job title or department."
|
|
227
296
|
},
|
|
228
|
-
"
|
|
229
|
-
"title": "Vertical alignment of the content",
|
|
230
|
-
"description": "Select a vertical alignment for the content",
|
|
297
|
+
"address": {
|
|
231
298
|
"type": "string",
|
|
232
|
-
"
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
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
|
-
"
|
|
320
|
+
"additionalProperties": false
|
|
238
321
|
},
|
|
239
|
-
"
|
|
240
|
-
"
|
|
241
|
-
"
|
|
242
|
-
"
|
|
243
|
-
"
|
|
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/
|
|
251
|
-
"title": "
|
|
252
|
-
"description": "
|
|
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
|
-
"
|
|
256
|
-
"
|
|
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
|
-
"
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
"accent"
|
|
262
|
-
],
|
|
263
|
-
"default": "default"
|
|
427
|
+
"examples": [
|
|
428
|
+
"Isabella Doe"
|
|
429
|
+
]
|
|
264
430
|
},
|
|
265
|
-
"
|
|
431
|
+
"subtitle": {
|
|
432
|
+
"title": "Subtitle",
|
|
433
|
+
"description": "Position, profession, department, location, etc.",
|
|
266
434
|
"type": "string",
|
|
267
|
-
"
|
|
268
|
-
|
|
435
|
+
"examples": [
|
|
436
|
+
"CEO at Company"
|
|
437
|
+
]
|
|
269
438
|
},
|
|
270
|
-
"
|
|
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
|
-
"
|
|
444
|
+
"icon": {
|
|
293
445
|
"type": "string",
|
|
294
|
-
"format": "
|
|
295
|
-
"title": "Question",
|
|
296
|
-
"description": "The question",
|
|
297
|
-
"examples": [
|
|
298
|
-
"What is the product made of?"
|
|
299
|
-
]
|
|
446
|
+
"format": "icon"
|
|
300
447
|
},
|
|
301
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
504
|
+
"name"
|
|
323
505
|
]
|
|
324
506
|
},
|
|
325
507
|
{
|
|
326
508
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
327
|
-
"$id": "http://schema.mydesignsystem.com/
|
|
328
|
-
"title": "
|
|
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
|
-
"
|
|
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
|
-
"
|
|
358
|
-
"type": "
|
|
359
|
-
"
|
|
360
|
-
"
|
|
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
|
-
"
|
|
521
|
+
"alt": {
|
|
364
522
|
"type": "string",
|
|
365
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
395
|
-
"description": "The title of the feature",
|
|
396
|
-
"examples": [
|
|
397
|
-
"Feature 1"
|
|
398
|
-
]
|
|
542
|
+
"description": "The text label for the link."
|
|
399
543
|
},
|
|
400
|
-
"
|
|
544
|
+
"url": {
|
|
401
545
|
"type": "string",
|
|
402
|
-
"
|
|
403
|
-
"description": "The
|
|
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
|
-
|
|
445
|
-
|
|
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/
|
|
453
|
-
"title": "
|
|
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
|
|
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": "
|
|
548
|
-
"description": "Subheadline below the
|
|
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": "
|
|
554
|
-
"description": "Info text for the
|
|
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
|
-
"
|
|
624
|
-
"
|
|
625
|
-
"
|
|
626
|
-
"
|
|
627
|
-
"
|
|
637
|
+
"backgroundColor": {
|
|
638
|
+
"title": "Background color",
|
|
639
|
+
"description": "Background color for the whole element",
|
|
640
|
+
"type": "string",
|
|
641
|
+
"format": "color"
|
|
628
642
|
},
|
|
629
|
-
"
|
|
630
|
-
"title": "
|
|
631
|
-
"description": "
|
|
632
|
-
"type": "
|
|
633
|
-
"
|
|
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": "
|
|
637
|
-
"description": "
|
|
650
|
+
"title": "Image",
|
|
651
|
+
"description": "Image displayed alongside the text content",
|
|
638
652
|
"type": "object",
|
|
639
|
-
"required": [
|
|
640
|
-
"srcMobile"
|
|
641
|
-
],
|
|
642
653
|
"properties": {
|
|
643
|
-
"
|
|
644
|
-
"title": "
|
|
645
|
-
"description": "
|
|
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
|
-
"
|
|
662
|
-
"title": "
|
|
663
|
-
"description": "
|
|
664
|
-
"type": "
|
|
665
|
-
"
|
|
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
|
-
"
|
|
671
|
-
"title": "
|
|
672
|
-
"description": "
|
|
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
|
-
"
|
|
680
|
-
"title": "
|
|
681
|
-
"description": "
|
|
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
|
-
"
|
|
685
|
-
"
|
|
686
|
-
"
|
|
676
|
+
"center",
|
|
677
|
+
"top",
|
|
678
|
+
"bottom"
|
|
687
679
|
],
|
|
688
|
-
"default": "
|
|
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
|
-
"
|
|
691
|
-
"title": "
|
|
692
|
-
"description": "
|
|
693
|
-
"type": "
|
|
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
|
-
"
|
|
699
|
-
"title": "
|
|
700
|
-
"description": "Choose the alginment of the
|
|
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
|
-
"
|
|
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/
|
|
719
|
-
"title": "
|
|
720
|
-
"description": "
|
|
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
|
-
"
|
|
724
|
-
"title": "
|
|
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
|
-
"
|
|
749
|
-
"
|
|
750
|
-
"4:3",
|
|
751
|
-
"1:1"
|
|
747
|
+
"default",
|
|
748
|
+
"accent"
|
|
752
749
|
],
|
|
753
|
-
"default": "
|
|
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
|
|
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/
|
|
777
|
-
"title": "
|
|
767
|
+
"$id": "http://schema.mydesignsystem.com/downloads.schema.json",
|
|
768
|
+
"title": "Downloads",
|
|
778
769
|
"type": "object",
|
|
779
770
|
"properties": {
|
|
780
|
-
"
|
|
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
|
-
"
|
|
776
|
+
"name": {
|
|
838
777
|
"type": "string",
|
|
839
|
-
"
|
|
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
|
-
"
|
|
780
|
+
"description": {
|
|
846
781
|
"type": "string",
|
|
847
|
-
"
|
|
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
|
-
"
|
|
784
|
+
"previewImage": {
|
|
852
785
|
"type": "string",
|
|
853
|
-
"
|
|
854
|
-
"description": "
|
|
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
|
-
"
|
|
789
|
+
"url": {
|
|
863
790
|
"type": "string",
|
|
864
|
-
"format": "
|
|
865
|
-
"
|
|
866
|
-
"description": "Choose an icon"
|
|
791
|
+
"format": "uri",
|
|
792
|
+
"description": "The URL to download the file from."
|
|
867
793
|
},
|
|
868
794
|
"size": {
|
|
869
|
-
"type":
|
|
870
|
-
|
|
871
|
-
"description": "Size of button to use",
|
|
872
|
-
"enum": [
|
|
873
|
-
"small",
|
|
874
|
-
"medium",
|
|
875
|
-
"large"
|
|
795
|
+
"type": [
|
|
796
|
+
"string"
|
|
876
797
|
],
|
|
877
|
-
"
|
|
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
|
-
"
|
|
886
|
-
"type":
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
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
|
-
"
|
|
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/
|
|
959
|
-
"title": "
|
|
960
|
-
"description": "
|
|
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
|
-
"
|
|
824
|
+
"date": {
|
|
825
|
+
"title": "Date",
|
|
826
|
+
"description": "The date of the event",
|
|
964
827
|
"type": "string",
|
|
965
|
-
"format": "
|
|
966
|
-
"title": "Text",
|
|
967
|
-
"description": "Text content to display beside the image",
|
|
828
|
+
"format": "date",
|
|
968
829
|
"examples": [
|
|
969
|
-
"
|
|
830
|
+
"12.30.2022"
|
|
970
831
|
]
|
|
971
832
|
},
|
|
972
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
843
|
+
"Dec"
|
|
988
844
|
]
|
|
989
845
|
},
|
|
990
|
-
"
|
|
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
|
-
"
|
|
851
|
+
"30"
|
|
996
852
|
]
|
|
997
853
|
}
|
|
998
854
|
},
|
|
999
855
|
"additionalProperties": false
|
|
1000
856
|
},
|
|
1001
|
-
"
|
|
857
|
+
"title": {
|
|
858
|
+
"title": "Headline",
|
|
859
|
+
"description": "Title of the event",
|
|
1002
860
|
"type": "string",
|
|
1003
|
-
"
|
|
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
|
-
"
|
|
863
|
+
"This is a event teaser title"
|
|
1013
864
|
]
|
|
1014
|
-
}
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
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
|
-
"
|
|
1033
|
-
"
|
|
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
|
-
"
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
"singleColumn",
|
|
2750
|
-
"multiColumn"
|
|
2751
|
-
],
|
|
2752
|
-
"default": "singleColumn"
|
|
3809
|
+
"examples": [
|
|
3810
|
+
"5 min read"
|
|
3811
|
+
]
|
|
2753
3812
|
},
|
|
2754
|
-
"
|
|
2755
|
-
"type": "
|
|
2756
|
-
"title": "
|
|
2757
|
-
"description": "
|
|
2758
|
-
"
|
|
2759
|
-
"
|
|
2760
|
-
|
|
2761
|
-
|
|
2762
|
-
|
|
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
|
-
"
|
|
2765
|
-
"type": "
|
|
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
|
-
"
|
|
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/
|
|
2779
|
-
"title": "
|
|
3861
|
+
"$id": "http://schema.mydesignsystem.com/business-card.schema.json",
|
|
3862
|
+
"title": "Business Card",
|
|
2780
3863
|
"type": "object",
|
|
2781
3864
|
"properties": {
|
|
2782
|
-
"
|
|
2783
|
-
"
|
|
2784
|
-
"
|
|
2785
|
-
"
|
|
2786
|
-
"
|
|
3865
|
+
"centered": {
|
|
3866
|
+
"type": "boolean",
|
|
3867
|
+
"title": "Centered",
|
|
3868
|
+
"description": "Whether the business card content is centered.",
|
|
3869
|
+
"default": false
|
|
2787
3870
|
},
|
|
2788
|
-
"
|
|
2789
|
-
"
|
|
2790
|
-
"
|
|
2791
|
-
"
|
|
2792
|
-
"
|
|
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
|
-
"
|
|
2795
|
-
"
|
|
2796
|
-
"
|
|
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
|
-
"
|
|
3918
|
+
"title": "Topic",
|
|
3919
|
+
"description": "A headline or main topic for the business card, such as a job title or department."
|
|
2799
3920
|
},
|
|
2800
|
-
"
|
|
2801
|
-
"type": "
|
|
2802
|
-
"title": "
|
|
2803
|
-
"description": "
|
|
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
|
-
"
|
|
2807
|
-
"
|
|
2808
|
-
"
|
|
2809
|
-
"
|
|
2810
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
2835
|
-
"description": "
|
|
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
|
-
"
|
|
2843
|
-
"
|
|
2844
|
-
"
|
|
2845
|
-
"
|
|
2846
|
-
"
|
|
2847
|
-
|
|
2848
|
-
|
|
2849
|
-
|
|
2850
|
-
|
|
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
|
-
"
|
|
2857
|
-
"title": "Mobile video source",
|
|
2858
|
-
"description": "Background video source for small screens",
|
|
4010
|
+
"src": {
|
|
2859
4011
|
"type": "string",
|
|
2860
|
-
"format": "
|
|
4012
|
+
"format": "image",
|
|
4013
|
+
"title": "Image Source",
|
|
4014
|
+
"description": "URL of the image to display",
|
|
2861
4015
|
"examples": [
|
|
2862
|
-
"
|
|
4016
|
+
"img/people/author-emily.png"
|
|
2863
4017
|
]
|
|
2864
4018
|
},
|
|
2865
|
-
"
|
|
2866
|
-
"
|
|
2867
|
-
"
|
|
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": "
|
|
2870
|
-
"
|
|
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
|
-
"
|
|
2875
|
-
"title": "Desktop video source",
|
|
2876
|
-
"description": "Background video source for large screens",
|
|
4145
|
+
"alt": {
|
|
2877
4146
|
"type": "string",
|
|
2878
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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",
|