@kickstartds/ds-agency-premium 1.6.70 → 1.6.71--canary.45.1756.0

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

@@ -16,16 +16,7 @@
       "type": "string",
       "title": "Style",
       "description": "Style of background",
-      "enum": [
-        "stagelights",
-        "horizontalGradient",
-        "verticalGradient",
-        "accentTransition",
-        "boldTransition",
-        "symmetricGlow",
-        "anchorGlow"
-      ],
-      "default": "default"
+      "enum": ["framed", "deko", "colorful"]
     },
     "backgroundColor": {
       "type": "string",
@@ -34,6 +25,13 @@
       "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": {
-              "href": {
+              "url": {
                 "type": "string",
                 "format": "uri"
               },
@@ -108,7 +108,7 @@
                 "items": {
                   "type": "object",
                   "properties": {
-                    "href": {
+                    "url": {
                       "type": "string",
                       "format": "uri"
                     },
@@ -125,7 +125,7 @@
             },
             "additionalProperties": false,
             "required": [
-              "href",
+              "url",
               "label"
             ]
           },
@@ -133,43 +133,43 @@
             [
               {
                 "label": "Active Item",
-                "href": "#",
+                "url": "#",
                 "active": true
               },
               {
                 "label": "Navigation Item",
-                "href": "#"
+                "url": "#"
               },
               {
                 "label": "Dropdown",
-                "href": "#",
+                "url": "#",
                 "items": [
                   {
                     "label": "Level 2 Item",
-                    "href": "#"
+                    "url": "#"
                   },
                   {
                     "label": "Active Item",
                     "active": true,
-                    "href": "#"
+                    "url": "#"
                   },
                   {
                     "label": "An Item with a longer Label",
-                    "href": "#"
+                    "url": "#"
                   },
                   {
                     "label": "And One last one",
-                    "href": "#"
+                    "url": "#"
                   }
                 ]
               },
               {
                 "label": "One more Item",
-                "href": "#"
+                "url": "#"
               },
               {
                 "label": "Last Item",
-                "href": "#"
+                "url": "#"
               }
             ]
           ]
@@ -250,7 +250,7 @@
           "items": {
             "type": "object",
             "properties": {
-              "href": {
+              "url": {
                 "type": "string",
                 "format": "uri"
               },
@@ -265,7 +265,7 @@
                 "items": {
                   "type": "object",
                   "properties": {
-                    "href": {
+                    "url": {
                       "type": "string",
                       "format": "uri"
                     },
@@ -282,7 +282,7 @@
             },
             "additionalProperties": false,
             "required": [
-              "href",
+              "url",
               "label"
             ]
           },
@@ -290,43 +290,43 @@
             [
               {
                 "label": "Active Item",
-                "href": "#",
+                "url": "#",
                 "active": true
               },
               {
                 "label": "Navigation Item",
-                "href": "#"
+                "url": "#"
               },
               {
                 "label": "Dropdown",
-                "href": "#",
+                "url": "#",
                 "items": [
                   {
                     "label": "Level 2 Item",
-                    "href": "#"
+                    "url": "#"
                   },
                   {
                     "label": "Active Item",
                     "active": true,
-                    "href": "#"
+                    "url": "#"
                   },
                   {
                     "label": "An Item with a longer Label",
-                    "href": "#"
+                    "url": "#"
                   },
                   {
                     "label": "And One last one",
-                    "href": "#"
+                    "url": "#"
                   }
                 ]
               },
               {
                 "label": "One more Item",
-                "href": "#"
+                "url": "#"
               },
               {
                 "label": "Last Item",
-                "href": "#"
+                "url": "#"
               }
             ]
           ]

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { SliderProps } from "../../SliderProps-93230a76.js";
+import { SliderProps } from "../../SliderProps-babe4ee6.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,12 +98,6 @@
                 "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": {
@@ -124,10 +118,10 @@
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
-                    "target": {
+                    "url": {
                       "type": "string",
-                      "title": "Target",
-                      "description": "Target that should be linked, makes the button behave like a link semantically",
+                      "title": "URL",
+                      "description": "The URL to link to when the button is clicked",
                       "format": "uri"
                     }
                   },
@@ -167,6 +161,17 @@
                     "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
@@ -201,9 +206,9 @@
                 "type": "string",
                 "default": "left"
               },
-              "contentAlign": {
+              "align": {
                 "title": "Vertical alignment of the content",
-                "description": "Select a vertical alignment for the image",
+                "description": "Select a vertical alignment for the content",
                 "type": "string",
                 "enum": [
                   "center",
@@ -212,6 +217,18 @@
                 ],
                 "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"
               }
@@ -305,10 +322,10 @@
                     "cta": {
                       "type": "object",
                       "properties": {
-                        "target": {
+                        "url": {
                           "type": "string",
-                          "title": "Call to Action target",
-                          "description": "The CTA target",
+                          "title": "Call to Action url",
+                          "description": "The CTA url",
                           "default": "#",
                           "format": "uri"
                         },
@@ -320,6 +337,16 @@
                           "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
@@ -393,7 +420,8 @@
                   "stack",
                   "smallTiles",
                   "largeTiles"
-                ]
+                ],
+                "default": "smallTiles"
               },
               "aspectRatio": {
                 "type": "string",
@@ -495,10 +523,10 @@
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
-                    "target": {
+                    "url": {
                       "type": "string",
-                      "title": "Target",
-                      "description": "Target that should be linked, makes the button behave like a link semantically",
+                      "title": "URL",
+                      "description": "The URL to link to when the button is clicked",
                       "format": "uri"
                     }
                   },
@@ -587,6 +615,12 @@
                 "type": "string",
                 "default": "bottom"
               },
+              "inverted": {
+                "type": "boolean",
+                "title": "Inverted",
+                "description": "Inverted color scheme for the box",
+                "default": false
+              },
               "type": {
                 "const": "hero"
               }
@@ -818,13 +852,12 @@
                     "number": {
                       "title": "Number",
                       "description": "The number of the stat",
-                      "type": "string",
+                      "type": "integer",
                       "examples": [
-                        "1",
-                        "5x",
-                        "2",
-                        "40%",
-                        "bis zu 100"
+                        1,
+                        2,
+                        3,
+                        4
                       ]
                     },
                     "description": {
@@ -929,10 +962,10 @@
                 "description": "Layout for the Teaser Card",
                 "default": "stack"
               },
-              "target": {
+              "url": {
                 "type": "string",
-                "title": "Target",
-                "description": "Target that should be linked",
+                "title": "Url",
+                "description": "Url that should be linked",
                 "format": "uri"
               },
               "button": {
@@ -985,7 +1018,7 @@
             "additionalProperties": false,
             "required": [
               "topic",
-              "target"
+              "url"
             ]
           },
           {

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--spacing) * 2);
+  flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--horizontal-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--spacing) * 2);
+  flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--horizontal-spacing) * 2);
 }
 .l-split--sidebar-left > :first-child {
   flex-basis: var(--dsa-split__side--flex-basis, 210px);

package/dist/components/split-even/index.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import { FC } from "react";
+/* eslint-disable */
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * Sets the minimum width for each section in the split layout
+ */
+type SectionMinimumWidth = "narrow" | "medium" | "wide";
+/**
+ * Determines the layout of the sections on mobile devices
+ */
+type MobileLayout = "stack" | "stackReverse";
+/**
+ * Enable sticky positioning for the sections
+ */
+type Sticky = boolean;
+/**
+ * Aligns the content vertically within the sections
+ */
+type VerticalAlignment = "top" | "center" | "bottom";
+/**
+ * The space between the two sections
+ */
+type Gutter = "large" | "default" | "small" | "none";
+interface SplitEvenProps {
+    sectionMinWidth?: SectionMinimumWidth;
+    mobileLayout?: MobileLayout;
+    sticky?: Sticky;
+    verticalAlign?: VerticalAlignment;
+    gutter?: Gutter;
+}
+interface ComponentProps {
+    firstSection?: React.ReactNode;
+    secondSection?: React.ReactNode;
+}
+type SplitEvenComponentProps = SplitEvenProps & ComponentProps;
+declare const SplitEven: FC<SplitEvenComponentProps>;
+export { ComponentProps, SplitEvenComponentProps, SplitEven };

package/dist/components/split-even/index.js

@@ -0,0 +1,7 @@
+import "./split-even.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import classnames from 'classnames';
+
+const SplitEven = ({ mobileLayout = "stack", sectionMinWidth = "medium", verticalAlign = "top", gutter = "default", sticky = false, firstSection, secondSection, }) => (jsxs("div", { className: classnames("l-split-even", mobileLayout === "stackReverse" && "l-split-even--mobile_stack-reverse", gutter && `l-split-even--gutter-${gutter}`, sectionMinWidth && `l-split-even--width-${sectionMinWidth}`, verticalAlign && `l-split-even--align-${verticalAlign}`, `l-split-even--width-${secondSection}`, sticky && "l-split-even--sticky"), children: [jsx("div", { className: "l-split-even__section l-split-even__section--first", children: firstSection }), jsx("div", { className: "l-split-even__section l-split-even__section--second", children: secondSection })] }));
+
+export { SplitEven };

package/dist/components/split-even/split-even.css

@@ -0,0 +1,85 @@
+.l-split-even {
+  --dsa-split-even--gutter_small: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
+  --dsa-split-even--gutter_default: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
+  --dsa-split-even--gutter_large: var(--ks-spacing-stack-l) var(--ks-spacing-inline-l);
+  --dsa-split-even__section--top-offset: var(--ks-spacing-stack-l);
+  --dsa-split-even__section--top-margin: var(--ks-spacing-stack-l);
+  --dsa-split-even__section--flex-basis_narrow: var(--dsa-tile--width_small);
+  --dsa-split-even__section--flex-basis_medium: var(--dsa-tile--width_medium);
+  --dsa-split-even__section--flex-basis_wide: var(--dsa-tile--width_large);
+}
+
+.l-split-even {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--dsa-split-even--gutter);
+}
+.l-split-even--width-narrow {
+  --dsa-split-even__section--flex-basis: var(
+    --dsa-split-even__section--flex-basis_narrow,
+    var(--dsa-tile--width_small)
+  );
+}
+.l-split-even--width-medium {
+  --dsa-split-even__section--flex-basis: var(
+    --dsa-split-even__section--flex-basis_medium,
+    var(--dsa-tile--width_medium)
+  );
+}
+.l-split-even--width-wide {
+  --dsa-split-even__section--flex-basis: var(
+    --dsa-split-even__section--flex-basis_wide,
+    var(--dsa-tile--width_large)
+  );
+}
+.l-split-even--gutter-none {
+  --dsa-split-even--gutter: 0;
+}
+.l-split-even--gutter-default {
+  --dsa-split-even--gutter: var(
+    --dsa-split-even--gutter_default,
+    var(--ks-spacing-stack-m) var(--ks-spacing-inline-m)
+  );
+}
+.l-split-even--gutter-small {
+  --dsa-split-even--gutter: var(
+    --dsa-split-even--gutter_small,
+    var(--ks-spacing-stack-s) var(--ks-spacing-inline-s)
+  );
+}
+.l-split-even--gutter-large {
+  --dsa-split-even--gutter: var(
+    --dsa-split-even--gutter_large,
+    var(--ks-spacing-stack-l) var(--ks-spacing-inline-l)
+  );
+}
+.l-split-even--align-top {
+  align-items: flex-start;
+}
+.l-split-even--align-center {
+  align-items: center;
+}
+.l-split-even--align-bottom {
+  align-items: flex-end;
+}
+.l-split-even--sticky {
+  position: relative;
+  overflow: visible;
+}
+.l-split-even--sticky .l-split-even__section {
+  height: fit-content;
+  position: sticky;
+  top: 0;
+}
+.l-split-even--mobile_stack-reverse {
+  flex-wrap: wrap-reverse;
+}
+.l-split-even--mobile_stack-reverse.l-split-even--align-top {
+  align-items: flex-end;
+}
+.l-split-even--mobile_stack-reverse.l-split-even--align-bottom {
+  align-items: flex-start;
+}
+.l-split-even__section {
+  flex: 1 1 var(--dsa-split-even__section--flex-basis);
+}

package/dist/components/split-even/split-even.schema.dereffed.json

@@ -0,0 +1,62 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/split-even.schema.json",
+  "title": "Split Even",
+  "type": "object",
+  "properties": {
+    "sectionMinWidth": {
+      "title": "Section Minimum Width",
+      "description": "Sets the minimum width for each section in the split layout",
+      "type": "string",
+      "enum": [
+        "narrow",
+        "medium",
+        "wide"
+      ],
+      "default": "medium"
+    },
+    "mobileLayout": {
+      "title": "Mobile Layout",
+      "description": "Determines the layout of the sections on mobile devices",
+      "type": "string",
+      "enum": [
+        "stack",
+        "stackReverse"
+      ],
+      "default": "stack"
+    },
+    "sticky": {
+      "title": "Sticky",
+      "type": "boolean",
+      "description": "Enable sticky positioning for the sections",
+      "default": false
+    },
+    "verticalAlign": {
+      "title": "Vertical Alignment",
+      "type": "string",
+      "description": "Aligns the content vertically within the sections",
+      "enum": [
+        "top",
+        "center",
+        "bottom"
+      ],
+      "default": "top"
+    },
+    "gutter": {
+      "title": "Gutter",
+      "type": "string",
+      "description": "The space between the two sections",
+      "enum": [
+        "large",
+        "default",
+        "small",
+        "none"
+      ],
+      "default": "default"
+    },
+    "type": {
+      "const": "split-even"
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/split-even/split-even.schema.json

@@ -0,0 +1,43 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/split-even.schema.json",
+  "title": "Split Even",
+  "type": "object",
+  "properties": {
+    "sectionMinWidth": {
+      "title": "Section Minimum Width",
+      "description": "Sets the minimum width for each section in the split layout",
+      "type": "string",
+      "enum": ["narrow", "medium", "wide"],
+      "default": "medium"
+    },
+    "mobileLayout": {
+      "title": "Mobile Layout",
+      "description": "Determines the layout of the sections on mobile devices",
+      "type": "string",
+      "enum": ["stack", "stackReverse"],
+      "default": "stack"
+    },
+    "sticky": {
+      "title": "Sticky",
+      "type": "boolean",
+      "description": "Enable sticky positioning for the sections",
+      "default": false
+    },
+    "verticalAlign": {
+      "title": "Vertical Alignment",
+      "type": "string",
+      "description": "Aligns the content vertically within the sections",
+      "enum": ["top", "center", "bottom"],
+      "default": "top"
+    },
+    "gutter": {
+      "title": "Gutter",
+      "type": "string",
+      "description": "The space between the two sections",
+      "enum": ["large", "default", "small", "none"],
+      "default": "default"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { StatProps } from "../../StatProps-79109ad0.js";
+import { StatProps } from "../../StatProps-12a3eae0.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>>;