@kickstartds/ds-agency-premium 1.6.68--canary.45.1719.0 → 1.6.68

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

@@ -16,7 +16,16 @@
       "type": "string",
       "title": "Style",
       "description": "Style of background",
-      "enum": ["framed", "deko", "colorful"]
+      "enum": [
+        "stagelights",
+        "horizontalGradient",
+        "verticalGradient",
+        "accentTransition",
+        "boldTransition",
+        "symmetricGlow",
+        "anchorGlow"
+      ],
+      "default": "default"
     },
     "backgroundColor": {
       "type": "string",
@@ -25,13 +34,6 @@
       "enum": ["default", "accent", "bold"],
       "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",

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

@@ -93,7 +93,7 @@
           "items": {
             "type": "object",
             "properties": {
-              "url": {
+              "href": {
                 "type": "string",
                 "format": "uri"
               },
@@ -108,7 +108,7 @@
                 "items": {
                   "type": "object",
                   "properties": {
-                    "url": {
+                    "href": {
                       "type": "string",
                       "format": "uri"
                     },
@@ -125,7 +125,7 @@
             },
             "additionalProperties": false,
             "required": [
-              "url",
+              "href",
               "label"
             ]
           },
@@ -133,43 +133,43 @@
             [
               {
                 "label": "Active Item",
-                "url": "#",
+                "href": "#",
                 "active": true
               },
               {
                 "label": "Navigation Item",
-                "url": "#"
+                "href": "#"
               },
               {
                 "label": "Dropdown",
-                "url": "#",
+                "href": "#",
                 "items": [
                   {
                     "label": "Level 2 Item",
-                    "url": "#"
+                    "href": "#"
                   },
                   {
                     "label": "Active Item",
                     "active": true,
-                    "url": "#"
+                    "href": "#"
                   },
                   {
                     "label": "An Item with a longer Label",
-                    "url": "#"
+                    "href": "#"
                   },
                   {
                     "label": "And One last one",
-                    "url": "#"
+                    "href": "#"
                   }
                 ]
               },
               {
                 "label": "One more Item",
-                "url": "#"
+                "href": "#"
               },
               {
                 "label": "Last Item",
-                "url": "#"
+                "href": "#"
               }
             ]
           ]
@@ -250,7 +250,7 @@
           "items": {
             "type": "object",
             "properties": {
-              "url": {
+              "href": {
                 "type": "string",
                 "format": "uri"
               },
@@ -265,7 +265,7 @@
                 "items": {
                   "type": "object",
                   "properties": {
-                    "url": {
+                    "href": {
                       "type": "string",
                       "format": "uri"
                     },
@@ -282,7 +282,7 @@
             },
             "additionalProperties": false,
             "required": [
-              "url",
+              "href",
               "label"
             ]
           },
@@ -290,43 +290,43 @@
             [
               {
                 "label": "Active Item",
-                "url": "#",
+                "href": "#",
                 "active": true
               },
               {
                 "label": "Navigation Item",
-                "url": "#"
+                "href": "#"
               },
               {
                 "label": "Dropdown",
-                "url": "#",
+                "href": "#",
                 "items": [
                   {
                     "label": "Level 2 Item",
-                    "url": "#"
+                    "href": "#"
                   },
                   {
                     "label": "Active Item",
                     "active": true,
-                    "url": "#"
+                    "href": "#"
                   },
                   {
                     "label": "An Item with a longer Label",
-                    "url": "#"
+                    "href": "#"
                   },
                   {
                     "label": "And One last one",
-                    "url": "#"
+                    "href": "#"
                   }
                 ]
               },
               {
                 "label": "One more Item",
-                "url": "#"
+                "href": "#"
               },
               {
                 "label": "Last Item",
-                "url": "#"
+                "href": "#"
               }
             ]
           ]

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { SliderProps } from "../../SliderProps-babe4ee6.js";
+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/slider.schema.dereffed.json

@@ -98,6 +98,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": {
@@ -118,10 +124,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"
                     }
                   },
@@ -161,17 +167,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
@@ -206,9 +201,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",
@@ -217,18 +212,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"
               }
@@ -322,10 +305,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"
                         },
@@ -337,16 +320,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
@@ -420,8 +393,7 @@
                   "stack",
                   "smallTiles",
                   "largeTiles"
-                ],
-                "default": "smallTiles"
+                ]
               },
               "aspectRatio": {
                 "type": "string",
@@ -523,10 +495,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"
                     }
                   },
@@ -615,12 +587,6 @@
                 "type": "string",
                 "default": "bottom"
               },
-              "inverted": {
-                "type": "boolean",
-                "title": "Inverted",
-                "description": "Inverted color scheme for the box",
-                "default": false
-              },
               "type": {
                 "const": "hero"
               }
@@ -852,12 +818,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": {
@@ -962,10 +929,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": {
@@ -1018,7 +985,7 @@
             "additionalProperties": false,
             "required": [
               "topic",
-              "url"
+              "target"
             ]
           },
           {

package/dist/components/split/split.css

@@ -30,7 +30,7 @@
   flex-shrink: 1;
 }
 .l-split--sidebar-right > :first-child {
-  flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--horizontal-spacing) * 2);
+  flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--spacing) * 2);
 }
 .l-split--sidebar-right > :last-child {
   flex-basis: var(--dsa-split__side--flex-basis, 210px);
@@ -41,7 +41,7 @@
   margin-top: var(--dsa-split__side-top-margin, var(--ks-spacing-stack-l));
 }
 .l-split--sidebar-left > :last-child {
-  flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--horizontal-spacing) * 2);
+  flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--spacing) * 2);
 }
 .l-split--sidebar-left > :first-child {
   flex-basis: var(--dsa-split__side--flex-basis, 210px);

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { StatProps } from "../../StatProps-12a3eae0.js";
+import { StatProps } from "../../StatProps-79109ad0.js";
 declare const StatContextDefault: import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const StatContext: import("react").Context<import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Stat: import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/stat/index.js

@@ -2,9 +2,18 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { CountUp } from '@kickstartds/content/lib/count-up';
 
-const StatContextDefault = forwardRef(({ number, title, description, icon, ...rest }, ref) => (jsx(CountUp, { ...rest, ref: ref, className: "dsa-stats__item", to: number, icon: {
-        icon: icon,
-    }, text: description, topic: title })));
+const StatContextDefault = forwardRef(({ number, title, description, icon, ...rest }, ref) => {
+    const parts = number ? number.toString().split(/(\d+)/).filter(Boolean) : [];
+    const numberIndex = parts.findIndex((part) => !isNaN(Number(part)));
+    const value = numberIndex !== -1 ? parseInt(parts[numberIndex], 10) : 0;
+    const prefix = numberIndex !== -1 && numberIndex > 0 ? parts[numberIndex - 1] : "";
+    const suffix = numberIndex !== -1 && numberIndex < parts.length - 1
+        ? parts[numberIndex + 1]
+        : "";
+    return (jsx(CountUp, { ...rest, ref: ref, className: "dsa-stats__item", to: value, prefix: prefix, suffix: suffix, icon: {
+            icon: icon,
+        }, text: description, topic: title }));
+});
 const StatContext = createContext(StatContextDefault);
 const Stat = forwardRef((props, ref) => {
     const Component = useContext(StatContext);

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

@@ -8,12 +8,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": {

package/dist/components/stat/stat.schema.json

@@ -8,8 +8,8 @@
     "number": {
       "title": "Number",
       "description": "The number of the stat",
-      "type": "integer",
-      "examples": [1, 2, 3, 4]
+      "type": "string",
+      "examples": [1, "5x", 2, "40%", "bis zu 100"]
     },
     "description": {
       "title": "Description",

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

@@ -19,12 +19,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": {

package/dist/components/teaser-card/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { TeaserCardProps } from "../../TeaserCardProps-994cb119.js";
+import { TeaserCardProps } from "../../TeaserCardProps-b9c28e78.js";
 declare const TeaserCardContextDefault: import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const TeaserCardContext: import("react").Context<import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const TeaserCard: import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -6,15 +6,15 @@ import { TeaserBoxContextDefault, TeaserBoxContext } from '@kickstartds/base/lib
 import { Container } from '@kickstartds/core/lib/container';
 import { compiler } from 'markdown-to-jsx';
 
-const TeaserCardContextDefault = forwardRef(({ headline, text, button, url, image, imageRatio = "wide", label, layout = "stack", ...rest }, ref) => (jsx(Container, { name: "teaser-card", children: jsxs("div", { className: classnames(`dsa-teaser-card`, `dsa-teaser-card--${layout}`, `dsa-teaser-card--${imageRatio}`), children: [label && jsx("span", { className: "dsa-teaser-card__label", children: label }), jsx(TeaserBoxContextDefault, { ...rest, topic: headline, text: text, 
-                // @ts-expect-error
-                renderTopic: () => jsx(Fragment, { children: compiler(headline) }), link: {
-                    hidden: button?.hidden,
-                    label: button.label,
-                    variant: "primary",
-                    url: url,
-                    icon: button?.chevron ? "chevron-right" : undefined,
-                }, image: image, ref: ref })] }) })));
+const TeaserCardContextDefault = forwardRef(({ headline, text, button, target, image, imageRatio = "wide", label, layout = "stack", ...rest }, ref) => (jsx(Container, { name: "teaser-card", children: jsx(TeaserBoxContextDefault, { ...rest, className: classnames(`dsa-teaser-card`, label && `dsa-teaser-card--label`, `dsa-teaser-card--${layout}`, `dsa-teaser-card--${imageRatio}`), topic: headline, text: text, 
+        // @ts-expect-error
+        renderTopic: () => (jsxs(Fragment, { children: [label ? (jsx("span", { className: "dsa-teaser-card__label", children: label })) : (""), compiler(headline)] })), link: {
+            hidden: button?.hidden,
+            label: button.label,
+            variant: "secondary",
+            target: target,
+            icon: button?.chevron ? "chevron-right" : undefined,
+        }, image: image, ref: ref }) })));
 const TeaserCardContext = createContext(TeaserCardContextDefault);
 const TeaserCard = forwardRef((props, ref) => {
     const Component = useContext(TeaserCardContext);