@kickstartds/ds-agency-premium 1.0.7 → 1.0.8--canary.74.1ba3a97.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/PageIntroProps-f13f3e7c.d.ts +14 -0
  2. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +631 -0
  3. package/dist/components/blog-overview/blog-overview.schema.json +35 -0
  4. package/dist/components/blog-post/blog-post.schema.dereffed.json +406 -0
  5. package/dist/components/blog-post/blog-post.schema.json +28 -0
  6. package/dist/components/headline/index.d.ts +48 -1
  7. package/dist/components/page/page.schema.dereffed.json +700 -705
  8. package/dist/components/page/page.schema.json +3 -40
  9. package/dist/components/page-intro/index.d.ts +1 -14
  10. package/dist/components/page-wrapper/tokens.css +1 -1
  11. package/dist/components/section/index.d.ts +7 -6
  12. package/dist/components/section/section.schema.dereffed.json +664 -662
  13. package/dist/components/section/section.schema.json +16 -13
  14. package/dist/components/seo/seo.schema.dereffed.json +42 -0
  15. package/dist/components/seo/seo.schema.json +36 -0
  16. package/dist/components/settings/settings.schema.dereffed.json +426 -0
  17. package/dist/components/settings/settings.schema.json +19 -0
  18. package/dist/static/tokens-lughausen.css +1 -1
  19. package/dist/static/tokens.css +1 -1
  20. package/dist/tokens/tokens.css +1 -1
  21. package/dist/tokens/tokens.js +1 -1
  22. package/package.json +1 -1
  23. package/dist/HeadlineProps-d413a2cc.d.ts +0 -48
package/dist/components/page/page.schema.dereffed.json CHANGED
@@ -5,46 +5,9 @@
5
5
  "description": "Abstracts a page concept into JSON schema",
6
6
  "type": "object",
7
7
  "required": [
8
- "id",
9
- "slug",
10
- "layout",
11
- "title"
8
+ "seo"
12
9
  ],
13
10
  "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
- },
48
11
  "sections": {
49
12
  "type": "array",
50
13
  "title": "Sections",
@@ -271,172 +234,6 @@
271
234
  "description": "Allowed components for content",
272
235
  "items": {
273
236
  "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
- },
440
237
  {
441
238
  "$schema": "http://json-schema.org/draft-07/schema#",
442
239
  "$id": "http://schema.mydesignsystem.com/cta.schema.json",
@@ -597,202 +394,80 @@
597
394
  },
598
395
  {
599
396
  "$schema": "http://json-schema.org/draft-07/schema#",
600
- "$id": "http://schema.mydesignsystem.com/mosaic.schema.json",
601
- "title": "Mosaic",
397
+ "$id": "http://schema.mydesignsystem.com/faq.schema.json",
398
+ "title": "Faq",
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",
602
448
  "type": "object",
603
449
  "properties": {
604
450
  "layout": {
605
- "title": "Layout",
606
- "description": "Layout of the mosaic component",
607
451
  "type": "string",
452
+ "title": "Layout",
453
+ "description": "The layout variant to use for the features",
608
454
  "enum": [
609
- "alternate",
610
- "textLeft",
611
- "textRight"
455
+ "largeTiles",
456
+ "smallTiles",
457
+ "list"
612
458
  ],
613
- "default": "alternate"
459
+ "default": "largeTiles"
614
460
  },
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"
461
+ "style": {
462
+ "type": "string",
463
+ "enum": [
464
+ "intext",
465
+ "stack",
466
+ "centered",
467
+ "besideLarge",
468
+ "besideSmall"
469
+ ],
470
+ "default": "stack"
796
471
  },
797
472
  "ctas": {
798
473
  "type": "object",
@@ -972,111 +647,191 @@
972
647
  },
973
648
  {
974
649
  "$schema": "http://json-schema.org/draft-07/schema#",
975
- "$id": "http://schema.mydesignsystem.com/headline.schema.json",
976
- "title": "Headline",
977
- "description": "Component used for headlines",
650
+ "$id": "http://schema.mydesignsystem.com/hero.schema.json",
651
+ "title": "Hero",
978
652
  "type": "object",
979
653
  "properties": {
980
- "text": {
981
- "type": "string",
982
- "title": "Text",
983
- "description": "Text content of headline",
984
- "format": "markdown"
654
+ "headline": {
655
+ "title": "Headline",
656
+ "description": "Headline for the visual",
657
+ "type": "string"
985
658
  },
986
659
  "sub": {
987
- "type": "string",
988
- "title": "Sub",
989
- "description": "Subheadline content",
990
- "format": "markdown"
660
+ "title": "Module Subheadline",
661
+ "description": "Subheadline below the module headline",
662
+ "type": "string"
663
+ },
664
+ "text": {
665
+ "title": "Module Text",
666
+ "description": "Info text for the module element",
667
+ "type": "string"
991
668
  },
992
- "switchOrder": {
669
+ "highlightText": {
993
670
  "type": "boolean",
994
- "title": "Switch order?",
995
- "description": "Switch order of headline and subheadline",
671
+ "title": "Highlight Text",
672
+ "description": "Visually highlight the text",
996
673
  "default": false
997
674
  },
998
- "align": {
999
- "type": "string",
1000
- "title": "Section alignment",
1001
- "enum": [
1002
- "left",
1003
- "center",
1004
- "right"
1005
- ]
1006
- },
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"
675
+ "colorNeutral": {
676
+ "title": "Color Neutral",
677
+ "description": "Make the text and buttons color neutral",
678
+ "default": false,
679
+ "type": "boolean"
1032
680
  },
1033
- "spaceAfter": {
681
+ "height": {
682
+ "title": "Height",
1034
683
  "type": "string",
1035
- "title": "Space after?",
1036
- "description": "Whether to display space after headline",
1037
684
  "enum": [
1038
- "minimum",
1039
685
  "small",
1040
- "large"
686
+ "default",
687
+ "fullImage",
688
+ "fullScreen"
1041
689
  ],
1042
- "default": "small"
1043
- },
1044
- "className": {
1045
- "type": "string",
1046
- "title": "Class Name",
1047
- "description": "Set a custom class name"
1048
- },
1049
- "type": {
1050
- "const": "headline"
1051
- }
1052
- },
1053
- "additionalProperties": false,
1054
- "required": [
1055
- "level",
1056
- "text"
1057
- ]
1058
- },
1059
- {
1060
- "$schema": "http://json-schema.org/draft-07/schema#",
1061
- "$id": "http://schema.mydesignsystem.com/image-story.schema.json",
1062
- "title": "Image Story",
1063
- "type": "object",
1064
- "properties": {
1065
- "headline": {
1066
- "title": "Module Headline",
1067
- "description": "Headline for the module element",
1068
- "type": "string",
1069
- "examples": [
1070
- "Headline"
1071
- ]
690
+ "default": "default"
1072
691
  },
1073
- "largeHeadline": {
692
+ "textbox": {
1074
693
  "type": "boolean",
1075
- "title": "Large Headline",
1076
- "description": "Make the headline larger",
1077
- "default": false
694
+ "title": "Textbox",
695
+ "default": true,
696
+ "description": "Toggle wether you want your text to be displayed within in box"
1078
697
  },
1079
- "sub": {
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"
807
+ },
808
+ "type": {
809
+ "const": "hero"
810
+ }
811
+ },
812
+ "additionalProperties": false
813
+ },
814
+ {
815
+ "$schema": "http://json-schema.org/draft-07/schema#",
816
+ "$id": "http://schema.mydesignsystem.com/image-story.schema.json",
817
+ "title": "Image Story",
818
+ "type": "object",
819
+ "properties": {
820
+ "headline": {
821
+ "title": "Module Headline",
822
+ "description": "Headline for the module element",
823
+ "type": "string",
824
+ "examples": [
825
+ "Headline"
826
+ ]
827
+ },
828
+ "largeHeadline": {
829
+ "type": "boolean",
830
+ "title": "Large Headline",
831
+ "description": "Make the headline larger",
832
+ "default": false
833
+ },
834
+ "sub": {
1080
835
  "title": "Module Subheadline",
1081
836
  "description": "Subheadline below the module headline",
1082
837
  "type": "string",
@@ -1197,26 +952,435 @@
1197
952
  ],
1198
953
  "default": "none"
1199
954
  },
1200
- "alt": {
1201
- "title": "Alt text",
1202
- "description": "Image description",
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"
1317
+ },
1318
+ "label": {
1203
1319
  "type": "string"
1204
1320
  }
1205
1321
  },
1206
1322
  "additionalProperties": false
1207
1323
  },
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"
1324
+ "type": {
1325
+ "const": "page-intro"
1326
+ }
1327
+ },
1328
+ "additionalProperties": false
1329
+ },
1330
+ {
1331
+ "$schema": "http://json-schema.org/draft-07/schema#",
1332
+ "$id": "http://schema.mydesignsystem.com/slider.schema.json",
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
+ ]
1217
1373
  },
1218
1374
  "type": {
1219
- "const": "image-story"
1375
+ "const": "slider"
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"
1220
1384
  }
1221
1385
  },
1222
1386
  "additionalProperties": false
@@ -1656,205 +1820,6 @@
1656
1820
  }
1657
1821
  },
1658
1822
  "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
- ]
1858
1823
  }
1859
1824
  ]
1860
1825
  }
@@ -1935,17 +1900,47 @@
1935
1900
  "required": []
1936
1901
  }
1937
1902
  },
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"
1903
+ "seo": {
1904
+ "$schema": "http://json-schema.org/draft-07/schema#",
1905
+ "$id": "http://schema.mydesignsystem.com/cms/seo.schema.json",
1906
+ "title": "Seo",
1907
+ "description": "Abstracts SEO settings for a website into JSON schema",
1908
+ "type": "object",
1909
+ "required": [
1910
+ "title"
1911
+ ],
1912
+ "properties": {
1913
+ "title": {
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
1949
1944
  },
1950
1945
  "type": {
1951
1946
  "const": "page"