@kickstartds/ds-agency-premium 1.6.69--canary.45.1736.0 → 1.6.69

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

@@ -133,7 +133,7 @@
                   "title": "Alt Text",
                   "description": "Alt text of the image",
                   "examples": [
-                    "Picture of Isabella Doe"
+                    "Picture of Jane Smith"
                   ]
                 },
                 "fullWidth": {
@@ -168,7 +168,7 @@
                   "label": {
                     "type": "string"
                   },
-                  "url": {
+                  "href": {
                     "type": "string",
                     "format": "uri"
                   },
@@ -177,14 +177,6 @@
                     "description": "Open link in new Tab",
                     "type": "boolean",
                     "default": false
-                  },
-                  "ariaLabel": {
-                    "title": "Aria Label",
-                    "description": "Aria label for the link",
-                    "type": "string",
-                    "examples": [
-                      "Link to Isabella Doe's social media profile"
-                    ]
                   }
                 },
                 "additionalProperties": false
@@ -194,12 +186,12 @@
                   {
                     "icon": "phone",
                     "label": "0228 / 688 966 20",
-                    "url": "tel:+4922868896620"
+                    "href": "tel:+4922868896620"
                   },
                   {
                     "icon": "email",
                     "label": "mail@example.com",
-                    "url": "mailto:mail@example.com"
+                    "href": "mailto:mail@example.com"
                   }
                 ]
               ]
@@ -230,9 +222,9 @@
                   "facebook"
                 ]
               },
-              "url": {
-                "title": "URL",
-                "description": "The url for the social link",
+              "href": {
+                "title": "Href",
+                "description": "The href for the social link",
                 "type": "string",
                 "format": "uri",
                 "examples": [
@@ -251,7 +243,7 @@
             "additionalProperties": false,
             "required": [
               "icon",
-              "url",
+              "href",
               "title"
             ]
           }
@@ -321,10 +313,15 @@
             "title": "Style",
             "description": "Style of background",
             "enum": [
-              "framed",
-              "deko",
-              "colorful"
-            ]
+              "stagelights",
+              "horizontalGradient",
+              "verticalGradient",
+              "accentTransition",
+              "boldTransition",
+              "symmetricGlow",
+              "anchorGlow"
+            ],
+            "default": "default"
           },
           "backgroundColor": {
             "type": "string",
@@ -337,19 +334,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",
@@ -574,6 +558,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": {
@@ -594,10 +584,10 @@
                             "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"
                           }
                         },
@@ -637,17 +627,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
@@ -682,9 +661,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",
@@ -693,18 +672,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"
                     }
@@ -881,10 +848,10 @@
                           "cta": {
                             "type": "object",
                             "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"
                               },
@@ -896,16 +863,6 @@
                                 "examples": [
                                   "See all our partners"
                                 ]
-                              },
-                              "icon": {
-                                "type": "string",
-                                "format": "icon",
-                                "title": "Icon",
-                                "description": "Icon for the link style of the cta",
-                                "examples": [
-                                  "arrow-right"
-                                ],
-                                "default": "arrow-right"
                               }
                             },
                             "additionalProperties": false
@@ -979,8 +936,7 @@
                         "stack",
                         "smallTiles",
                         "largeTiles"
-                      ],
-                      "default": "smallTiles"
+                      ]
                     },
                     "aspectRatio": {
                       "type": "string",
@@ -1082,10 +1038,10 @@
                             "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"
                           }
                         },
@@ -1174,12 +1130,6 @@
                       "type": "string",
                       "default": "bottom"
                     },
-                    "inverted": {
-                      "type": "boolean",
-                      "title": "Inverted",
-                      "description": "Inverted color scheme for the box",
-                      "default": false
-                    },
                     "type": {
                       "const": "hero"
                     }
@@ -1318,10 +1268,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": {
@@ -1718,10 +1668,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"
                               },
                               "icon": {
@@ -1870,6 +1820,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": {
@@ -1890,10 +1846,10 @@
                                       "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"
                                     }
                                   },
@@ -1933,17 +1889,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
@@ -1978,9 +1923,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",
@@ -1989,18 +1934,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"
                               }
@@ -2094,10 +2027,10 @@
                                     "cta": {
                                       "type": "object",
                                       "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"
                                         },
@@ -2109,16 +2042,6 @@
                                           "examples": [
                                             "See all our partners"
                                           ]
-                                        },
-                                        "icon": {
-                                          "type": "string",
-                                          "format": "icon",
-                                          "title": "Icon",
-                                          "description": "Icon for the link style of the cta",
-                                          "examples": [
-                                            "arrow-right"
-                                          ],
-                                          "default": "arrow-right"
                                         }
                                       },
                                       "additionalProperties": false
@@ -2192,8 +2115,7 @@
                                   "stack",
                                   "smallTiles",
                                   "largeTiles"
-                                ],
-                                "default": "smallTiles"
+                                ]
                               },
                               "aspectRatio": {
                                 "type": "string",
@@ -2295,10 +2217,10 @@
                                       "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"
                                     }
                                   },
@@ -2387,12 +2309,6 @@
                                 "type": "string",
                                 "default": "bottom"
                               },
-                              "inverted": {
-                                "type": "boolean",
-                                "title": "Inverted",
-                                "description": "Inverted color scheme for the box",
-                                "default": false
-                              },
                               "type": {
                                 "const": "hero"
                               }
@@ -2624,12 +2540,13 @@
                                     "number": {
                                       "title": "Number",
                                       "description": "The number of the stat",
-                                      "type": "integer",
+                                      "type": "string",
                                       "examples": [
                                         1,
+                                        "5x",
                                         2,
-                                        3,
-                                        4
+                                        "40%",
+                                        "bis zu 100"
                                       ]
                                     },
                                     "description": {
@@ -2734,10 +2651,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": {
@@ -2790,7 +2707,7 @@
                             "additionalProperties": false,
                             "required": [
                               "topic",
-                              "url"
+                              "target"
                             ]
                           },
                           {
@@ -2983,12 +2900,13 @@
                           "number": {
                             "title": "Number",
                             "description": "The number of the stat",
-                            "type": "integer",
+                            "type": "string",
                             "examples": [
                               1,
+                              "5x",
                               2,
-                              3,
-                              4
+                              "40%",
+                              "bis zu 100"
                             ]
                           },
                           "description": {
@@ -3093,10 +3011,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": {
@@ -3149,7 +3067,7 @@
                   "additionalProperties": false,
                   "required": [
                     "topic",
-                    "url"
+                    "target"
                   ]
                 },
                 {
@@ -3361,10 +3279,10 @@
                             "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"
                           }
                         },
@@ -3420,10 +3338,8 @@
                       "description": "Choose the alginment of the module content",
                       "enum": [
                         "center",
-                        "bottom",
                         "left",
-                        "right",
-                        "corner"
+                        "right"
                       ],
                       "type": "string",
                       "default": "bottom"
@@ -3456,10 +3372,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": {
@@ -3556,6 +3472,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": {
@@ -3576,10 +3498,10 @@
                 "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"
               }
             },
@@ -3619,17 +3541,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
@@ -3664,9 +3575,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",
@@ -3675,18 +3586,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"
         }

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

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

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

@@ -27,11 +27,13 @@ const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaser
                     }
                     : undefined,
                 items: teaserMetaItems,
-            }, link: {
-                //@ts-expect-error
-                url: link.url,
-                label: link?.text || "Read article",
-            }, title: headline, body: teaserText, categories: tags.map((tag) => {
+            }, link: link
+                ? {
+                    // @ts-expect-error
+                    target: link.url,
+                    label: link.text || "Read article",
+                }
+                : undefined, title: headline, body: teaserText, categories: tags.map((tag) => {
                 return { label: tag.entry };
             }), ref: ref }) }));
 });

package/dist/components/button/button.css

@@ -1,7 +1,7 @@
 .dsa-button {
-  --dsa-button--padding: 0.75em 1.5em;
+  --dsa-button--padding: 0.75em 2em;
   --dsa-button--border-width: var(--ks-border-width-default);
-  --dsa-button--border-radius: var(--ks-border-radius-control);
+  --dsa-button--border-radius: var(--ks-border-radius-pill);
   --dsa-button--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-button--text-transform: default;
   --dsa-button_small--font: var(--ks-font-interface-s);

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

@@ -13,10 +13,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": {