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

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

@@ -30,8 +30,7 @@
         "boldTransition",
         "symmetricGlow",
         "anchorGlow"
-      ],
-      "default": "default"
+      ]
     },
     "backgroundColor": {
       "type": "string",
@@ -44,6 +43,12 @@
       ],
       "default": "default"
     },
+    "backgroundImage": {
+      "title": "Background image",
+      "description": "Background image for the whole section",
+      "type": "string",
+      "format": "image"
+    },
     "spotlight": {
       "type": "boolean",
       "title": "Spotlight",
@@ -284,6 +289,7 @@
                     },
                     "icon": {
                       "type": "string",
+                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
@@ -381,6 +387,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",
@@ -486,14 +525,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": [
@@ -517,21 +554,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",
@@ -548,34 +572,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
@@ -741,6 +743,7 @@
                     },
                     "icon": {
                       "type": "string",
+                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
@@ -830,10 +833,11 @@
                   "center",
                   "below",
                   "left",
-                  "right"
+                  "right",
+                  "corner"
                 ],
                 "type": "string",
-                "default": "bottom"
+                "default": "below"
               },
               "type": {
                 "const": "hero"
@@ -841,6 +845,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",
@@ -931,6 +996,7 @@
                     },
                     "icon": {
                       "type": "string",
+                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
@@ -1319,6 +1385,7 @@
                         },
                         "icon": {
                           "type": "string",
+                          "format": "icon",
                           "title": "Icon",
                           "description": "Choose an icon"
                         }
@@ -1406,8 +1473,15 @@
                   true
                 ]
               },
-              "type": {
-                "const": "slider"
+              "variant": {
+                "title": "Type",
+                "description": "Type of the movement",
+                "type": "string",
+                "enum": [
+                  "slider",
+                  "carousel"
+                ],
+                "default": "carousel"
               },
               "className": {
                 "title": "Class",
@@ -1484,6 +1558,7 @@
                               },
                               "icon": {
                                 "type": "string",
+                                "format": "icon",
                                 "title": "Icon",
                                 "description": "Choose an icon"
                               },
@@ -1636,14 +1711,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": [
@@ -1667,21 +1740,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",
@@ -1698,34 +1758,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
@@ -1891,6 +1929,7 @@
                               },
                               "icon": {
                                 "type": "string",
+                                "format": "icon",
                                 "title": "Icon",
                                 "description": "Choose an icon"
                               },
@@ -1980,10 +2019,11 @@
                             "center",
                             "below",
                             "left",
-                            "right"
+                            "right",
+                            "corner"
                           ],
                           "type": "string",
-                          "default": "bottom"
+                          "default": "below"
                         },
                         "type": {
                           "const": "hero"
@@ -2216,12 +2256,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": {
@@ -2246,6 +2287,7 @@
                                 "title": "Icon",
                                 "description": "Optional icon of the stat",
                                 "type": "string",
+                                "format": "icon",
                                 "examples": [
                                   "person",
                                   "home",
@@ -2402,13 +2444,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",
@@ -2461,9 +2512,6 @@
                                 "type": "integer",
                                 "minimum": 1,
                                 "maximum": 5
-                              },
-                              "type": {
-                                "const": "testimonial"
                               }
                             },
                             "additionalProperties": false,
@@ -2534,15 +2582,8 @@
                   ]
                 }
               },
-              "typeProp": {
-                "title": "Type",
-                "description": "Type of the movement",
-                "type": "string",
-                "enum": [
-                  "slider",
-                  "carousel"
-                ],
-                "default": "carousel"
+              "type": {
+                "const": "slider"
               }
             },
             "additionalProperties": false
@@ -2568,12 +2609,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": {
@@ -2598,6 +2640,7 @@
                       "title": "Icon",
                       "description": "Optional icon of the stat",
                       "type": "string",
+                      "format": "icon",
                       "examples": [
                         "person",
                         "home",
@@ -2754,13 +2797,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",
@@ -2813,9 +2865,6 @@
                       "type": "integer",
                       "minimum": 1,
                       "maximum": 5
-                    },
-                    "type": {
-                      "const": "testimonial"
                     }
                   },
                   "additionalProperties": false,
@@ -2935,6 +2984,7 @@
                     },
                     "icon": {
                       "type": "string",
+                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
@@ -3001,7 +3051,7 @@
                   "right"
                 ],
                 "type": "string",
-                "default": "bottom"
+                "default": "center"
               },
               "type": {
                 "const": "video-curtain"
@@ -3050,6 +3100,7 @@
           },
           "icon": {
             "type": "string",
+            "format": "icon",
             "title": "Icon",
             "description": "Choose an icon"
           },

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

@@ -24,8 +24,7 @@
         "boldTransition",
         "symmetricGlow",
         "anchorGlow"
-      ],
-      "default": "default"
+      ]
     },
     "backgroundColor": {
       "type": "string",
@@ -34,6 +33,12 @@
       "enum": ["default", "accent", "bold"],
       "default": "default"
     },
+    "backgroundImage": {
+      "title": "Background image",
+      "description": "Background image for the whole section",
+      "type": "string",
+      "format": "image"
+    },
     "spotlight": {
       "type": "boolean",
       "title": "Spotlight",
@@ -165,6 +170,9 @@
           {
             "$ref": "http://schema.mydesignsystem.com/cta.schema.json"
           },
+          {
+            "$ref": "http://schema.mydesignsystem.com/divider.schema.json"
+          },
           {
             "$ref": "http://schema.mydesignsystem.com/faq.schema.json"
           },
@@ -177,6 +185,9 @@
           {
             "$ref": "http://schema.mydesignsystem.com/hero.schema.json"
           },
+          {
+            "$ref": "http://schema.mydesignsystem.com/html.schema.json"
+          },
           {
             "$ref": "http://schema.mydesignsystem.com/image-story.schema.json"
           },

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

@@ -383,6 +383,11 @@
       },
       "additionalProperties": false
     },
+    "iconSprite": {
+      "type": "string",
+      "title": "Icon Sprite",
+      "description": "Content of the icon sprite for this project"
+    },
     "type": {
       "const": "settings"
     }

package/dist/components/settings/settings.schema.json

@@ -14,6 +14,11 @@
     },
     "seo": {
       "$ref": "http://schema.mydesignsystem.com/cms/seo.schema.json"
+    },
+    "iconSprite": {
+      "type": "string",
+      "title": "Icon Sprite",
+      "description": "Content of the icon sprite for this project"
     }
   }
 }

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

@@ -2,4 +2,5 @@
 import { HTMLAttributes } from "react";
 import { SliderProps } from "../../SliderProps-93230a76.js";
 declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { SliderProps };
 export { Slider };

package/dist/components/slider/index.js

@@ -4,6 +4,6 @@ import { forwardRef } from 'react';
 import classnames from 'classnames';
 import { Slider as Slider$1 } from '@kickstartds/content/lib/slider';
 
-const Slider = forwardRef(({ gap, type, autoplay, arrows, teaseNeighbours, equalHeight, children, className, ...props }, ref) => (jsx(Slider$1, { className: classnames(`dsa-slider`, className), gap: gap, type: type, arrows: arrows, autoplay: autoplay, teaseNeighbours: teaseNeighbours, equalHeight: equalHeight, ...props, ref: ref, children: children })));
+const Slider = forwardRef(({ gap, variant, autoplay, arrows, teaseNeighbours, equalHeight, children, className, ...props }, ref) => (jsx(Slider$1, { className: classnames(`dsa-slider`, className), gap: gap, type: variant, arrows: arrows, autoplay: autoplay, teaseNeighbours: teaseNeighbours, equalHeight: equalHeight, ...props, ref: ref, children: children })));
 
 export { Slider };

package/dist/components/slider/slider.css

@@ -5,6 +5,7 @@
   --dsa-slider__bullet--border-color: var(--ks-border-color-primary);
   --dsa-slider__bullet--border-color_hover: var(--ks-border-color-primary);
   --dsa-slider__bullet--border-color_active: var(--ks-border-color-primary);
+  --dsa-slider__bullet--size: 1rem;
   --dsa-slider__bullet--background-color: transparent;
   --dsa-slider__bullet--background-color_hover: var(--ks-color-primary-alpha-8);
   --dsa-slider__bullet--background-color_active: var(--ks-color-primary);
@@ -27,6 +28,7 @@
   --c-slider_bullet--background: var(--dsa-slider__bullet--background-color, transparent);
   --c-slider_bullet--background-color-hover: var(--dsa-slider__bullet--background-color_hover, transparent);
   --c-slider_bullet--background-color-active: var(--dsa-slider__bullet--background-color_active, transparent);
+  --c-slider_bullet--size: var(--dsa-slider__bullet--size);
   --c-slider_arrow--background: var(
     --dsa-slider__arrow--background-color,
     var(--ks-background-color-interface-interactive)
@@ -44,6 +46,9 @@
 .dsa-slider.c-slider__nav {
   margin-top: var(--ks-spacing-stack-m);
 }
+.dsa-slider.c-slider .c-slider__nav {
+  margin-top: var(--ks-spacing-stack-m);
+}
 .dsa-slider.c-slider .c-slider__nav-item:hover .c-slider__bullet {
   border-color: var(--c-slider_bullet--outline-color-hover);
   background-color: var(--c-slider_bullet--background-color-hover);