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

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

@@ -37,9 +37,13 @@
             "title": "Style",
             "description": "Style of background",
             "enum": [
-              "default",
-              "framed",
-              "deko"
+              "stagelights",
+              "horizontalGradient",
+              "verticalGradient",
+              "accentTransition",
+              "boldTransition",
+              "symmetricGlow",
+              "anchorGlow"
             ],
             "default": "default"
           },
@@ -54,25 +58,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",
@@ -225,7 +210,7 @@
                   "list",
                   "slider"
                 ],
-                "default": "default"
+                "default": "list"
               },
               "tileWidth": {
                 "type": "string",
@@ -291,6 +276,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": {
@@ -307,14 +298,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"
                           }
                         },
@@ -354,17 +344,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
@@ -399,9 +378,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",
@@ -410,57 +389,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",
@@ -566,12 +500,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": [
@@ -595,13 +531,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"
                               },
@@ -614,21 +563,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
@@ -696,8 +657,7 @@
                         "stack",
                         "smallTiles",
                         "largeTiles"
-                      ],
-                      "default": "smallTiles"
+                      ]
                     },
                     "aspectRatio": {
                       "type": "string",
@@ -795,14 +755,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"
                           }
                         },
@@ -885,85 +844,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",
@@ -1035,10 +926,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": {
@@ -1054,7 +945,6 @@
                           },
                           "icon": {
                             "type": "string",
-                            "format": "icon",
                             "title": "Icon",
                             "description": "Choose an icon"
                           },
@@ -1243,12 +1133,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": {
@@ -1435,15 +1325,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"
                               }
@@ -1587,6 +1476,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": {
@@ -1603,14 +1498,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"
                                     }
                                   },
@@ -1650,17 +1544,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
@@ -1695,9 +1578,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",
@@ -1706,18 +1589,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"
                               }
@@ -1779,12 +1650,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": [
@@ -1808,13 +1681,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"
                                         },
@@ -1827,21 +1713,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
@@ -1909,8 +1807,7 @@
                                   "stack",
                                   "smallTiles",
                                   "largeTiles"
-                                ],
-                                "default": "smallTiles"
+                                ]
                               },
                               "aspectRatio": {
                                 "type": "string",
@@ -2008,14 +1905,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"
                                     }
                                   },
@@ -2098,18 +1994,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"
                               }
@@ -2216,12 +2105,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": {
@@ -2371,7 +2260,6 @@
                                       "title": "Icon",
                                       "description": "Optional icon of the stat",
                                       "type": "string",
-                                      "format": "icon",
                                       "examples": [
                                         "person",
                                         "home",
@@ -2451,10 +2339,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": {
@@ -2507,7 +2395,7 @@
                             "additionalProperties": false,
                             "required": [
                               "topic",
-                              "url"
+                              "target"
                             ]
                           },
                           {
@@ -2528,22 +2416,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",
@@ -2596,6 +2475,9 @@
                                       "type": "integer",
                                       "minimum": 1,
                                       "maximum": 5
+                                    },
+                                    "type": {
+                                      "const": "testimonial"
                                     }
                                   },
                                   "additionalProperties": false,
@@ -2730,7 +2612,6 @@
                             "title": "Icon",
                             "description": "Optional icon of the stat",
                             "type": "string",
-                            "format": "icon",
                             "examples": [
                               "person",
                               "home",
@@ -2810,10 +2691,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": {
@@ -2866,7 +2747,7 @@
                   "additionalProperties": false,
                   "required": [
                     "topic",
-                    "url"
+                    "target"
                   ]
                 },
                 {
@@ -2887,22 +2768,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",
@@ -2955,6 +2827,9 @@
                             "type": "integer",
                             "minimum": 1,
                             "maximum": 5
+                          },
+                          "type": {
+                            "const": "testimonial"
                           }
                         },
                         "additionalProperties": false,
@@ -3074,14 +2949,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"
                           }
                         },
@@ -3137,10 +3011,8 @@
                       "description": "Choose the alginment of the module content",
                       "enum": [
                         "center",
-                        "bottom",
                         "left",
-                        "right",
-                        "corner"
+                        "right"
                       ],
                       "type": "string",
                       "default": "bottom"
@@ -3173,10 +3045,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": {
@@ -3192,7 +3064,6 @@
                 },
                 "icon": {
                   "type": "string",
-                  "format": "icon",
                   "title": "Icon",
                   "description": "Choose an icon"
                 },