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

package/dist/components/nav-topbar/index.js

@@ -5,6 +5,12 @@ import { Link } from '@kickstartds/base/lib/link';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { NavDropdown } from '../nav-dropdown/index.js';
 import { forwardRef, createContext, useContext } from 'react';
+import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
+
+const defaults = {
+    "items": [],
+    "inverted": false
+};
 
 const NavTopbarContextDefault = forwardRef(({ items, inverted }, ref) => items && items.length > 0 ? (jsx("nav", { className: "dsa-nav-topbar", id: "dsa-nav-main", "aria-label": "Hauptnavigation", ref: ref, children: jsx("ul", { className: "dsa-nav-topbar__list", children: items.map(({ label, href, active, items: subItems }) => {
             return (jsxs("li", { className: classnames("dsa-nav-topbar__item", active && "dsa-nav-topbar__item--active", subItems?.length && "dsa-nav-topbar__item--dropdown"), children: [subItems?.length ? (jsxs("span", { tabIndex: 0, className: "dsa-nav-topbar__label", children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-topbar__label__icon", icon: "chevron-down" })) : ("")] })) : (jsx(Link, { href: href, className: `dsa-nav-topbar__label dsa-nav-topbar__link`, children: label })), subItems?.length ? (jsx(NavDropdown, { items: subItems, inverted: inverted })) : null] }, href));
@@ -12,7 +18,7 @@ const NavTopbarContextDefault = forwardRef(({ items, inverted }, ref) => items &
 const NavTopbarContext = createContext(NavTopbarContextDefault);
 const NavTopbar = forwardRef((props, ref) => {
     const Component = useContext(NavTopbarContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 NavTopbar.displayName = "NavTopbar";
 

package/dist/components/page/index.d.ts

@@ -1,4 +1,5 @@
 import { PageProps } from "../../PageProps-aa29c554.js";
 import { FC, PropsWithChildren } from "react";
 declare const Page: FC<PropsWithChildren<PageProps>>;
+export type { PageProps };
 export { Page };

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

@@ -44,8 +44,7 @@
               "boldTransition",
               "symmetricGlow",
               "anchorGlow"
-            ],
-            "default": "default"
+            ]
           },
           "backgroundColor": {
             "type": "string",
@@ -58,6 +57,12 @@
             ],
             "default": "default"
           },
+          "backgroundImage": {
+            "title": "Background image",
+            "description": "Background image for the whole section",
+            "type": "string",
+            "format": "image"
+          },
           "spotlight": {
             "type": "boolean",
             "title": "Spotlight",
@@ -298,6 +303,7 @@
                           },
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "Choose an icon"
                           },
@@ -395,6 +401,39 @@
                   },
                   "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",
@@ -500,14 +539,12 @@
                       "title": "Features",
                       "description": "The features to display",
                       "items": {
-                        "$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",
+                        "title": "Feature",
                         "properties": {
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "The icon for the feature",
                             "examples": [
@@ -531,21 +568,8 @@
                               "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": {
                               "target": {
                                 "type": "string",
@@ -562,34 +586,12 @@
                                 "examples": [
                                   "See all our partners"
                                 ]
-                              },
-                              "toggle": {
-                                "type": "boolean",
-                                "title": "Call to Action Toggle",
-                                "description": "Activate/disable the CTAs",
-                                "default": true
-                              },
-                              "style": {
-                                "type": "string",
-                                "description": "Choose the style of the CTA",
-                                "enum": [
-                                  "button",
-                                  "link",
-                                  "intext"
-                                ],
-                                "default": "link"
                               }
                             },
                             "additionalProperties": false
-                          },
-                          "type": {
-                            "const": "feature"
                           }
                         },
-                        "additionalProperties": false,
-                        "required": [
-                          "title"
-                        ]
+                        "additionalProperties": false
                       },
                       "minItems": 1,
                       "maxItems": 8
@@ -755,6 +757,7 @@
                           },
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "Choose an icon"
                           },
@@ -844,10 +847,11 @@
                         "center",
                         "below",
                         "left",
-                        "right"
+                        "right",
+                        "corner"
                       ],
                       "type": "string",
-                      "default": "bottom"
+                      "default": "below"
                     },
                     "type": {
                       "const": "hero"
@@ -855,6 +859,67 @@
                   },
                   "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",
@@ -945,6 +1010,7 @@
                           },
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "Choose an icon"
                           },
@@ -1333,6 +1399,7 @@
                               },
                               "icon": {
                                 "type": "string",
+                                "format": "icon",
                                 "title": "Icon",
                                 "description": "Choose an icon"
                               }
@@ -1420,8 +1487,15 @@
                         true
                       ]
                     },
-                    "type": {
-                      "const": "slider"
+                    "variant": {
+                      "title": "Type",
+                      "description": "Type of the movement",
+                      "type": "string",
+                      "enum": [
+                        "slider",
+                        "carousel"
+                      ],
+                      "default": "carousel"
                     },
                     "className": {
                       "title": "Class",
@@ -1498,6 +1572,7 @@
                                     },
                                     "icon": {
                                       "type": "string",
+                                      "format": "icon",
                                       "title": "Icon",
                                       "description": "Choose an icon"
                                     },
@@ -1650,14 +1725,12 @@
                                 "title": "Features",
                                 "description": "The features to display",
                                 "items": {
-                                  "$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",
+                                  "title": "Feature",
                                   "properties": {
                                     "icon": {
                                       "type": "string",
+                                      "format": "icon",
                                       "title": "Icon",
                                       "description": "The icon for the feature",
                                       "examples": [
@@ -1681,21 +1754,8 @@
                                         "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": {
                                         "target": {
                                           "type": "string",
@@ -1712,34 +1772,12 @@
                                           "examples": [
                                             "See all our partners"
                                           ]
-                                        },
-                                        "toggle": {
-                                          "type": "boolean",
-                                          "title": "Call to Action Toggle",
-                                          "description": "Activate/disable the CTAs",
-                                          "default": true
-                                        },
-                                        "style": {
-                                          "type": "string",
-                                          "description": "Choose the style of the CTA",
-                                          "enum": [
-                                            "button",
-                                            "link",
-                                            "intext"
-                                          ],
-                                          "default": "link"
                                         }
                                       },
                                       "additionalProperties": false
-                                    },
-                                    "type": {
-                                      "const": "feature"
                                     }
                                   },
-                                  "additionalProperties": false,
-                                  "required": [
-                                    "title"
-                                  ]
+                                  "additionalProperties": false
                                 },
                                 "minItems": 1,
                                 "maxItems": 8
@@ -1905,6 +1943,7 @@
                                     },
                                     "icon": {
                                       "type": "string",
+                                      "format": "icon",
                                       "title": "Icon",
                                       "description": "Choose an icon"
                                     },
@@ -1994,10 +2033,11 @@
                                   "center",
                                   "below",
                                   "left",
-                                  "right"
+                                  "right",
+                                  "corner"
                                 ],
                                 "type": "string",
-                                "default": "bottom"
+                                "default": "below"
                               },
                               "type": {
                                 "const": "hero"
@@ -2230,12 +2270,13 @@
                                     "number": {
                                       "title": "Number",
                                       "description": "The number of the stat",
-                                      "type": "integer",
+                                      "type": "string",
                                       "examples": [
-                                        1,
-                                        2,
-                                        3,
-                                        4
+                                        "1",
+                                        "5x",
+                                        "2",
+                                        "40%",
+                                        "bis zu 100"
                                       ]
                                     },
                                     "description": {
@@ -2260,6 +2301,7 @@
                                       "title": "Icon",
                                       "description": "Optional icon of the stat",
                                       "type": "string",
+                                      "format": "icon",
                                       "examples": [
                                         "person",
                                         "home",
@@ -2416,13 +2458,22 @@
                                 ],
                                 "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",
@@ -2475,9 +2526,6 @@
                                       "type": "integer",
                                       "minimum": 1,
                                       "maximum": 5
-                                    },
-                                    "type": {
-                                      "const": "testimonial"
                                     }
                                   },
                                   "additionalProperties": false,
@@ -2548,15 +2596,8 @@
                         ]
                       }
                     },
-                    "typeProp": {
-                      "title": "Type",
-                      "description": "Type of the movement",
-                      "type": "string",
-                      "enum": [
-                        "slider",
-                        "carousel"
-                      ],
-                      "default": "carousel"
+                    "type": {
+                      "const": "slider"
                     }
                   },
                   "additionalProperties": false
@@ -2582,12 +2623,13 @@
                           "number": {
                             "title": "Number",
                             "description": "The number of the stat",
-                            "type": "integer",
+                            "type": "string",
                             "examples": [
-                              1,
-                              2,
-                              3,
-                              4
+                              "1",
+                              "5x",
+                              "2",
+                              "40%",
+                              "bis zu 100"
                             ]
                           },
                           "description": {
@@ -2612,6 +2654,7 @@
                             "title": "Icon",
                             "description": "Optional icon of the stat",
                             "type": "string",
+                            "format": "icon",
                             "examples": [
                               "person",
                               "home",
@@ -2768,13 +2811,22 @@
                       ],
                       "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",
@@ -2827,9 +2879,6 @@
                             "type": "integer",
                             "minimum": 1,
                             "maximum": 5
-                          },
-                          "type": {
-                            "const": "testimonial"
                           }
                         },
                         "additionalProperties": false,
@@ -2949,6 +2998,7 @@
                           },
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "Choose an icon"
                           },
@@ -3015,7 +3065,7 @@
                         "right"
                       ],
                       "type": "string",
-                      "default": "bottom"
+                      "default": "center"
                     },
                     "type": {
                       "const": "video-curtain"
@@ -3064,6 +3114,7 @@
                 },
                 "icon": {
                   "type": "string",
+                  "format": "icon",
                   "title": "Icon",
                   "description": "Choose an icon"
                 },