@kickstartds/ds-agency-premium 1.6.71--canary.45.1843.0 → 1.7.0--canary.18.1660.0

package/dist/components/section/section.schema.dereffed.json

@@ -23,9 +23,13 @@
       "title": "Style",
       "description": "Style of background",
       "enum": [
-        "default",
-        "framed",
-        "deko"
+        "stagelights",
+        "horizontalGradient",
+        "verticalGradient",
+        "accentTransition",
+        "boldTransition",
+        "symmetricGlow",
+        "anchorGlow"
       ],
       "default": "default"
     },
@@ -40,25 +44,6 @@
       ],
       "default": "default"
     },
-    "transition": {
-      "type": "string",
-      "title": "Style",
-      "description": "Color of background",
-      "enum": [
-        "none",
-        "to-default",
-        "to-accent",
-        "to-bold",
-        "to-inverted"
-      ],
-      "default": "default"
-    },
-    "backgroundImage": {
-      "title": "Background image",
-      "description": "Background image for the whole section",
-      "type": "string",
-      "format": "image"
-    },
     "spotlight": {
       "type": "boolean",
       "title": "Spotlight",
@@ -211,7 +196,7 @@
             "list",
             "slider"
           ],
-          "default": "default"
+          "default": "list"
         },
         "tileWidth": {
           "type": "string",
@@ -277,6 +262,12 @@
                 "default": false,
                 "type": "boolean"
               },
+              "fullWidth": {
+                "title": "Width",
+                "description": "Set the width of the content to the full width of the element",
+                "type": "boolean",
+                "default": false
+              },
               "buttons": {
                 "type": "array",
                 "items": {
@@ -293,14 +284,13 @@
                     },
                     "icon": {
                       "type": "string",
-                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
-                    "url": {
+                    "target": {
                       "type": "string",
-                      "title": "URL",
-                      "description": "The URL to link to when the button is clicked",
+                      "title": "Target",
+                      "description": "Target that should be linked, makes the button behave like a link semantically",
                       "format": "uri"
                     }
                   },
@@ -340,17 +330,6 @@
                     "title": "Alt text",
                     "description": "Image description",
                     "type": "string"
-                  },
-                  "align": {
-                    "title": "Vertical alignment of the image",
-                    "description": "Select a vertical alignment for the image",
-                    "type": "string",
-                    "enum": [
-                      "center",
-                      "top",
-                      "bottom"
-                    ],
-                    "default": "center"
                   }
                 },
                 "additionalProperties": false
@@ -385,9 +364,9 @@
                 "type": "string",
                 "default": "left"
               },
-              "align": {
+              "contentAlign": {
                 "title": "Vertical alignment of the content",
-                "description": "Select a vertical alignment for the content",
+                "description": "Select a vertical alignment for the image",
                 "type": "string",
                 "enum": [
                   "center",
@@ -396,57 +375,12 @@
                 ],
                 "default": "center"
               },
-              "padding": {
-                "title": "Padding",
-                "description": "Toggle padding of the content",
-                "type": "boolean",
-                "default": false
-              },
-              "inverted": {
-                "title": "Inverted",
-                "description": "Toggle inversion of the component",
-                "type": "boolean",
-                "default": false
-              },
               "type": {
                 "const": "cta"
               }
             },
             "additionalProperties": false
           },
-          {
-            "$schema": "http://json-schema.org/draft-07/schema#",
-            "$id": "http://schema.mydesignsystem.com/divider.schema.json",
-            "title": "Divider",
-            "description": "Dividers bring clarity to a layout by grouping and dividing content in close proximity.",
-            "type": "object",
-            "properties": {
-              "variant": {
-                "title": "Style of the divider",
-                "type": "string",
-                "description": "Choose a variant for the divider",
-                "enum": [
-                  "default",
-                  "accent"
-                ],
-                "default": "default"
-              },
-              "className": {
-                "type": "string",
-                "title": "Additional Classes",
-                "description": "Add additional css classes that should be applied to the divider"
-              },
-              "component": {
-                "title": "`ks-component` attribute",
-                "description": "Optional custom component identifier",
-                "type": "string"
-              },
-              "type": {
-                "const": "divider"
-              }
-            },
-            "additionalProperties": false
-          },
           {
             "$schema": "http://json-schema.org/draft-07/schema#",
             "$id": "http://schema.mydesignsystem.com/faq.schema.json",
@@ -552,12 +486,14 @@
                 "title": "Features",
                 "description": "The features to display",
                 "items": {
-                  "type": "object",
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/feature.schema.json",
                   "title": "Feature",
+                  "description": "Partial Component used to display a feature",
+                  "type": "object",
                   "properties": {
                     "icon": {
                       "type": "string",
-                      "format": "icon",
                       "title": "Icon",
                       "description": "The icon for the feature",
                       "examples": [
@@ -581,13 +517,26 @@
                         "This is a feature"
                       ]
                     },
+                    "style": {
+                      "type": "string",
+                      "enum": [
+                        "intext",
+                        "stack",
+                        "centered",
+                        "besideLarge",
+                        "besideSmall"
+                      ],
+                      "default": "stack"
+                    },
                     "cta": {
                       "type": "object",
+                      "title": "Call to Action",
+                      "description": "The call to action",
                       "properties": {
-                        "url": {
+                        "target": {
                           "type": "string",
-                          "title": "Call to Action url",
-                          "description": "The CTA url",
+                          "title": "Call to Action target",
+                          "description": "The CTA target",
                           "default": "#",
                           "format": "uri"
                         },
@@ -600,21 +549,33 @@
                             "See all our partners"
                           ]
                         },
-                        "icon": {
+                        "toggle": {
+                          "type": "boolean",
+                          "title": "Call to Action Toggle",
+                          "description": "Activate/disable the CTAs",
+                          "default": true
+                        },
+                        "style": {
                           "type": "string",
-                          "format": "icon",
-                          "title": "Icon",
-                          "description": "Icon for the link style of the cta",
-                          "examples": [
-                            "arrow-right"
+                          "description": "Choose the style of the CTA",
+                          "enum": [
+                            "button",
+                            "link",
+                            "intext"
                           ],
-                          "default": "arrow-right"
+                          "default": "link"
                         }
                       },
                       "additionalProperties": false
+                    },
+                    "type": {
+                      "const": "feature"
                     }
                   },
-                  "additionalProperties": false
+                  "additionalProperties": false,
+                  "required": [
+                    "title"
+                  ]
                 },
                 "minItems": 1,
                 "maxItems": 8
@@ -682,8 +643,7 @@
                   "stack",
                   "smallTiles",
                   "largeTiles"
-                ],
-                "default": "smallTiles"
+                ]
               },
               "aspectRatio": {
                 "type": "string",
@@ -781,14 +741,13 @@
                     },
                     "icon": {
                       "type": "string",
-                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
-                    "url": {
+                    "target": {
                       "type": "string",
-                      "title": "URL",
-                      "description": "The URL to link to when the button is clicked",
+                      "title": "Target",
+                      "description": "Target that should be linked, makes the button behave like a link semantically",
                       "format": "uri"
                     }
                   },
@@ -871,85 +830,17 @@
                   "center",
                   "below",
                   "left",
-                  "right",
-                  "corner"
+                  "right"
                 ],
                 "type": "string",
                 "default": "bottom"
               },
-              "inverted": {
-                "type": "boolean",
-                "title": "Inverted",
-                "description": "Inverted color scheme for the box",
-                "default": false
-              },
               "type": {
                 "const": "hero"
               }
             },
             "additionalProperties": false
           },
-          {
-            "$schema": "http://json-schema.org/draft-07/schema#",
-            "$id": "http://schema.mydesignsystem.com/html.schema.json",
-            "title": "Html",
-            "description": "Display raw HTML.",
-            "type": "object",
-            "properties": {
-              "html": {
-                "title": "HTML string",
-                "type": "string",
-                "examples": [
-                  "<p style=\"color: var(--ks-text-color-default);\">Hello World</p>"
-                ]
-              },
-              "consent": {
-                "title": "Show HTML after consent",
-                "type": "boolean",
-                "default": false
-              },
-              "consentText": {
-                "type": "string"
-              },
-              "consentButtonLabel": {
-                "type": "string"
-              },
-              "consentBackgroundImage": {
-                "type": "string",
-                "format": "image"
-              },
-              "consentAspectRatio": {
-                "type": "string",
-                "enum": [
-                  "16:9",
-                  "16:10",
-                  "4:3",
-                  "1:1"
-                ],
-                "default": "16:9"
-              },
-              "inverted": {
-                "title": "Inverted",
-                "description": "Invert the colors of the HTML",
-                "type": "boolean",
-                "default": false
-              },
-              "className": {
-                "title": "Additional Classes",
-                "description": "Add additional css classes that should be applied to the element",
-                "type": "string"
-              },
-              "component": {
-                "title": "`ks-component` attribute",
-                "description": "Optional custom component identifier",
-                "type": "string"
-              },
-              "type": {
-                "const": "html"
-              }
-            },
-            "additionalProperties": false
-          },
           {
             "$schema": "http://json-schema.org/draft-07/schema#",
             "$id": "http://schema.mydesignsystem.com/image-story.schema.json",
@@ -1021,10 +912,10 @@
                         "Book a meeting"
                       ]
                     },
-                    "url": {
+                    "target": {
                       "type": "string",
-                      "title": "URL",
-                      "description": "The URL to link to when the button is clicked",
+                      "title": "Target",
+                      "description": "Target that should be linked, makes the button behave like a link semantically",
                       "format": "uri"
                     },
                     "variant": {
@@ -1040,7 +931,6 @@
                     },
                     "icon": {
                       "type": "string",
-                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
@@ -1229,12 +1119,12 @@
                       "title": "URL",
                       "description": "The URL of the logo image",
                       "examples": [
-                        "img/logos/logoipsum-344.svg",
-                        "img/logos/logoipsum-347.svg",
-                        "img/logos/logoipsum-352.svg",
-                        "img/logos/logoipsum-356.svg",
-                        "img/logos/logoipsum-358.svg",
-                        "img/logos/logoipsum-369.svg"
+                        "img/logos/logoipsum-212.svg",
+                        "img/logos/logoipsum-217.svg",
+                        "img/logos/logoipsum-239.svg",
+                        "img/logos/logoipsum-244.svg",
+                        "img/logos/logoipsum-250.svg",
+                        "img/logos/logoipsum-286.svg"
                       ]
                     },
                     "alt": {
@@ -1421,15 +1311,14 @@
                             "Book a meeting"
                           ]
                         },
-                        "url": {
+                        "target": {
                           "type": "string",
-                          "title": "URL",
-                          "description": "The URL to link to when the button is clicked",
+                          "title": "Target",
+                          "description": "Target that should be linked, makes the button behave like a link semantically",
                           "format": "uri"
                         },
                         "icon": {
                           "type": "string",
-                          "format": "icon",
                           "title": "Icon",
                           "description": "Choose an icon"
                         }
@@ -1573,6 +1462,12 @@
                           "default": false,
                           "type": "boolean"
                         },
+                        "fullWidth": {
+                          "title": "Width",
+                          "description": "Set the width of the content to the full width of the element",
+                          "type": "boolean",
+                          "default": false
+                        },
                         "buttons": {
                           "type": "array",
                           "items": {
@@ -1589,14 +1484,13 @@
                               },
                               "icon": {
                                 "type": "string",
-                                "format": "icon",
                                 "title": "Icon",
                                 "description": "Choose an icon"
                               },
-                              "url": {
+                              "target": {
                                 "type": "string",
-                                "title": "URL",
-                                "description": "The URL to link to when the button is clicked",
+                                "title": "Target",
+                                "description": "Target that should be linked, makes the button behave like a link semantically",
                                 "format": "uri"
                               }
                             },
@@ -1636,17 +1530,6 @@
                               "title": "Alt text",
                               "description": "Image description",
                               "type": "string"
-                            },
-                            "align": {
-                              "title": "Vertical alignment of the image",
-                              "description": "Select a vertical alignment for the image",
-                              "type": "string",
-                              "enum": [
-                                "center",
-                                "top",
-                                "bottom"
-                              ],
-                              "default": "center"
                             }
                           },
                           "additionalProperties": false
@@ -1681,9 +1564,9 @@
                           "type": "string",
                           "default": "left"
                         },
-                        "align": {
+                        "contentAlign": {
                           "title": "Vertical alignment of the content",
-                          "description": "Select a vertical alignment for the content",
+                          "description": "Select a vertical alignment for the image",
                           "type": "string",
                           "enum": [
                             "center",
@@ -1692,18 +1575,6 @@
                           ],
                           "default": "center"
                         },
-                        "padding": {
-                          "title": "Padding",
-                          "description": "Toggle padding of the content",
-                          "type": "boolean",
-                          "default": false
-                        },
-                        "inverted": {
-                          "title": "Inverted",
-                          "description": "Toggle inversion of the component",
-                          "type": "boolean",
-                          "default": false
-                        },
                         "type": {
                           "const": "cta"
                         }
@@ -1765,12 +1636,14 @@
                           "title": "Features",
                           "description": "The features to display",
                           "items": {
-                            "type": "object",
+                            "$schema": "http://json-schema.org/draft-07/schema#",
+                            "$id": "http://schema.mydesignsystem.com/feature.schema.json",
                             "title": "Feature",
+                            "description": "Partial Component used to display a feature",
+                            "type": "object",
                             "properties": {
                               "icon": {
                                 "type": "string",
-                                "format": "icon",
                                 "title": "Icon",
                                 "description": "The icon for the feature",
                                 "examples": [
@@ -1794,13 +1667,26 @@
                                   "This is a feature"
                                 ]
                               },
+                              "style": {
+                                "type": "string",
+                                "enum": [
+                                  "intext",
+                                  "stack",
+                                  "centered",
+                                  "besideLarge",
+                                  "besideSmall"
+                                ],
+                                "default": "stack"
+                              },
                               "cta": {
                                 "type": "object",
+                                "title": "Call to Action",
+                                "description": "The call to action",
                                 "properties": {
-                                  "url": {
+                                  "target": {
                                     "type": "string",
-                                    "title": "Call to Action url",
-                                    "description": "The CTA url",
+                                    "title": "Call to Action target",
+                                    "description": "The CTA target",
                                     "default": "#",
                                     "format": "uri"
                                   },
@@ -1813,21 +1699,33 @@
                                       "See all our partners"
                                     ]
                                   },
-                                  "icon": {
+                                  "toggle": {
+                                    "type": "boolean",
+                                    "title": "Call to Action Toggle",
+                                    "description": "Activate/disable the CTAs",
+                                    "default": true
+                                  },
+                                  "style": {
                                     "type": "string",
-                                    "format": "icon",
-                                    "title": "Icon",
-                                    "description": "Icon for the link style of the cta",
-                                    "examples": [
-                                      "arrow-right"
+                                    "description": "Choose the style of the CTA",
+                                    "enum": [
+                                      "button",
+                                      "link",
+                                      "intext"
                                     ],
-                                    "default": "arrow-right"
+                                    "default": "link"
                                   }
                                 },
                                 "additionalProperties": false
+                              },
+                              "type": {
+                                "const": "feature"
                               }
                             },
-                            "additionalProperties": false
+                            "additionalProperties": false,
+                            "required": [
+                              "title"
+                            ]
                           },
                           "minItems": 1,
                           "maxItems": 8
@@ -1895,8 +1793,7 @@
                             "stack",
                             "smallTiles",
                             "largeTiles"
-                          ],
-                          "default": "smallTiles"
+                          ]
                         },
                         "aspectRatio": {
                           "type": "string",
@@ -1994,14 +1891,13 @@
                               },
                               "icon": {
                                 "type": "string",
-                                "format": "icon",
                                 "title": "Icon",
                                 "description": "Choose an icon"
                               },
-                              "url": {
+                              "target": {
                                 "type": "string",
-                                "title": "URL",
-                                "description": "The URL to link to when the button is clicked",
+                                "title": "Target",
+                                "description": "Target that should be linked, makes the button behave like a link semantically",
                                 "format": "uri"
                               }
                             },
@@ -2084,18 +1980,11 @@
                             "center",
                             "below",
                             "left",
-                            "right",
-                            "corner"
+                            "right"
                           ],
                           "type": "string",
                           "default": "bottom"
                         },
-                        "inverted": {
-                          "type": "boolean",
-                          "title": "Inverted",
-                          "description": "Inverted color scheme for the box",
-                          "default": false
-                        },
                         "type": {
                           "const": "hero"
                         }
@@ -2202,12 +2091,12 @@
                                 "title": "URL",
                                 "description": "The URL of the logo image",
                                 "examples": [
-                                  "img/logos/logoipsum-344.svg",
-                                  "img/logos/logoipsum-347.svg",
-                                  "img/logos/logoipsum-352.svg",
-                                  "img/logos/logoipsum-356.svg",
-                                  "img/logos/logoipsum-358.svg",
-                                  "img/logos/logoipsum-369.svg"
+                                  "img/logos/logoipsum-212.svg",
+                                  "img/logos/logoipsum-217.svg",
+                                  "img/logos/logoipsum-239.svg",
+                                  "img/logos/logoipsum-244.svg",
+                                  "img/logos/logoipsum-250.svg",
+                                  "img/logos/logoipsum-286.svg"
                                 ]
                               },
                               "alt": {
@@ -2357,7 +2246,6 @@
                                 "title": "Icon",
                                 "description": "Optional icon of the stat",
                                 "type": "string",
-                                "format": "icon",
                                 "examples": [
                                   "person",
                                   "home",
@@ -2437,10 +2325,10 @@
                           "description": "Layout for the Teaser Card",
                           "default": "stack"
                         },
-                        "url": {
+                        "target": {
                           "type": "string",
-                          "title": "Url",
-                          "description": "Url that should be linked",
+                          "title": "Target",
+                          "description": "Target that should be linked",
                           "format": "uri"
                         },
                         "button": {
@@ -2493,7 +2381,7 @@
                       "additionalProperties": false,
                       "required": [
                         "topic",
-                        "url"
+                        "target"
                       ]
                     },
                     {
@@ -2514,22 +2402,13 @@
                           ],
                           "default": "slider"
                         },
-                        "quoteSigns": {
-                          "title": "Style of the quote signs",
-                          "description": "The style of the quote signs",
-                          "type": "string",
-                          "enum": [
-                            "normal",
-                            "large",
-                            "none"
-                          ],
-                          "default": "normal"
-                        },
                         "testimonial": {
                           "type": "array",
                           "title": "Testimonials",
                           "description": "Add testimonials featuring an image, a quote, a source and a rating",
                           "items": {
+                            "$schema": "http://json-schema.org/draft-07/schema#",
+                            "$id": "http://schema.mydesignsystem.com/testimonial.schema.json",
                             "title": "Testimonial",
                             "description": "Testimonial entry of Testimonials component",
                             "type": "object",
@@ -2582,6 +2461,9 @@
                                 "type": "integer",
                                 "minimum": 1,
                                 "maximum": 5
+                              },
+                              "type": {
+                                "const": "testimonial"
                               }
                             },
                             "additionalProperties": false,
@@ -2716,7 +2598,6 @@
                       "title": "Icon",
                       "description": "Optional icon of the stat",
                       "type": "string",
-                      "format": "icon",
                       "examples": [
                         "person",
                         "home",
@@ -2796,10 +2677,10 @@
                 "description": "Layout for the Teaser Card",
                 "default": "stack"
               },
-              "url": {
+              "target": {
                 "type": "string",
-                "title": "Url",
-                "description": "Url that should be linked",
+                "title": "Target",
+                "description": "Target that should be linked",
                 "format": "uri"
               },
               "button": {
@@ -2852,7 +2733,7 @@
             "additionalProperties": false,
             "required": [
               "topic",
-              "url"
+              "target"
             ]
           },
           {
@@ -2873,22 +2754,13 @@
                 ],
                 "default": "slider"
               },
-              "quoteSigns": {
-                "title": "Style of the quote signs",
-                "description": "The style of the quote signs",
-                "type": "string",
-                "enum": [
-                  "normal",
-                  "large",
-                  "none"
-                ],
-                "default": "normal"
-              },
               "testimonial": {
                 "type": "array",
                 "title": "Testimonials",
                 "description": "Add testimonials featuring an image, a quote, a source and a rating",
                 "items": {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/testimonial.schema.json",
                   "title": "Testimonial",
                   "description": "Testimonial entry of Testimonials component",
                   "type": "object",
@@ -2941,6 +2813,9 @@
                       "type": "integer",
                       "minimum": 1,
                       "maximum": 5
+                    },
+                    "type": {
+                      "const": "testimonial"
                     }
                   },
                   "additionalProperties": false,
@@ -3060,14 +2935,13 @@
                     },
                     "icon": {
                       "type": "string",
-                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
-                    "url": {
+                    "target": {
                       "type": "string",
-                      "title": "URL",
-                      "description": "The URL to link to when the button is clicked",
+                      "title": "Target",
+                      "description": "Target that should be linked, makes the button behave like a link semantically",
                       "format": "uri"
                     }
                   },
@@ -3123,10 +2997,8 @@
                 "description": "Choose the alginment of the module content",
                 "enum": [
                   "center",
-                  "bottom",
                   "left",
-                  "right",
-                  "corner"
+                  "right"
                 ],
                 "type": "string",
                 "default": "bottom"
@@ -3159,10 +3031,10 @@
               "Book a meeting"
             ]
           },
-          "url": {
+          "target": {
             "type": "string",
-            "title": "URL",
-            "description": "The URL to link to when the button is clicked",
+            "title": "Target",
+            "description": "Target that should be linked, makes the button behave like a link semantically",
             "format": "uri"
           },
           "variant": {
@@ -3178,7 +3050,6 @@
           },
           "icon": {
             "type": "string",
-            "format": "icon",
             "title": "Icon",
             "description": "Choose an icon"
           },