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

package/dist/components/blog-post/blog-post.schema.dereffed.json

@@ -69,6 +69,14 @@
             "img/close-up-young-business-team-working.png"
           ]
         },
+        "alt": {
+          "title": "Alt Text",
+          "description": "The alt text for the cover image",
+          "type": "string",
+          "examples": [
+            "Image of a business team working"
+          ]
+        },
         "type": {
           "const": "blog-head"
         }
@@ -154,7 +162,8 @@
                 "type": "object",
                 "properties": {
                   "icon": {
-                    "type": "string"
+                    "type": "string",
+                    "format": "icon"
                   },
                   "label": {
                     "type": "string"
@@ -207,6 +216,7 @@
                 "title": "Icon",
                 "description": "The icon name for the social link",
                 "type": "string",
+                "format": "icon",
                 "examples": [
                   "twitter",
                   "facebook"
@@ -310,8 +320,7 @@
               "boldTransition",
               "symmetricGlow",
               "anchorGlow"
-            ],
-            "default": "default"
+            ]
           },
           "backgroundColor": {
             "type": "string",
@@ -324,6 +333,12 @@
             ],
             "default": "default"
           },
+          "backgroundImage": {
+            "title": "Background image",
+            "description": "Background image for the whole section",
+            "type": "string",
+            "format": "image"
+          },
           "spotlight": {
             "type": "boolean",
             "title": "Spotlight",
@@ -564,6 +579,7 @@
                           },
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "Choose an icon"
                           },
@@ -661,6 +677,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",
@@ -766,14 +815,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": [
@@ -797,21 +844,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",
@@ -828,34 +862,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
@@ -1021,6 +1033,7 @@
                           },
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "Choose an icon"
                           },
@@ -1110,10 +1123,11 @@
                         "center",
                         "below",
                         "left",
-                        "right"
+                        "right",
+                        "corner"
                       ],
                       "type": "string",
-                      "default": "bottom"
+                      "default": "below"
                     },
                     "type": {
                       "const": "hero"
@@ -1121,6 +1135,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",
@@ -1211,6 +1286,7 @@
                           },
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "Choose an icon"
                           },
@@ -1599,6 +1675,7 @@
                               },
                               "icon": {
                                 "type": "string",
+                                "format": "icon",
                                 "title": "Icon",
                                 "description": "Choose an icon"
                               }
@@ -1686,8 +1763,15 @@
                         true
                       ]
                     },
-                    "type": {
-                      "const": "slider"
+                    "variant": {
+                      "title": "Type",
+                      "description": "Type of the movement",
+                      "type": "string",
+                      "enum": [
+                        "slider",
+                        "carousel"
+                      ],
+                      "default": "carousel"
                     },
                     "className": {
                       "title": "Class",
@@ -1764,6 +1848,7 @@
                                     },
                                     "icon": {
                                       "type": "string",
+                                      "format": "icon",
                                       "title": "Icon",
                                       "description": "Choose an icon"
                                     },
@@ -1916,14 +2001,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": [
@@ -1947,21 +2030,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",
@@ -1978,34 +2048,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
@@ -2171,6 +2219,7 @@
                                     },
                                     "icon": {
                                       "type": "string",
+                                      "format": "icon",
                                       "title": "Icon",
                                       "description": "Choose an icon"
                                     },
@@ -2260,10 +2309,11 @@
                                   "center",
                                   "below",
                                   "left",
-                                  "right"
+                                  "right",
+                                  "corner"
                                 ],
                                 "type": "string",
-                                "default": "bottom"
+                                "default": "below"
                               },
                               "type": {
                                 "const": "hero"
@@ -2496,12 +2546,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": {
@@ -2526,6 +2577,7 @@
                                       "title": "Icon",
                                       "description": "Optional icon of the stat",
                                       "type": "string",
+                                      "format": "icon",
                                       "examples": [
                                         "person",
                                         "home",
@@ -2682,13 +2734,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",
@@ -2741,9 +2802,6 @@
                                       "type": "integer",
                                       "minimum": 1,
                                       "maximum": 5
-                                    },
-                                    "type": {
-                                      "const": "testimonial"
                                     }
                                   },
                                   "additionalProperties": false,
@@ -2814,15 +2872,8 @@
                         ]
                       }
                     },
-                    "typeProp": {
-                      "title": "Type",
-                      "description": "Type of the movement",
-                      "type": "string",
-                      "enum": [
-                        "slider",
-                        "carousel"
-                      ],
-                      "default": "carousel"
+                    "type": {
+                      "const": "slider"
                     }
                   },
                   "additionalProperties": false
@@ -2848,12 +2899,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": {
@@ -2878,6 +2930,7 @@
                             "title": "Icon",
                             "description": "Optional icon of the stat",
                             "type": "string",
+                            "format": "icon",
                             "examples": [
                               "person",
                               "home",
@@ -3034,13 +3087,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",
@@ -3093,9 +3155,6 @@
                             "type": "integer",
                             "minimum": 1,
                             "maximum": 5
-                          },
-                          "type": {
-                            "const": "testimonial"
                           }
                         },
                         "additionalProperties": false,
@@ -3215,6 +3274,7 @@
                           },
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "Choose an icon"
                           },
@@ -3281,7 +3341,7 @@
                         "right"
                       ],
                       "type": "string",
-                      "default": "bottom"
+                      "default": "center"
                     },
                     "type": {
                       "const": "video-curtain"
@@ -3330,6 +3390,7 @@
                 },
                 "icon": {
                   "type": "string",
+                  "format": "icon",
                   "title": "Icon",
                   "description": "Choose an icon"
                 },
@@ -3432,6 +3493,7 @@
               },
               "icon": {
                 "type": "string",
+                "format": "icon",
                 "title": "Icon",
                 "description": "Choose an icon"
               },

package/dist/components/blog-post/index.d.ts

@@ -1,4 +1,5 @@
 import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
+export type { BlogPostProps };
 export { BlogPost };

package/dist/components/blog-post/index.js

@@ -8,6 +8,7 @@ import { Cta } from '../cta/index.js';
 import 'classnames';
 import 'react';
 import '@kickstartds/blog/lib/post-head';
+import '../../helpers-84d80d46.js';
 import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
 import '../section/js/Section.client.js';

package/dist/components/blog-teaser/blog-teaser.css

@@ -1,6 +1,6 @@
-.l-container--post-teaser {
+.l-container--blog-teaser {
   /* stylelint-disable-next-line property-no-unknown */
-  container-name: post-teaser;
+  container-name: blog-teaser;
 }
 
 .dsa-blog-teaser {
@@ -17,9 +17,10 @@
   --dsa-blog-teaser__meta--font: var(--ks-spacing-stack-s);
   --dsa-blog-teaser__meta--color: var(--ks-text-color-interface);
   --dsa-blog-teaser__meta__author--font-weight: var(--ks-font-weight-semi-bold);
-  --dsa-post-teaser__image--border-radius: var(--ks-border-radius-card);
+  --dsa-blog-teaser__avatar--size: 2em;
+  --dsa-blog-teaser__image--border-radius: var(--ks-border-radius-card);
 }
-@container post-teaser (min-width: 640px) {
+@container blog-teaser (min-width: 640px) {
   .dsa-blog-teaser {
     --dsa-blog-teaser--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
     --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-xl);
@@ -27,7 +28,7 @@
     --dsa-blog-teaser__tag-label--font: var(--ks-font-interface-s);
   }
 }
-@container post-teaser (min-width: 1000px) {
+@container blog-teaser (min-width: 1000px) {
   .dsa-blog-teaser {
     --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-xxl);
   }
@@ -66,6 +67,7 @@
   --c-post-meta_item--font: var(--dsa-blog-teaser__meta--font, var(--ks-font-interface-s));
   --c-post-meta_item--gap: 0.35em;
   --c-post-meta_author--color: var(--dsa-blog-teaser__meta--color, var(--c-post-meta_item--color));
+  --c-post-meta_author--avatar-size: var(--dsa-blog-teaser__avatar--size, 2em);
   --c-post-meta_author--gap: 0.35em;
   --c-post-meta_author--font-weight: var(
     --dsa-blog-teaser__meta__author--font-weight,

package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json

@@ -67,6 +67,14 @@
         "img/close-up-young-business-team-working.png"
       ]
     },
+    "alt": {
+      "title": "Alt",
+      "description": "The alt text for the preview image",
+      "type": "string",
+      "examples": [
+        "Image of a business team working"
+      ]
+    },
     "link": {
       "type": "object",
       "title": "Link",
@@ -81,14 +89,14 @@
             "https://example.com"
           ]
         },
-        "label": {
-          "title": "Label",
-          "description": "The label to use for the link",
+        "text": {
+          "title": "Text",
+          "description": "The text for the link",
           "type": "string",
+          "default": "Read article",
           "examples": [
-            "Read more"
-          ],
-          "default": "Read more"
+            "Read article"
+          ]
         }
       },
       "additionalProperties": false,