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