@kickstartds/ds-agency-premium 1.0.8--canary.74.1ba3a97.0 → 1.1.1--canary.2.81.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/HeadlineProps-d413a2cc.d.ts +48 -0
- package/dist/components/component-teaser/component-teaser.schema.dereffed.json +43 -0
- package/dist/components/component-teaser/component-teaser.schema.json +40 -0
- package/dist/components/headline/index.d.ts +1 -48
- package/dist/components/page/page.schema.dereffed.json +698 -693
- package/dist/components/page/page.schema.json +40 -3
- package/dist/components/page-intro/index.d.ts +14 -1
- package/dist/components/page-wrapper/index.d.ts +3 -2
- package/dist/components/page-wrapper/index.js +471 -6
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/section/index.d.ts +6 -7
- package/dist/components/section/section.schema.dereffed.json +662 -664
- package/dist/components/section/section.schema.json +13 -16
- package/dist/components/teaser-component/component-teaser.css +33 -0
- package/dist/components/teaser-component/index.d.ts +41 -0
- package/dist/components/teaser-component/index.js +18 -0
- package/dist/tokens/themes.css +4657 -0
- package/dist/tokens/themes.css.d.ts +0 -0
- package/dist/tokens/themes.css.js +1 -0
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +6 -3
- package/dist/PageIntroProps-f13f3e7c.d.ts +0 -14
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +0 -631
- package/dist/components/blog-overview/blog-overview.schema.json +0 -35
- package/dist/components/blog-post/blog-post.schema.dereffed.json +0 -406
- package/dist/components/blog-post/blog-post.schema.json +0 -28
- package/dist/components/raw-page-wrapper/index.d.ts +0 -3
- package/dist/components/raw-page-wrapper/index.js +0 -492
- package/dist/components/seo/seo.schema.dereffed.json +0 -42
- package/dist/components/seo/seo.schema.json +0 -36
- package/dist/components/settings/settings.schema.dereffed.json +0 -426
- package/dist/components/settings/settings.schema.json +0 -19
- package/dist/static/tokens-google.css +0 -1553
- package/dist/static/tokens-lughausen.css +0 -1549
- package/dist/static/tokens-telekom.css +0 -1549
- package/dist/static/tokens.css +0 -1554
|
@@ -5,9 +5,46 @@
|
|
|
5
5
|
"description": "Abstracts a page concept into JSON schema",
|
|
6
6
|
"type": "object",
|
|
7
7
|
"required": [
|
|
8
|
-
"
|
|
8
|
+
"id",
|
|
9
|
+
"slug",
|
|
10
|
+
"layout",
|
|
11
|
+
"title"
|
|
9
12
|
],
|
|
10
13
|
"properties": {
|
|
14
|
+
"layout": {
|
|
15
|
+
"type": "string",
|
|
16
|
+
"title": "Layout",
|
|
17
|
+
"description": "Choose a layout for the page",
|
|
18
|
+
"enum": [
|
|
19
|
+
"default",
|
|
20
|
+
"content",
|
|
21
|
+
"blog-list",
|
|
22
|
+
"blog-detail",
|
|
23
|
+
"glossary"
|
|
24
|
+
],
|
|
25
|
+
"default": "default"
|
|
26
|
+
},
|
|
27
|
+
"description": {
|
|
28
|
+
"type": "string",
|
|
29
|
+
"title": "Description",
|
|
30
|
+
"description": "Description used for the page"
|
|
31
|
+
},
|
|
32
|
+
"keywords": {
|
|
33
|
+
"type": "string",
|
|
34
|
+
"title": "Keywords",
|
|
35
|
+
"description": "Keywords used for the page"
|
|
36
|
+
},
|
|
37
|
+
"image": {
|
|
38
|
+
"type": "string",
|
|
39
|
+
"title": "Preview Image",
|
|
40
|
+
"description": "Preview image used for the page",
|
|
41
|
+
"format": "image"
|
|
42
|
+
},
|
|
43
|
+
"cardImage": {
|
|
44
|
+
"type": "string",
|
|
45
|
+
"title": "Card Preview Image",
|
|
46
|
+
"description": "Card preview image (larger, e.g. Twitter) used for the page"
|
|
47
|
+
},
|
|
11
48
|
"sections": {
|
|
12
49
|
"type": "array",
|
|
13
50
|
"title": "Sections",
|
|
@@ -234,6 +271,172 @@
|
|
|
234
271
|
"description": "Allowed components for content",
|
|
235
272
|
"items": {
|
|
236
273
|
"anyOf": [
|
|
274
|
+
{
|
|
275
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
276
|
+
"$id": "http://schema.mydesignsystem.com/hero.schema.json",
|
|
277
|
+
"title": "Hero",
|
|
278
|
+
"type": "object",
|
|
279
|
+
"properties": {
|
|
280
|
+
"headline": {
|
|
281
|
+
"title": "Headline",
|
|
282
|
+
"description": "Headline for the visual",
|
|
283
|
+
"type": "string"
|
|
284
|
+
},
|
|
285
|
+
"sub": {
|
|
286
|
+
"title": "Module Subheadline",
|
|
287
|
+
"description": "Subheadline below the module headline",
|
|
288
|
+
"type": "string"
|
|
289
|
+
},
|
|
290
|
+
"text": {
|
|
291
|
+
"title": "Module Text",
|
|
292
|
+
"description": "Info text for the module element",
|
|
293
|
+
"type": "string"
|
|
294
|
+
},
|
|
295
|
+
"highlightText": {
|
|
296
|
+
"type": "boolean",
|
|
297
|
+
"title": "Highlight Text",
|
|
298
|
+
"description": "Visually highlight the text",
|
|
299
|
+
"default": false
|
|
300
|
+
},
|
|
301
|
+
"colorNeutral": {
|
|
302
|
+
"title": "Color Neutral",
|
|
303
|
+
"description": "Make the text and buttons color neutral",
|
|
304
|
+
"default": false,
|
|
305
|
+
"type": "boolean"
|
|
306
|
+
},
|
|
307
|
+
"height": {
|
|
308
|
+
"title": "Height",
|
|
309
|
+
"type": "string",
|
|
310
|
+
"enum": [
|
|
311
|
+
"small",
|
|
312
|
+
"default",
|
|
313
|
+
"fullImage",
|
|
314
|
+
"fullScreen"
|
|
315
|
+
],
|
|
316
|
+
"default": "default"
|
|
317
|
+
},
|
|
318
|
+
"textbox": {
|
|
319
|
+
"type": "boolean",
|
|
320
|
+
"title": "Textbox",
|
|
321
|
+
"default": true,
|
|
322
|
+
"description": "Toggle wether you want your text to be displayed within in box"
|
|
323
|
+
},
|
|
324
|
+
"buttons": {
|
|
325
|
+
"type": "array",
|
|
326
|
+
"items": {
|
|
327
|
+
"title": "Button",
|
|
328
|
+
"type": "object",
|
|
329
|
+
"properties": {
|
|
330
|
+
"label": {
|
|
331
|
+
"type": "string",
|
|
332
|
+
"title": "Label",
|
|
333
|
+
"description": "Text content to display inside the button",
|
|
334
|
+
"examples": [
|
|
335
|
+
"Book a meeting"
|
|
336
|
+
]
|
|
337
|
+
},
|
|
338
|
+
"icon": {
|
|
339
|
+
"type": "string",
|
|
340
|
+
"title": "Icon",
|
|
341
|
+
"description": "Choose an icon"
|
|
342
|
+
},
|
|
343
|
+
"target": {
|
|
344
|
+
"type": "string",
|
|
345
|
+
"title": "Target",
|
|
346
|
+
"description": "Target that should be linked, makes the button behave like a link semantically",
|
|
347
|
+
"format": "uri"
|
|
348
|
+
}
|
|
349
|
+
},
|
|
350
|
+
"additionalProperties": false
|
|
351
|
+
}
|
|
352
|
+
},
|
|
353
|
+
"overlay": {
|
|
354
|
+
"title": "Grid layer",
|
|
355
|
+
"description": "Enable grid layer",
|
|
356
|
+
"type": "boolean",
|
|
357
|
+
"default": false
|
|
358
|
+
},
|
|
359
|
+
"image": {
|
|
360
|
+
"title": "Background image",
|
|
361
|
+
"description": "Sources of background images for different screen sizes",
|
|
362
|
+
"type": "object",
|
|
363
|
+
"required": [
|
|
364
|
+
"srcMobile"
|
|
365
|
+
],
|
|
366
|
+
"properties": {
|
|
367
|
+
"srcMobile": {
|
|
368
|
+
"title": "Mobile image source",
|
|
369
|
+
"description": "Background image source for small screens",
|
|
370
|
+
"type": "string",
|
|
371
|
+
"format": "image",
|
|
372
|
+
"examples": [
|
|
373
|
+
"https://picsum.photos/seed/kdsvisual/640/270"
|
|
374
|
+
]
|
|
375
|
+
},
|
|
376
|
+
"srcTablet": {
|
|
377
|
+
"title": "Tablet image source",
|
|
378
|
+
"description": "Background image source for medium screens",
|
|
379
|
+
"type": "string",
|
|
380
|
+
"format": "image",
|
|
381
|
+
"examples": [
|
|
382
|
+
"https://picsum.photos/seed/kdsvisual/1280/540"
|
|
383
|
+
]
|
|
384
|
+
},
|
|
385
|
+
"srcDesktop": {
|
|
386
|
+
"title": "Desktop image source",
|
|
387
|
+
"description": "Background image source for large screens",
|
|
388
|
+
"type": "string",
|
|
389
|
+
"format": "image",
|
|
390
|
+
"examples": [
|
|
391
|
+
"https://picsum.photos/seed/kdsvisual/1920/810"
|
|
392
|
+
]
|
|
393
|
+
},
|
|
394
|
+
"src": {
|
|
395
|
+
"title": "Optional source",
|
|
396
|
+
"description": "Override for img tag of picture element, if needed",
|
|
397
|
+
"type": "string",
|
|
398
|
+
"format": "image",
|
|
399
|
+
"examples": [
|
|
400
|
+
"https://picsum.photos/seed/kdsvisual/640/270"
|
|
401
|
+
]
|
|
402
|
+
},
|
|
403
|
+
"indent": {
|
|
404
|
+
"title": "Image indent",
|
|
405
|
+
"description": "Choose to indent the image horizontally on small screens",
|
|
406
|
+
"type": "string",
|
|
407
|
+
"enum": [
|
|
408
|
+
"none",
|
|
409
|
+
"left",
|
|
410
|
+
"right"
|
|
411
|
+
],
|
|
412
|
+
"default": "none"
|
|
413
|
+
},
|
|
414
|
+
"alt": {
|
|
415
|
+
"title": "Alt text",
|
|
416
|
+
"description": "Alt text to display for picture",
|
|
417
|
+
"type": "string"
|
|
418
|
+
}
|
|
419
|
+
},
|
|
420
|
+
"additionalProperties": false
|
|
421
|
+
},
|
|
422
|
+
"textPosition": {
|
|
423
|
+
"title": "Module aligment",
|
|
424
|
+
"description": "Choose the alginment of the module content",
|
|
425
|
+
"enum": [
|
|
426
|
+
"center",
|
|
427
|
+
"below",
|
|
428
|
+
"left",
|
|
429
|
+
"right"
|
|
430
|
+
],
|
|
431
|
+
"type": "string",
|
|
432
|
+
"default": "bottom"
|
|
433
|
+
},
|
|
434
|
+
"type": {
|
|
435
|
+
"const": "hero"
|
|
436
|
+
}
|
|
437
|
+
},
|
|
438
|
+
"additionalProperties": false
|
|
439
|
+
},
|
|
237
440
|
{
|
|
238
441
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
239
442
|
"$id": "http://schema.mydesignsystem.com/cta.schema.json",
|
|
@@ -394,91 +597,213 @@
|
|
|
394
597
|
},
|
|
395
598
|
{
|
|
396
599
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
397
|
-
"$id": "http://schema.mydesignsystem.com/
|
|
398
|
-
"title": "
|
|
399
|
-
"description": "Component used to display a Faq section",
|
|
400
|
-
"type": "object",
|
|
401
|
-
"properties": {
|
|
402
|
-
"questions": {
|
|
403
|
-
"type": "array",
|
|
404
|
-
"title": "Questions",
|
|
405
|
-
"description": "The questions and answers in the Faq section",
|
|
406
|
-
"items": {
|
|
407
|
-
"type": "object",
|
|
408
|
-
"properties": {
|
|
409
|
-
"question": {
|
|
410
|
-
"type": "string",
|
|
411
|
-
"title": "Question",
|
|
412
|
-
"description": "The question",
|
|
413
|
-
"examples": [
|
|
414
|
-
"What is the product made of?"
|
|
415
|
-
]
|
|
416
|
-
},
|
|
417
|
-
"answer": {
|
|
418
|
-
"type": "string",
|
|
419
|
-
"title": "Answer",
|
|
420
|
-
"description": "The answer to the question",
|
|
421
|
-
"examples": [
|
|
422
|
-
"The product is made of high-quality materials"
|
|
423
|
-
]
|
|
424
|
-
}
|
|
425
|
-
},
|
|
426
|
-
"additionalProperties": false,
|
|
427
|
-
"required": [
|
|
428
|
-
"question",
|
|
429
|
-
"answer"
|
|
430
|
-
]
|
|
431
|
-
},
|
|
432
|
-
"minItems": 1
|
|
433
|
-
},
|
|
434
|
-
"type": {
|
|
435
|
-
"const": "faq"
|
|
436
|
-
}
|
|
437
|
-
},
|
|
438
|
-
"additionalProperties": false,
|
|
439
|
-
"required": [
|
|
440
|
-
"questions"
|
|
441
|
-
]
|
|
442
|
-
},
|
|
443
|
-
{
|
|
444
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
445
|
-
"$id": "http://schema.mydesignsystem.com/features.schema.json",
|
|
446
|
-
"title": "Features",
|
|
447
|
-
"description": "Component used to display a set of features",
|
|
600
|
+
"$id": "http://schema.mydesignsystem.com/mosaic.schema.json",
|
|
601
|
+
"title": "Mosaic",
|
|
448
602
|
"type": "object",
|
|
449
603
|
"properties": {
|
|
450
604
|
"layout": {
|
|
451
|
-
"type": "string",
|
|
452
605
|
"title": "Layout",
|
|
453
|
-
"description": "
|
|
454
|
-
"enum": [
|
|
455
|
-
"largeTiles",
|
|
456
|
-
"smallTiles",
|
|
457
|
-
"list"
|
|
458
|
-
],
|
|
459
|
-
"default": "largeTiles"
|
|
460
|
-
},
|
|
461
|
-
"style": {
|
|
606
|
+
"description": "Layout of the mosaic component",
|
|
462
607
|
"type": "string",
|
|
463
608
|
"enum": [
|
|
464
|
-
"
|
|
465
|
-
"
|
|
466
|
-
"
|
|
467
|
-
"besideLarge",
|
|
468
|
-
"besideSmall"
|
|
609
|
+
"alternate",
|
|
610
|
+
"textLeft",
|
|
611
|
+
"textRight"
|
|
469
612
|
],
|
|
470
|
-
"default": "
|
|
613
|
+
"default": "alternate"
|
|
471
614
|
},
|
|
472
|
-
"
|
|
473
|
-
"type": "
|
|
474
|
-
"
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
"
|
|
615
|
+
"largeHeadlines": {
|
|
616
|
+
"type": "boolean",
|
|
617
|
+
"title": "Large Headlines",
|
|
618
|
+
"description": "Make the headlines larger",
|
|
619
|
+
"default": false
|
|
620
|
+
},
|
|
621
|
+
"tiles": {
|
|
622
|
+
"type": "array",
|
|
623
|
+
"items": {
|
|
624
|
+
"type": "object",
|
|
625
|
+
"properties": {
|
|
626
|
+
"headline": {
|
|
627
|
+
"title": "Headline",
|
|
628
|
+
"description": "Headline for the tile",
|
|
629
|
+
"type": "string"
|
|
630
|
+
},
|
|
631
|
+
"sub": {
|
|
632
|
+
"title": "Module Subheadline",
|
|
633
|
+
"description": "Subheadline below the tile headline",
|
|
634
|
+
"type": "string"
|
|
635
|
+
},
|
|
636
|
+
"text": {
|
|
637
|
+
"title": "Module Text",
|
|
638
|
+
"description": "Text for tile",
|
|
639
|
+
"type": "string"
|
|
640
|
+
},
|
|
641
|
+
"image": {
|
|
642
|
+
"type": "object",
|
|
643
|
+
"properties": {
|
|
644
|
+
"src": {
|
|
645
|
+
"title": "Source",
|
|
646
|
+
"description": "Picture source",
|
|
647
|
+
"type": "string",
|
|
648
|
+
"format": "image",
|
|
649
|
+
"examples": [
|
|
650
|
+
"img/close-up-young-business-team-working.png"
|
|
651
|
+
]
|
|
652
|
+
},
|
|
653
|
+
"alt": {
|
|
654
|
+
"title": "Alt text",
|
|
655
|
+
"description": "Alt text to display for picture",
|
|
656
|
+
"type": "string"
|
|
657
|
+
}
|
|
658
|
+
},
|
|
659
|
+
"additionalProperties": false
|
|
660
|
+
},
|
|
661
|
+
"button": {
|
|
662
|
+
"type": "object",
|
|
663
|
+
"properties": {
|
|
664
|
+
"toggle": {
|
|
665
|
+
"title": "Button Toggle",
|
|
666
|
+
"description": "Toggle wether the Button is displayed or not",
|
|
667
|
+
"type": "boolean",
|
|
668
|
+
"default": true
|
|
669
|
+
},
|
|
670
|
+
"label": {
|
|
671
|
+
"type": "string",
|
|
672
|
+
"title": "Label",
|
|
673
|
+
"description": "Text content to display inside the button",
|
|
674
|
+
"examples": [
|
|
675
|
+
"Book a meeting"
|
|
676
|
+
]
|
|
677
|
+
},
|
|
678
|
+
"target": {
|
|
679
|
+
"type": "string",
|
|
680
|
+
"title": "Target",
|
|
681
|
+
"description": "Target that should be linked, makes the button behave like a link semantically",
|
|
682
|
+
"format": "uri"
|
|
683
|
+
},
|
|
684
|
+
"icon": {
|
|
685
|
+
"type": "string",
|
|
686
|
+
"title": "Icon",
|
|
687
|
+
"description": "Choose an icon"
|
|
688
|
+
}
|
|
689
|
+
},
|
|
690
|
+
"additionalProperties": false
|
|
691
|
+
},
|
|
692
|
+
"backgroundColor": {
|
|
693
|
+
"title": "Background color",
|
|
694
|
+
"description": "Background color for the whole element",
|
|
695
|
+
"type": "string",
|
|
696
|
+
"format": "color"
|
|
697
|
+
},
|
|
698
|
+
"backgroundImage": {
|
|
699
|
+
"title": "Background image",
|
|
700
|
+
"description": "Background image for the whole element",
|
|
701
|
+
"type": "string",
|
|
702
|
+
"format": "image"
|
|
703
|
+
},
|
|
704
|
+
"textColor": {
|
|
705
|
+
"title": "Text color",
|
|
706
|
+
"description": "Overwrite the color to use for the text content",
|
|
707
|
+
"type": "string",
|
|
708
|
+
"format": "color"
|
|
709
|
+
}
|
|
710
|
+
},
|
|
711
|
+
"additionalProperties": false
|
|
712
|
+
}
|
|
713
|
+
},
|
|
714
|
+
"type": {
|
|
715
|
+
"const": "mosaic"
|
|
716
|
+
}
|
|
717
|
+
},
|
|
718
|
+
"additionalProperties": false
|
|
719
|
+
},
|
|
720
|
+
{
|
|
721
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
722
|
+
"$id": "http://schema.mydesignsystem.com/faq.schema.json",
|
|
723
|
+
"title": "Faq",
|
|
724
|
+
"description": "Component used to display a Faq section",
|
|
725
|
+
"type": "object",
|
|
726
|
+
"properties": {
|
|
727
|
+
"questions": {
|
|
728
|
+
"type": "array",
|
|
729
|
+
"title": "Questions",
|
|
730
|
+
"description": "The questions and answers in the Faq section",
|
|
731
|
+
"items": {
|
|
732
|
+
"type": "object",
|
|
733
|
+
"properties": {
|
|
734
|
+
"question": {
|
|
735
|
+
"type": "string",
|
|
736
|
+
"title": "Question",
|
|
737
|
+
"description": "The question",
|
|
738
|
+
"examples": [
|
|
739
|
+
"What is the product made of?"
|
|
740
|
+
]
|
|
741
|
+
},
|
|
742
|
+
"answer": {
|
|
743
|
+
"type": "string",
|
|
744
|
+
"title": "Answer",
|
|
745
|
+
"description": "The answer to the question",
|
|
746
|
+
"examples": [
|
|
747
|
+
"The product is made of high-quality materials"
|
|
748
|
+
]
|
|
749
|
+
}
|
|
750
|
+
},
|
|
751
|
+
"additionalProperties": false,
|
|
752
|
+
"required": [
|
|
753
|
+
"question",
|
|
754
|
+
"answer"
|
|
755
|
+
]
|
|
756
|
+
},
|
|
757
|
+
"minItems": 1
|
|
758
|
+
},
|
|
759
|
+
"type": {
|
|
760
|
+
"const": "faq"
|
|
761
|
+
}
|
|
762
|
+
},
|
|
763
|
+
"additionalProperties": false,
|
|
764
|
+
"required": [
|
|
765
|
+
"questions"
|
|
766
|
+
]
|
|
767
|
+
},
|
|
768
|
+
{
|
|
769
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
770
|
+
"$id": "http://schema.mydesignsystem.com/features.schema.json",
|
|
771
|
+
"title": "Features",
|
|
772
|
+
"description": "Component used to display a set of features",
|
|
773
|
+
"type": "object",
|
|
774
|
+
"properties": {
|
|
775
|
+
"layout": {
|
|
776
|
+
"type": "string",
|
|
777
|
+
"title": "Layout",
|
|
778
|
+
"description": "The layout variant to use for the features",
|
|
779
|
+
"enum": [
|
|
780
|
+
"largeTiles",
|
|
781
|
+
"smallTiles",
|
|
782
|
+
"list"
|
|
783
|
+
],
|
|
784
|
+
"default": "largeTiles"
|
|
785
|
+
},
|
|
786
|
+
"style": {
|
|
787
|
+
"type": "string",
|
|
788
|
+
"enum": [
|
|
789
|
+
"intext",
|
|
790
|
+
"stack",
|
|
791
|
+
"centered",
|
|
792
|
+
"besideLarge",
|
|
793
|
+
"besideSmall"
|
|
794
|
+
],
|
|
795
|
+
"default": "stack"
|
|
796
|
+
},
|
|
797
|
+
"ctas": {
|
|
798
|
+
"type": "object",
|
|
799
|
+
"properties": {
|
|
800
|
+
"toggle": {
|
|
801
|
+
"type": "boolean",
|
|
802
|
+
"default": true,
|
|
803
|
+
"title": "CTA Toggle",
|
|
804
|
+
"description": "Activate/disable the CTAs"
|
|
805
|
+
},
|
|
806
|
+
"style": {
|
|
482
807
|
"type": "string",
|
|
483
808
|
"enum": [
|
|
484
809
|
"button",
|
|
@@ -647,169 +972,89 @@
|
|
|
647
972
|
},
|
|
648
973
|
{
|
|
649
974
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
650
|
-
"$id": "http://schema.mydesignsystem.com/
|
|
651
|
-
"title": "
|
|
975
|
+
"$id": "http://schema.mydesignsystem.com/headline.schema.json",
|
|
976
|
+
"title": "Headline",
|
|
977
|
+
"description": "Component used for headlines",
|
|
652
978
|
"type": "object",
|
|
653
979
|
"properties": {
|
|
654
|
-
"
|
|
655
|
-
"
|
|
656
|
-
"
|
|
657
|
-
"
|
|
980
|
+
"text": {
|
|
981
|
+
"type": "string",
|
|
982
|
+
"title": "Text",
|
|
983
|
+
"description": "Text content of headline",
|
|
984
|
+
"format": "markdown"
|
|
658
985
|
},
|
|
659
986
|
"sub": {
|
|
660
|
-
"
|
|
661
|
-
"
|
|
662
|
-
"
|
|
663
|
-
|
|
664
|
-
"text": {
|
|
665
|
-
"title": "Module Text",
|
|
666
|
-
"description": "Info text for the module element",
|
|
667
|
-
"type": "string"
|
|
987
|
+
"type": "string",
|
|
988
|
+
"title": "Sub",
|
|
989
|
+
"description": "Subheadline content",
|
|
990
|
+
"format": "markdown"
|
|
668
991
|
},
|
|
669
|
-
"
|
|
992
|
+
"switchOrder": {
|
|
670
993
|
"type": "boolean",
|
|
671
|
-
"title": "
|
|
672
|
-
"description": "
|
|
994
|
+
"title": "Switch order?",
|
|
995
|
+
"description": "Switch order of headline and subheadline",
|
|
673
996
|
"default": false
|
|
674
997
|
},
|
|
675
|
-
"
|
|
676
|
-
"
|
|
677
|
-
"
|
|
678
|
-
"
|
|
679
|
-
|
|
998
|
+
"align": {
|
|
999
|
+
"type": "string",
|
|
1000
|
+
"title": "Section alignment",
|
|
1001
|
+
"enum": [
|
|
1002
|
+
"left",
|
|
1003
|
+
"center",
|
|
1004
|
+
"right"
|
|
1005
|
+
]
|
|
680
1006
|
},
|
|
681
|
-
"
|
|
682
|
-
"
|
|
1007
|
+
"level": {
|
|
1008
|
+
"type": "string",
|
|
1009
|
+
"title": "Level",
|
|
1010
|
+
"description": "Level of headline to use",
|
|
1011
|
+
"enum": [
|
|
1012
|
+
"h1",
|
|
1013
|
+
"h2",
|
|
1014
|
+
"h3",
|
|
1015
|
+
"h4",
|
|
1016
|
+
"p"
|
|
1017
|
+
],
|
|
1018
|
+
"default": "h2"
|
|
1019
|
+
},
|
|
1020
|
+
"style": {
|
|
1021
|
+
"type": "string",
|
|
1022
|
+
"title": "Style",
|
|
1023
|
+
"description": "Style of headline to show",
|
|
1024
|
+
"enum": [
|
|
1025
|
+
"h1",
|
|
1026
|
+
"h2",
|
|
1027
|
+
"h3",
|
|
1028
|
+
"h4",
|
|
1029
|
+
"p"
|
|
1030
|
+
],
|
|
1031
|
+
"default": "h2"
|
|
1032
|
+
},
|
|
1033
|
+
"spaceAfter": {
|
|
683
1034
|
"type": "string",
|
|
1035
|
+
"title": "Space after?",
|
|
1036
|
+
"description": "Whether to display space after headline",
|
|
684
1037
|
"enum": [
|
|
1038
|
+
"minimum",
|
|
685
1039
|
"small",
|
|
686
|
-
"
|
|
687
|
-
"fullImage",
|
|
688
|
-
"fullScreen"
|
|
1040
|
+
"large"
|
|
689
1041
|
],
|
|
690
|
-
"default": "
|
|
1042
|
+
"default": "small"
|
|
691
1043
|
},
|
|
692
|
-
"
|
|
693
|
-
"type": "
|
|
694
|
-
"title": "
|
|
695
|
-
"
|
|
696
|
-
"description": "Toggle wether you want your text to be displayed within in box"
|
|
697
|
-
},
|
|
698
|
-
"buttons": {
|
|
699
|
-
"type": "array",
|
|
700
|
-
"items": {
|
|
701
|
-
"title": "Button",
|
|
702
|
-
"type": "object",
|
|
703
|
-
"properties": {
|
|
704
|
-
"label": {
|
|
705
|
-
"type": "string",
|
|
706
|
-
"title": "Label",
|
|
707
|
-
"description": "Text content to display inside the button",
|
|
708
|
-
"examples": [
|
|
709
|
-
"Book a meeting"
|
|
710
|
-
]
|
|
711
|
-
},
|
|
712
|
-
"icon": {
|
|
713
|
-
"type": "string",
|
|
714
|
-
"title": "Icon",
|
|
715
|
-
"description": "Choose an icon"
|
|
716
|
-
},
|
|
717
|
-
"target": {
|
|
718
|
-
"type": "string",
|
|
719
|
-
"title": "Target",
|
|
720
|
-
"description": "Target that should be linked, makes the button behave like a link semantically",
|
|
721
|
-
"format": "uri"
|
|
722
|
-
}
|
|
723
|
-
},
|
|
724
|
-
"additionalProperties": false
|
|
725
|
-
}
|
|
726
|
-
},
|
|
727
|
-
"overlay": {
|
|
728
|
-
"title": "Grid layer",
|
|
729
|
-
"description": "Enable grid layer",
|
|
730
|
-
"type": "boolean",
|
|
731
|
-
"default": false
|
|
732
|
-
},
|
|
733
|
-
"image": {
|
|
734
|
-
"title": "Background image",
|
|
735
|
-
"description": "Sources of background images for different screen sizes",
|
|
736
|
-
"type": "object",
|
|
737
|
-
"required": [
|
|
738
|
-
"srcMobile"
|
|
739
|
-
],
|
|
740
|
-
"properties": {
|
|
741
|
-
"srcMobile": {
|
|
742
|
-
"title": "Mobile image source",
|
|
743
|
-
"description": "Background image source for small screens",
|
|
744
|
-
"type": "string",
|
|
745
|
-
"format": "image",
|
|
746
|
-
"examples": [
|
|
747
|
-
"https://picsum.photos/seed/kdsvisual/640/270"
|
|
748
|
-
]
|
|
749
|
-
},
|
|
750
|
-
"srcTablet": {
|
|
751
|
-
"title": "Tablet image source",
|
|
752
|
-
"description": "Background image source for medium screens",
|
|
753
|
-
"type": "string",
|
|
754
|
-
"format": "image",
|
|
755
|
-
"examples": [
|
|
756
|
-
"https://picsum.photos/seed/kdsvisual/1280/540"
|
|
757
|
-
]
|
|
758
|
-
},
|
|
759
|
-
"srcDesktop": {
|
|
760
|
-
"title": "Desktop image source",
|
|
761
|
-
"description": "Background image source for large screens",
|
|
762
|
-
"type": "string",
|
|
763
|
-
"format": "image",
|
|
764
|
-
"examples": [
|
|
765
|
-
"https://picsum.photos/seed/kdsvisual/1920/810"
|
|
766
|
-
]
|
|
767
|
-
},
|
|
768
|
-
"src": {
|
|
769
|
-
"title": "Optional source",
|
|
770
|
-
"description": "Override for img tag of picture element, if needed",
|
|
771
|
-
"type": "string",
|
|
772
|
-
"format": "image",
|
|
773
|
-
"examples": [
|
|
774
|
-
"https://picsum.photos/seed/kdsvisual/640/270"
|
|
775
|
-
]
|
|
776
|
-
},
|
|
777
|
-
"indent": {
|
|
778
|
-
"title": "Image indent",
|
|
779
|
-
"description": "Choose to indent the image horizontally on small screens",
|
|
780
|
-
"type": "string",
|
|
781
|
-
"enum": [
|
|
782
|
-
"none",
|
|
783
|
-
"left",
|
|
784
|
-
"right"
|
|
785
|
-
],
|
|
786
|
-
"default": "none"
|
|
787
|
-
},
|
|
788
|
-
"alt": {
|
|
789
|
-
"title": "Alt text",
|
|
790
|
-
"description": "Alt text to display for picture",
|
|
791
|
-
"type": "string"
|
|
792
|
-
}
|
|
793
|
-
},
|
|
794
|
-
"additionalProperties": false
|
|
795
|
-
},
|
|
796
|
-
"textPosition": {
|
|
797
|
-
"title": "Module aligment",
|
|
798
|
-
"description": "Choose the alginment of the module content",
|
|
799
|
-
"enum": [
|
|
800
|
-
"center",
|
|
801
|
-
"below",
|
|
802
|
-
"left",
|
|
803
|
-
"right"
|
|
804
|
-
],
|
|
805
|
-
"type": "string",
|
|
806
|
-
"default": "bottom"
|
|
1044
|
+
"className": {
|
|
1045
|
+
"type": "string",
|
|
1046
|
+
"title": "Class Name",
|
|
1047
|
+
"description": "Set a custom class name"
|
|
807
1048
|
},
|
|
808
1049
|
"type": {
|
|
809
|
-
"const": "
|
|
1050
|
+
"const": "headline"
|
|
810
1051
|
}
|
|
811
1052
|
},
|
|
812
|
-
"additionalProperties": false
|
|
1053
|
+
"additionalProperties": false,
|
|
1054
|
+
"required": [
|
|
1055
|
+
"level",
|
|
1056
|
+
"text"
|
|
1057
|
+
]
|
|
813
1058
|
},
|
|
814
1059
|
{
|
|
815
1060
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
@@ -944,443 +1189,34 @@
|
|
|
944
1189
|
"description": "Select an aspect ratio to use for cropping and displaying the image",
|
|
945
1190
|
"type": "string",
|
|
946
1191
|
"enum": [
|
|
947
|
-
"4:3",
|
|
948
|
-
"3:2",
|
|
949
|
-
"16:9",
|
|
950
|
-
"1:1",
|
|
951
|
-
"none"
|
|
952
|
-
],
|
|
953
|
-
"default": "none"
|
|
954
|
-
},
|
|
955
|
-
"alt": {
|
|
956
|
-
"title": "Alt text",
|
|
957
|
-
"description": "Image description",
|
|
958
|
-
"type": "string"
|
|
959
|
-
}
|
|
960
|
-
},
|
|
961
|
-
"additionalProperties": false
|
|
962
|
-
},
|
|
963
|
-
"textAlign": {
|
|
964
|
-
"title": "Text Alignment",
|
|
965
|
-
"description": "Choose the alginment of the text",
|
|
966
|
-
"enum": [
|
|
967
|
-
"left",
|
|
968
|
-
"center"
|
|
969
|
-
],
|
|
970
|
-
"type": "string",
|
|
971
|
-
"default": "left"
|
|
972
|
-
},
|
|
973
|
-
"type": {
|
|
974
|
-
"const": "image-story"
|
|
975
|
-
}
|
|
976
|
-
},
|
|
977
|
-
"additionalProperties": false
|
|
978
|
-
},
|
|
979
|
-
{
|
|
980
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
981
|
-
"$id": "http://schema.mydesignsystem.com/image-text.schema.json",
|
|
982
|
-
"title": "Image Text",
|
|
983
|
-
"description": "Component used to display an image beside or above/below a text block",
|
|
984
|
-
"type": "object",
|
|
985
|
-
"properties": {
|
|
986
|
-
"text": {
|
|
987
|
-
"type": "string",
|
|
988
|
-
"title": "Text",
|
|
989
|
-
"description": "Text content to display beside the image",
|
|
990
|
-
"examples": [
|
|
991
|
-
"This is a sample text"
|
|
992
|
-
]
|
|
993
|
-
},
|
|
994
|
-
"highlightText": {
|
|
995
|
-
"type": "boolean",
|
|
996
|
-
"title": "Highlight Text",
|
|
997
|
-
"description": "Visually highlight the text",
|
|
998
|
-
"default": false
|
|
999
|
-
},
|
|
1000
|
-
"image": {
|
|
1001
|
-
"type": "object",
|
|
1002
|
-
"properties": {
|
|
1003
|
-
"src": {
|
|
1004
|
-
"type": "string",
|
|
1005
|
-
"title": "Image Source",
|
|
1006
|
-
"description": "URL of the image to display",
|
|
1007
|
-
"examples": [
|
|
1008
|
-
"http://example.com/image.jpg"
|
|
1009
|
-
]
|
|
1010
|
-
},
|
|
1011
|
-
"alt": {
|
|
1012
|
-
"type": "string",
|
|
1013
|
-
"title": "Alt Text",
|
|
1014
|
-
"description": "Alt text of the image",
|
|
1015
|
-
"examples": [
|
|
1016
|
-
"http://example.com/image.jpg"
|
|
1017
|
-
]
|
|
1018
|
-
}
|
|
1019
|
-
},
|
|
1020
|
-
"additionalProperties": false
|
|
1021
|
-
},
|
|
1022
|
-
"layout": {
|
|
1023
|
-
"type": "string",
|
|
1024
|
-
"enum": [
|
|
1025
|
-
"above",
|
|
1026
|
-
"below",
|
|
1027
|
-
"beside-right",
|
|
1028
|
-
"beside-left"
|
|
1029
|
-
],
|
|
1030
|
-
"title": "Layout",
|
|
1031
|
-
"description": "Position of the image relative to the text",
|
|
1032
|
-
"examples": [
|
|
1033
|
-
"above"
|
|
1034
|
-
]
|
|
1035
|
-
},
|
|
1036
|
-
"type": {
|
|
1037
|
-
"const": "image-text"
|
|
1038
|
-
}
|
|
1039
|
-
},
|
|
1040
|
-
"required": [
|
|
1041
|
-
"text",
|
|
1042
|
-
"image",
|
|
1043
|
-
"layout"
|
|
1044
|
-
],
|
|
1045
|
-
"additionalProperties": false
|
|
1046
|
-
},
|
|
1047
|
-
{
|
|
1048
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1049
|
-
"$id": "http://schema.mydesignsystem.com/logos.schema.json",
|
|
1050
|
-
"title": "Logos",
|
|
1051
|
-
"description": "Component used to display a set of logos",
|
|
1052
|
-
"type": "object",
|
|
1053
|
-
"properties": {
|
|
1054
|
-
"tagline": {
|
|
1055
|
-
"type": "string",
|
|
1056
|
-
"title": "Logo Tagline",
|
|
1057
|
-
"description": "A short tagline atop the logos",
|
|
1058
|
-
"examples": [
|
|
1059
|
-
"Your Success, Our Commitment"
|
|
1060
|
-
]
|
|
1061
|
-
},
|
|
1062
|
-
"logos": {
|
|
1063
|
-
"type": "array",
|
|
1064
|
-
"title": "Logos",
|
|
1065
|
-
"description": "The logos to display",
|
|
1066
|
-
"items": {
|
|
1067
|
-
"type": "object",
|
|
1068
|
-
"properties": {
|
|
1069
|
-
"src": {
|
|
1070
|
-
"type": "string",
|
|
1071
|
-
"title": "URL",
|
|
1072
|
-
"description": "The URL of the logo image",
|
|
1073
|
-
"examples": [
|
|
1074
|
-
"img/logos/logoipsum-212.svg",
|
|
1075
|
-
"img/logos/logoipsum-217.svg",
|
|
1076
|
-
"img/logos/logoipsum-239.svg",
|
|
1077
|
-
"img/logos/logoipsum-244.svg",
|
|
1078
|
-
"img/logos/logoipsum-250.svg",
|
|
1079
|
-
"img/logos/logoipsum-286.svg"
|
|
1080
|
-
]
|
|
1081
|
-
},
|
|
1082
|
-
"alt": {
|
|
1083
|
-
"type": "string",
|
|
1084
|
-
"title": "Caption",
|
|
1085
|
-
"description": "The alt text of the logo",
|
|
1086
|
-
"examples": [
|
|
1087
|
-
"Logo 1"
|
|
1088
|
-
]
|
|
1089
|
-
}
|
|
1090
|
-
},
|
|
1091
|
-
"additionalProperties": false,
|
|
1092
|
-
"required": [
|
|
1093
|
-
"src"
|
|
1094
|
-
]
|
|
1095
|
-
},
|
|
1096
|
-
"minItems": 1,
|
|
1097
|
-
"maxItems": 20
|
|
1098
|
-
},
|
|
1099
|
-
"align": {
|
|
1100
|
-
"type": "string",
|
|
1101
|
-
"title": "Alignment",
|
|
1102
|
-
"description": "The alignment of the logo layout",
|
|
1103
|
-
"enum": [
|
|
1104
|
-
"left",
|
|
1105
|
-
"center"
|
|
1106
|
-
],
|
|
1107
|
-
"default": "center"
|
|
1108
|
-
},
|
|
1109
|
-
"logosPerRow": {
|
|
1110
|
-
"type": "integer",
|
|
1111
|
-
"title": "Logos Per Row",
|
|
1112
|
-
"description": "The amount of logos to display per row",
|
|
1113
|
-
"minimum": 2,
|
|
1114
|
-
"maximum": 8,
|
|
1115
|
-
"examples": [
|
|
1116
|
-
5
|
|
1117
|
-
]
|
|
1118
|
-
},
|
|
1119
|
-
"cta": {
|
|
1120
|
-
"type": "object",
|
|
1121
|
-
"title": "Call to Action",
|
|
1122
|
-
"description": "The call to action",
|
|
1123
|
-
"properties": {
|
|
1124
|
-
"toggle": {
|
|
1125
|
-
"type": "boolean",
|
|
1126
|
-
"default": false,
|
|
1127
|
-
"title": "CTA Toggle",
|
|
1128
|
-
"description": "Activate/disable the CTA"
|
|
1129
|
-
},
|
|
1130
|
-
"text": {
|
|
1131
|
-
"type": "string",
|
|
1132
|
-
"title": "Call to Action Text",
|
|
1133
|
-
"description": "A short CTA text",
|
|
1134
|
-
"examples": [
|
|
1135
|
-
"Explore the success stories of our valued customers and discover more about their journey."
|
|
1136
|
-
]
|
|
1137
|
-
},
|
|
1138
|
-
"link": {
|
|
1139
|
-
"type": "string",
|
|
1140
|
-
"title": "Call to Action Link",
|
|
1141
|
-
"description": "The CTA link",
|
|
1142
|
-
"default": "#",
|
|
1143
|
-
"format": "uri"
|
|
1144
|
-
},
|
|
1145
|
-
"label": {
|
|
1146
|
-
"type": "string",
|
|
1147
|
-
"title": "Link Label",
|
|
1148
|
-
"description": "The text label displayed on the link",
|
|
1149
|
-
"examples": [
|
|
1150
|
-
"See all our partners"
|
|
1151
|
-
]
|
|
1152
|
-
},
|
|
1153
|
-
"style": {
|
|
1154
|
-
"type": "string",
|
|
1155
|
-
"enum": [
|
|
1156
|
-
"button",
|
|
1157
|
-
"text"
|
|
1158
|
-
],
|
|
1159
|
-
"default": "text"
|
|
1160
|
-
}
|
|
1161
|
-
},
|
|
1162
|
-
"additionalProperties": false,
|
|
1163
|
-
"required": [
|
|
1164
|
-
"style",
|
|
1165
|
-
"link",
|
|
1166
|
-
"label"
|
|
1167
|
-
]
|
|
1168
|
-
},
|
|
1169
|
-
"type": {
|
|
1170
|
-
"const": "logos"
|
|
1171
|
-
}
|
|
1172
|
-
},
|
|
1173
|
-
"additionalProperties": false,
|
|
1174
|
-
"required": [
|
|
1175
|
-
"logos"
|
|
1176
|
-
]
|
|
1177
|
-
},
|
|
1178
|
-
{
|
|
1179
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1180
|
-
"$id": "http://schema.mydesignsystem.com/mosaic.schema.json",
|
|
1181
|
-
"title": "Mosaic",
|
|
1182
|
-
"type": "object",
|
|
1183
|
-
"properties": {
|
|
1184
|
-
"layout": {
|
|
1185
|
-
"title": "Layout",
|
|
1186
|
-
"description": "Layout of the mosaic component",
|
|
1187
|
-
"type": "string",
|
|
1188
|
-
"enum": [
|
|
1189
|
-
"alternate",
|
|
1190
|
-
"textLeft",
|
|
1191
|
-
"textRight"
|
|
1192
|
-
],
|
|
1193
|
-
"default": "alternate"
|
|
1194
|
-
},
|
|
1195
|
-
"largeHeadlines": {
|
|
1196
|
-
"type": "boolean",
|
|
1197
|
-
"title": "Large Headlines",
|
|
1198
|
-
"description": "Make the headlines larger",
|
|
1199
|
-
"default": false
|
|
1200
|
-
},
|
|
1201
|
-
"tiles": {
|
|
1202
|
-
"type": "array",
|
|
1203
|
-
"items": {
|
|
1204
|
-
"type": "object",
|
|
1205
|
-
"properties": {
|
|
1206
|
-
"headline": {
|
|
1207
|
-
"title": "Headline",
|
|
1208
|
-
"description": "Headline for the tile",
|
|
1209
|
-
"type": "string"
|
|
1210
|
-
},
|
|
1211
|
-
"sub": {
|
|
1212
|
-
"title": "Module Subheadline",
|
|
1213
|
-
"description": "Subheadline below the tile headline",
|
|
1214
|
-
"type": "string"
|
|
1215
|
-
},
|
|
1216
|
-
"text": {
|
|
1217
|
-
"title": "Module Text",
|
|
1218
|
-
"description": "Text for tile",
|
|
1219
|
-
"type": "string"
|
|
1220
|
-
},
|
|
1221
|
-
"image": {
|
|
1222
|
-
"type": "object",
|
|
1223
|
-
"properties": {
|
|
1224
|
-
"src": {
|
|
1225
|
-
"title": "Source",
|
|
1226
|
-
"description": "Picture source",
|
|
1227
|
-
"type": "string",
|
|
1228
|
-
"format": "image",
|
|
1229
|
-
"examples": [
|
|
1230
|
-
"img/close-up-young-business-team-working.png"
|
|
1231
|
-
]
|
|
1232
|
-
},
|
|
1233
|
-
"alt": {
|
|
1234
|
-
"title": "Alt text",
|
|
1235
|
-
"description": "Alt text to display for picture",
|
|
1236
|
-
"type": "string"
|
|
1237
|
-
}
|
|
1238
|
-
},
|
|
1239
|
-
"additionalProperties": false
|
|
1240
|
-
},
|
|
1241
|
-
"button": {
|
|
1242
|
-
"type": "object",
|
|
1243
|
-
"properties": {
|
|
1244
|
-
"toggle": {
|
|
1245
|
-
"title": "Button Toggle",
|
|
1246
|
-
"description": "Toggle wether the Button is displayed or not",
|
|
1247
|
-
"type": "boolean",
|
|
1248
|
-
"default": true
|
|
1249
|
-
},
|
|
1250
|
-
"label": {
|
|
1251
|
-
"type": "string",
|
|
1252
|
-
"title": "Label",
|
|
1253
|
-
"description": "Text content to display inside the button",
|
|
1254
|
-
"examples": [
|
|
1255
|
-
"Book a meeting"
|
|
1256
|
-
]
|
|
1257
|
-
},
|
|
1258
|
-
"target": {
|
|
1259
|
-
"type": "string",
|
|
1260
|
-
"title": "Target",
|
|
1261
|
-
"description": "Target that should be linked, makes the button behave like a link semantically",
|
|
1262
|
-
"format": "uri"
|
|
1263
|
-
},
|
|
1264
|
-
"icon": {
|
|
1265
|
-
"type": "string",
|
|
1266
|
-
"title": "Icon",
|
|
1267
|
-
"description": "Choose an icon"
|
|
1268
|
-
}
|
|
1269
|
-
},
|
|
1270
|
-
"additionalProperties": false
|
|
1271
|
-
},
|
|
1272
|
-
"backgroundColor": {
|
|
1273
|
-
"title": "Background color",
|
|
1274
|
-
"description": "Background color for the whole element",
|
|
1275
|
-
"type": "string",
|
|
1276
|
-
"format": "color"
|
|
1277
|
-
},
|
|
1278
|
-
"backgroundImage": {
|
|
1279
|
-
"title": "Background image",
|
|
1280
|
-
"description": "Background image for the whole element",
|
|
1281
|
-
"type": "string",
|
|
1282
|
-
"format": "image"
|
|
1283
|
-
},
|
|
1284
|
-
"textColor": {
|
|
1285
|
-
"title": "Text color",
|
|
1286
|
-
"description": "Overwrite the color to use for the text content",
|
|
1287
|
-
"type": "string",
|
|
1288
|
-
"format": "color"
|
|
1289
|
-
}
|
|
1290
|
-
},
|
|
1291
|
-
"additionalProperties": false
|
|
1292
|
-
}
|
|
1293
|
-
},
|
|
1294
|
-
"type": {
|
|
1295
|
-
"const": "mosaic"
|
|
1296
|
-
}
|
|
1297
|
-
},
|
|
1298
|
-
"additionalProperties": false
|
|
1299
|
-
},
|
|
1300
|
-
{
|
|
1301
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1302
|
-
"$id": "http://schema.mydesignsystem.com/page-intro.schema.json",
|
|
1303
|
-
"title": "Page Intro",
|
|
1304
|
-
"type": "object",
|
|
1305
|
-
"properties": {
|
|
1306
|
-
"headline": {
|
|
1307
|
-
"type": "string"
|
|
1308
|
-
},
|
|
1309
|
-
"sub": {
|
|
1310
|
-
"type": "string"
|
|
1311
|
-
},
|
|
1312
|
-
"link": {
|
|
1313
|
-
"type": "object",
|
|
1314
|
-
"properties": {
|
|
1315
|
-
"href": {
|
|
1316
|
-
"type": "string"
|
|
1192
|
+
"4:3",
|
|
1193
|
+
"3:2",
|
|
1194
|
+
"16:9",
|
|
1195
|
+
"1:1",
|
|
1196
|
+
"none"
|
|
1197
|
+
],
|
|
1198
|
+
"default": "none"
|
|
1317
1199
|
},
|
|
1318
|
-
"
|
|
1200
|
+
"alt": {
|
|
1201
|
+
"title": "Alt text",
|
|
1202
|
+
"description": "Image description",
|
|
1319
1203
|
"type": "string"
|
|
1320
1204
|
}
|
|
1321
1205
|
},
|
|
1322
1206
|
"additionalProperties": false
|
|
1323
1207
|
},
|
|
1324
|
-
"
|
|
1325
|
-
"
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
"title": "Slider",
|
|
1334
|
-
"type": "object",
|
|
1335
|
-
"properties": {
|
|
1336
|
-
"autoplay": {
|
|
1337
|
-
"title": "Auto play",
|
|
1338
|
-
"description": "Automatically move to next slide after 4 seconds without user interaction",
|
|
1339
|
-
"type": "boolean",
|
|
1340
|
-
"default": false
|
|
1341
|
-
},
|
|
1342
|
-
"nav": {
|
|
1343
|
-
"title": "Show Navigation",
|
|
1344
|
-
"description": "Add bullet navigation",
|
|
1345
|
-
"type": "boolean",
|
|
1346
|
-
"examples": [
|
|
1347
|
-
true
|
|
1348
|
-
]
|
|
1349
|
-
},
|
|
1350
|
-
"teaseNeighbours": {
|
|
1351
|
-
"title": "Tease Neighbour Slides",
|
|
1352
|
-
"type": "boolean",
|
|
1353
|
-
"default": false
|
|
1354
|
-
},
|
|
1355
|
-
"equalHeight": {
|
|
1356
|
-
"title": "Equalize slides heights",
|
|
1357
|
-
"type": "boolean",
|
|
1358
|
-
"default": true
|
|
1359
|
-
},
|
|
1360
|
-
"gap": {
|
|
1361
|
-
"title": "Gap",
|
|
1362
|
-
"description": "Size of the gap added between slides in pixels",
|
|
1363
|
-
"type": "number",
|
|
1364
|
-
"default": 0
|
|
1365
|
-
},
|
|
1366
|
-
"arrows": {
|
|
1367
|
-
"title": "Show Arrows",
|
|
1368
|
-
"description": "Add arrows on the left and right to navigate to next or previous slide",
|
|
1369
|
-
"type": "boolean",
|
|
1370
|
-
"examples": [
|
|
1371
|
-
true
|
|
1372
|
-
]
|
|
1208
|
+
"textAlign": {
|
|
1209
|
+
"title": "Text Alignment",
|
|
1210
|
+
"description": "Choose the alginment of the text",
|
|
1211
|
+
"enum": [
|
|
1212
|
+
"left",
|
|
1213
|
+
"center"
|
|
1214
|
+
],
|
|
1215
|
+
"type": "string",
|
|
1216
|
+
"default": "left"
|
|
1373
1217
|
},
|
|
1374
1218
|
"type": {
|
|
1375
|
-
"const": "
|
|
1376
|
-
},
|
|
1377
|
-
"className": {
|
|
1378
|
-
"title": "Class",
|
|
1379
|
-
"description": "Additional css classes attached to the wrapping element",
|
|
1380
|
-
"type": "string"
|
|
1381
|
-
},
|
|
1382
|
-
"typeProp": {
|
|
1383
|
-
"const": "slider"
|
|
1219
|
+
"const": "image-story"
|
|
1384
1220
|
}
|
|
1385
1221
|
},
|
|
1386
1222
|
"additionalProperties": false
|
|
@@ -1820,6 +1656,205 @@
|
|
|
1820
1656
|
}
|
|
1821
1657
|
},
|
|
1822
1658
|
"additionalProperties": false
|
|
1659
|
+
},
|
|
1660
|
+
{
|
|
1661
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1662
|
+
"$id": "http://schema.mydesignsystem.com/image-text.schema.json",
|
|
1663
|
+
"title": "Image Text",
|
|
1664
|
+
"description": "Component used to display an image beside or above/below a text block",
|
|
1665
|
+
"type": "object",
|
|
1666
|
+
"properties": {
|
|
1667
|
+
"text": {
|
|
1668
|
+
"type": "string",
|
|
1669
|
+
"title": "Text",
|
|
1670
|
+
"description": "Text content to display beside the image",
|
|
1671
|
+
"examples": [
|
|
1672
|
+
"This is a sample text"
|
|
1673
|
+
]
|
|
1674
|
+
},
|
|
1675
|
+
"highlightText": {
|
|
1676
|
+
"type": "boolean",
|
|
1677
|
+
"title": "Highlight Text",
|
|
1678
|
+
"description": "Visually highlight the text",
|
|
1679
|
+
"default": false
|
|
1680
|
+
},
|
|
1681
|
+
"image": {
|
|
1682
|
+
"type": "object",
|
|
1683
|
+
"properties": {
|
|
1684
|
+
"src": {
|
|
1685
|
+
"type": "string",
|
|
1686
|
+
"title": "Image Source",
|
|
1687
|
+
"description": "URL of the image to display",
|
|
1688
|
+
"examples": [
|
|
1689
|
+
"http://example.com/image.jpg"
|
|
1690
|
+
]
|
|
1691
|
+
},
|
|
1692
|
+
"alt": {
|
|
1693
|
+
"type": "string",
|
|
1694
|
+
"title": "Alt Text",
|
|
1695
|
+
"description": "Alt text of the image",
|
|
1696
|
+
"examples": [
|
|
1697
|
+
"http://example.com/image.jpg"
|
|
1698
|
+
]
|
|
1699
|
+
}
|
|
1700
|
+
},
|
|
1701
|
+
"additionalProperties": false
|
|
1702
|
+
},
|
|
1703
|
+
"layout": {
|
|
1704
|
+
"type": "string",
|
|
1705
|
+
"enum": [
|
|
1706
|
+
"above",
|
|
1707
|
+
"below",
|
|
1708
|
+
"beside-right",
|
|
1709
|
+
"beside-left"
|
|
1710
|
+
],
|
|
1711
|
+
"title": "Layout",
|
|
1712
|
+
"description": "Position of the image relative to the text",
|
|
1713
|
+
"examples": [
|
|
1714
|
+
"above"
|
|
1715
|
+
]
|
|
1716
|
+
},
|
|
1717
|
+
"type": {
|
|
1718
|
+
"const": "image-text"
|
|
1719
|
+
}
|
|
1720
|
+
},
|
|
1721
|
+
"required": [
|
|
1722
|
+
"text",
|
|
1723
|
+
"image",
|
|
1724
|
+
"layout"
|
|
1725
|
+
],
|
|
1726
|
+
"additionalProperties": false
|
|
1727
|
+
},
|
|
1728
|
+
{
|
|
1729
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1730
|
+
"$id": "http://schema.mydesignsystem.com/logos.schema.json",
|
|
1731
|
+
"title": "Logos",
|
|
1732
|
+
"description": "Component used to display a set of logos",
|
|
1733
|
+
"type": "object",
|
|
1734
|
+
"properties": {
|
|
1735
|
+
"tagline": {
|
|
1736
|
+
"type": "string",
|
|
1737
|
+
"title": "Logo Tagline",
|
|
1738
|
+
"description": "A short tagline atop the logos",
|
|
1739
|
+
"examples": [
|
|
1740
|
+
"Your Success, Our Commitment"
|
|
1741
|
+
]
|
|
1742
|
+
},
|
|
1743
|
+
"logos": {
|
|
1744
|
+
"type": "array",
|
|
1745
|
+
"title": "Logos",
|
|
1746
|
+
"description": "The logos to display",
|
|
1747
|
+
"items": {
|
|
1748
|
+
"type": "object",
|
|
1749
|
+
"properties": {
|
|
1750
|
+
"src": {
|
|
1751
|
+
"type": "string",
|
|
1752
|
+
"title": "URL",
|
|
1753
|
+
"description": "The URL of the logo image",
|
|
1754
|
+
"examples": [
|
|
1755
|
+
"img/logos/logoipsum-212.svg",
|
|
1756
|
+
"img/logos/logoipsum-217.svg",
|
|
1757
|
+
"img/logos/logoipsum-239.svg",
|
|
1758
|
+
"img/logos/logoipsum-244.svg",
|
|
1759
|
+
"img/logos/logoipsum-250.svg",
|
|
1760
|
+
"img/logos/logoipsum-286.svg"
|
|
1761
|
+
]
|
|
1762
|
+
},
|
|
1763
|
+
"alt": {
|
|
1764
|
+
"type": "string",
|
|
1765
|
+
"title": "Caption",
|
|
1766
|
+
"description": "The alt text of the logo",
|
|
1767
|
+
"examples": [
|
|
1768
|
+
"Logo 1"
|
|
1769
|
+
]
|
|
1770
|
+
}
|
|
1771
|
+
},
|
|
1772
|
+
"additionalProperties": false,
|
|
1773
|
+
"required": [
|
|
1774
|
+
"src"
|
|
1775
|
+
]
|
|
1776
|
+
},
|
|
1777
|
+
"minItems": 1,
|
|
1778
|
+
"maxItems": 20
|
|
1779
|
+
},
|
|
1780
|
+
"align": {
|
|
1781
|
+
"type": "string",
|
|
1782
|
+
"title": "Alignment",
|
|
1783
|
+
"description": "The alignment of the logo layout",
|
|
1784
|
+
"enum": [
|
|
1785
|
+
"left",
|
|
1786
|
+
"center"
|
|
1787
|
+
],
|
|
1788
|
+
"default": "center"
|
|
1789
|
+
},
|
|
1790
|
+
"logosPerRow": {
|
|
1791
|
+
"type": "integer",
|
|
1792
|
+
"title": "Logos Per Row",
|
|
1793
|
+
"description": "The amount of logos to display per row",
|
|
1794
|
+
"minimum": 2,
|
|
1795
|
+
"maximum": 8,
|
|
1796
|
+
"examples": [
|
|
1797
|
+
5
|
|
1798
|
+
]
|
|
1799
|
+
},
|
|
1800
|
+
"cta": {
|
|
1801
|
+
"type": "object",
|
|
1802
|
+
"title": "Call to Action",
|
|
1803
|
+
"description": "The call to action",
|
|
1804
|
+
"properties": {
|
|
1805
|
+
"toggle": {
|
|
1806
|
+
"type": "boolean",
|
|
1807
|
+
"default": false,
|
|
1808
|
+
"title": "CTA Toggle",
|
|
1809
|
+
"description": "Activate/disable the CTA"
|
|
1810
|
+
},
|
|
1811
|
+
"text": {
|
|
1812
|
+
"type": "string",
|
|
1813
|
+
"title": "Call to Action Text",
|
|
1814
|
+
"description": "A short CTA text",
|
|
1815
|
+
"examples": [
|
|
1816
|
+
"Explore the success stories of our valued customers and discover more about their journey."
|
|
1817
|
+
]
|
|
1818
|
+
},
|
|
1819
|
+
"link": {
|
|
1820
|
+
"type": "string",
|
|
1821
|
+
"title": "Call to Action Link",
|
|
1822
|
+
"description": "The CTA link",
|
|
1823
|
+
"default": "#",
|
|
1824
|
+
"format": "uri"
|
|
1825
|
+
},
|
|
1826
|
+
"label": {
|
|
1827
|
+
"type": "string",
|
|
1828
|
+
"title": "Link Label",
|
|
1829
|
+
"description": "The text label displayed on the link",
|
|
1830
|
+
"examples": [
|
|
1831
|
+
"See all our partners"
|
|
1832
|
+
]
|
|
1833
|
+
},
|
|
1834
|
+
"style": {
|
|
1835
|
+
"type": "string",
|
|
1836
|
+
"enum": [
|
|
1837
|
+
"button",
|
|
1838
|
+
"text"
|
|
1839
|
+
],
|
|
1840
|
+
"default": "text"
|
|
1841
|
+
}
|
|
1842
|
+
},
|
|
1843
|
+
"additionalProperties": false,
|
|
1844
|
+
"required": [
|
|
1845
|
+
"style",
|
|
1846
|
+
"link",
|
|
1847
|
+
"label"
|
|
1848
|
+
]
|
|
1849
|
+
},
|
|
1850
|
+
"type": {
|
|
1851
|
+
"const": "logos"
|
|
1852
|
+
}
|
|
1853
|
+
},
|
|
1854
|
+
"additionalProperties": false,
|
|
1855
|
+
"required": [
|
|
1856
|
+
"logos"
|
|
1857
|
+
]
|
|
1823
1858
|
}
|
|
1824
1859
|
]
|
|
1825
1860
|
}
|
|
@@ -1900,47 +1935,17 @@
|
|
|
1900
1935
|
"required": []
|
|
1901
1936
|
}
|
|
1902
1937
|
},
|
|
1903
|
-
"
|
|
1904
|
-
"
|
|
1905
|
-
"
|
|
1906
|
-
"
|
|
1907
|
-
"
|
|
1908
|
-
|
|
1909
|
-
|
|
1910
|
-
|
|
1911
|
-
|
|
1912
|
-
"
|
|
1913
|
-
|
|
1914
|
-
"type": "string",
|
|
1915
|
-
"title": "Title",
|
|
1916
|
-
"description": "Title used for the page"
|
|
1917
|
-
},
|
|
1918
|
-
"description": {
|
|
1919
|
-
"type": "string",
|
|
1920
|
-
"title": "Description",
|
|
1921
|
-
"description": "Description used for the page"
|
|
1922
|
-
},
|
|
1923
|
-
"keywords": {
|
|
1924
|
-
"type": "string",
|
|
1925
|
-
"title": "Keywords",
|
|
1926
|
-
"description": "Keywords used for the page"
|
|
1927
|
-
},
|
|
1928
|
-
"image": {
|
|
1929
|
-
"type": "string",
|
|
1930
|
-
"title": "Preview Image",
|
|
1931
|
-
"description": "Preview image used for the page",
|
|
1932
|
-
"format": "image"
|
|
1933
|
-
},
|
|
1934
|
-
"cardImage": {
|
|
1935
|
-
"type": "string",
|
|
1936
|
-
"title": "Card Preview Image",
|
|
1937
|
-
"description": "Card preview image (larger, e.g. Twitter) used for the page"
|
|
1938
|
-
},
|
|
1939
|
-
"type": {
|
|
1940
|
-
"const": "seo"
|
|
1941
|
-
}
|
|
1942
|
-
},
|
|
1943
|
-
"additionalProperties": false
|
|
1938
|
+
"updated": {
|
|
1939
|
+
"type": "string",
|
|
1940
|
+
"title": "Updated",
|
|
1941
|
+
"description": "Last update date for the page",
|
|
1942
|
+
"format": "date-time"
|
|
1943
|
+
},
|
|
1944
|
+
"created": {
|
|
1945
|
+
"type": "string",
|
|
1946
|
+
"title": "Created",
|
|
1947
|
+
"description": "Creation date for the page",
|
|
1948
|
+
"format": "date-time"
|
|
1944
1949
|
},
|
|
1945
1950
|
"type": {
|
|
1946
1951
|
"const": "page"
|