@kickstartds/ds-agency-premium 1.6.71--canary.54.2407.0 → 1.6.71

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

@@ -42,15 +42,8 @@
         true
       ]
     },
-    "variant": {
-      "title": "Type",
-      "description": "Type of the movement",
-      "type": "string",
-      "enum": [
-        "slider",
-        "carousel"
-      ],
-      "default": "carousel"
+    "type": {
+      "const": "slider"
     },
     "className": {
       "title": "Class",
@@ -105,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": {
@@ -125,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"
                     }
                   },
@@ -168,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
@@ -213,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",
@@ -224,11 +212,8 @@
                 ],
                 "default": "center"
               },
-              "padding": {
-                "title": "Padding",
-                "description": "Toggle padding of the content",
-                "type": "boolean",
-                "default": false
+              "type": {
+                "const": "cta"
               }
             },
             "additionalProperties": false
@@ -317,19 +302,13 @@
                         "This is a feature"
                       ]
                     },
-                    "unicodeIcon": {
-                      "type": "boolean",
-                      "title": "Unicode Icon",
-                      "description": "Whether the icon is set via Unicode character",
-                      "default": false
-                    },
                     "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"
                         },
@@ -341,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
@@ -360,6 +329,9 @@
                 },
                 "minItems": 1,
                 "maxItems": 8
+              },
+              "type": {
+                "const": "features"
               }
             },
             "additionalProperties": false
@@ -421,8 +393,7 @@
                   "stack",
                   "smallTiles",
                   "largeTiles"
-                ],
-                "default": "smallTiles"
+                ]
               },
               "aspectRatio": {
                 "type": "string",
@@ -441,6 +412,9 @@
                 "title": "Lightbox",
                 "description": "Display images in a lightbox gallery",
                 "default": false
+              },
+              "type": {
+                "const": "gallery"
               }
             },
             "additionalProperties": false,
@@ -501,12 +475,6 @@
                 "default": true,
                 "description": "Toggle wether you want your text to be displayed within in box"
               },
-              "invertText": {
-                "type": "boolean",
-                "title": "Invert Text",
-                "description": "Invert the text color for better contrast against the background",
-                "default": false
-              },
               "buttons": {
                 "type": "array",
                 "items": {
@@ -527,22 +495,16 @@
                       "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"
                     }
                   },
                   "additionalProperties": false
                 }
               },
-              "skipButton": {
-                "type": "boolean",
-                "title": "Skip Button",
-                "description": "Add a skip button to the hero module",
-                "default": false
-              },
               "overlay": {
                 "title": "Grid layer",
                 "description": "Enable grid layer",
@@ -618,14 +580,15 @@
                 "enum": [
                   "center",
                   "below",
-                  "offset",
                   "left",
                   "right",
-                  "corner",
-                  "bottom"
+                  "corner"
                 ],
                 "type": "string",
-                "default": "left"
+                "default": "bottom"
+              },
+              "type": {
+                "const": "hero"
               }
             },
             "additionalProperties": false
@@ -688,6 +651,9 @@
                 "examples": [
                   "above"
                 ]
+              },
+              "type": {
+                "const": "image-text"
               }
             },
             "required": [
@@ -727,12 +693,12 @@
                       "title": "URL",
                       "description": "The URL of the logo image",
                       "examples": [
-                        "img/logos/logoipsum-344.svg",
-                        "img/logos/logoipsum-347.svg",
-                        "img/logos/logoipsum-352.svg",
-                        "img/logos/logoipsum-356.svg",
-                        "img/logos/logoipsum-358.svg",
-                        "img/logos/logoipsum-369.svg"
+                        "img/logos/logoipsum-212.svg",
+                        "img/logos/logoipsum-217.svg",
+                        "img/logos/logoipsum-239.svg",
+                        "img/logos/logoipsum-244.svg",
+                        "img/logos/logoipsum-250.svg",
+                        "img/logos/logoipsum-286.svg"
                       ]
                     },
                     "alt": {
@@ -749,7 +715,8 @@
                     "src"
                   ]
                 },
-                "minItems": 1
+                "minItems": 1,
+                "maxItems": 20
               },
               "align": {
                 "type": "string",
@@ -820,6 +787,9 @@
                   "link",
                   "label"
                 ]
+              },
+              "type": {
+                "const": "logos"
               }
             },
             "additionalProperties": false,
@@ -885,6 +855,9 @@
                         "home",
                         "map"
                       ]
+                    },
+                    "type": {
+                      "const": "stat"
                     }
                   },
                   "additionalProperties": false,
@@ -913,6 +886,9 @@
                 },
                 "minItems": 1,
                 "maxItems": 4
+              },
+              "type": {
+                "const": "stats"
               }
             },
             "additionalProperties": false,
@@ -953,16 +929,10 @@
                 "description": "Layout for the Teaser Card",
                 "default": "stack"
               },
-              "centered": {
-                "type": "boolean",
-                "title": "Centered",
-                "description": "Whether the Teaser Card is centered",
-                "default": false
-              },
-              "url": {
+              "target": {
                 "type": "string",
-                "title": "Url",
-                "description": "Url that should be linked",
+                "title": "Target",
+                "description": "Target that should be linked",
                 "format": "uri"
               },
               "button": {
@@ -1007,12 +977,15 @@
                 ],
                 "description": "Aspect ratio of the image",
                 "default": "wide"
+              },
+              "type": {
+                "const": "teaser-card"
               }
             },
             "additionalProperties": false,
             "required": [
               "topic",
-              "url"
+              "target"
             ]
           },
           {
@@ -1110,6 +1083,9 @@
                     "image"
                   ]
                 }
+              },
+              "type": {
+                "const": "testimonials"
               }
             },
             "additionalProperties": false
@@ -1155,6 +1131,9 @@
                 "title": "Highlight Text",
                 "description": "Visually highlight the text",
                 "default": false
+              },
+              "type": {
+                "const": "text"
               }
             },
             "additionalProperties": false,
@@ -1164,6 +1143,16 @@
           }
         ]
       }
+    },
+    "typeProp": {
+      "title": "Type",
+      "description": "Type of the movement",
+      "type": "string",
+      "enum": [
+        "slider",
+        "carousel"
+      ],
+      "default": "carousel"
     }
   },
   "additionalProperties": false

package/dist/components/slider/slider.schema.json

@@ -22,7 +22,7 @@
     "arrows": {
       "$ref": "http://schema.kickstartds.com/content/slider.schema.json#/properties/arrows"
     },
-    "variant": {
+    "type": {
       "$ref": "http://schema.kickstartds.com/content/slider.schema.json#/properties/type"
     },
     "className": {

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

@@ -0,0 +1,14 @@
+import { FC, PropsWithChildren } 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.
+ */
+interface SplitProps {
+    layout?: "sidebarRight" | "sidebarLeft";
+    mainSectionWidth?: "narrow" | "medium" | "wide";
+}
+declare const Split: FC<PropsWithChildren<SplitProps>>;
+export type { SplitProps };
+export { Split };

package/dist/components/split/index.js

@@ -0,0 +1,17 @@
+import "./split.css";
+import { jsx } from 'react/jsx-runtime';
+import classnames from 'classnames';
+
+const Split = ({ layout = "sidebarRight", mainSectionWidth = "default", children, }) => (jsx("div", { className: classnames("l-split", layout === "sidebarRight"
+        ? "l-split--sidebar-right"
+        : layout === "sidebarLeft"
+            ? "l-split--sidebar-left"
+            : "l-split--sidebar-right", mainSectionWidth === "narrow"
+        ? "l-split--narrow"
+        : mainSectionWidth === "medium"
+            ? "l-split--medium"
+            : mainSectionWidth === "wide"
+                ? "l-split--wide"
+                : "l-split--medium"), children: children }));
+
+export { Split };

package/dist/components/split/split.css

@@ -0,0 +1,53 @@
+.l-split {
+  --dsa-split--gap-vertical: var(--ks-spacing-stack-l);
+  --dsa-split--gap-horizontal: var(--ks-spacing-inline-l);
+  --dsa-split__side--top-offset: var(--ks-spacing-stack-l);
+  --dsa-split__side--top-margin: var(--ks-spacing-stack-l);
+  --dsa-split__side--flex-basis: 210px;
+}
+
+.l-split {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--dsa-split--gap-horizontal) var(--dsa-split--gap-horizontal);
+}
+.l-split--narrow {
+  --split__main--flex-basis: var(--dsa-content--width_narrow);
+}
+.l-split--medium {
+  --split__main--flex-basis: var(--dsa-content--width_default);
+}
+.l-split--wide {
+  --split__main--flex-basis: var(--dsa-content--width_wide);
+}
+@media (min-width: 48em) {
+  .l-split {
+    justify-content: space-between;
+  }
+}
+.l-split > * {
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+.l-split--sidebar-right > :first-child {
+  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);
+  position: -webkit-sticky;
+  position: sticky;
+  top: var(--dsa-split__side--top-offset, var(--ks-spacing-stack-l));
+  height: fit-content;
+  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);
+}
+.l-split--sidebar-left > :first-child {
+  flex-basis: var(--dsa-split__side--flex-basis, 210px);
+  position: -webkit-sticky;
+  position: sticky;
+  top: var(--dsa-split__side--top-margin, var(--ks-spacing-stack-l));
+  height: fit-content;
+  margin-top: var(--dsa-split__side-top-margin, var(--ks-spacing-stack-l));
+}

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

@@ -0,0 +1,29 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/split.schema.json",
+  "title": "Split",
+  "type": "object",
+  "properties": {
+    "layout": {
+      "type": "string",
+      "enum": [
+        "sidebarRight",
+        "sidebarLeft"
+      ],
+      "default": "sidebarRight"
+    },
+    "mainSectionWidth": {
+      "type": "string",
+      "enum": [
+        "narrow",
+        "medium",
+        "wide"
+      ],
+      "default": "medium"
+    },
+    "type": {
+      "const": "split"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,19 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/split.schema.json",
+  "title": "Split",
+  "type": "object",
+  "properties": {
+    "layout": {
+      "type": "string",
+      "enum": ["sidebarRight", "sidebarLeft"],
+      "default": "sidebarRight"
+    },
+    "mainSectionWidth": {
+      "type": "string",
+      "enum": ["narrow", "medium", "wide"],
+      "default": "medium"
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/stat/index.js

@@ -1,9 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { CountUp } from '@kickstartds/content/lib/count-up';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
-
-const defaults = {};
 
 const StatContextDefault = forwardRef(({ number, title, description, icon, ...rest }, ref) => {
     const parts = number ? number.toString().split(/(\d+)/).filter(Boolean) : [];
@@ -20,7 +17,7 @@ const StatContextDefault = forwardRef(({ number, title, description, icon, ...re
 const StatContext = createContext(StatContextDefault);
 const Stat = forwardRef((props, ref) => {
     const Component = useContext(StatContext);
-    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+    return jsx(Component, { ...props, ref: ref });
 });
 Stat.displayName = "Stat";
 

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

@@ -45,6 +45,9 @@
         "home",
         "map"
       ]
+    },
+    "type": {
+      "const": "stat"
     }
   },
   "additionalProperties": false,

package/dist/components/stats/index.js

@@ -2,20 +2,15 @@ import "./stats.css";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createElement, createContext, useContext } from 'react';
 import { Stat } from '../stat/index.js';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import '@kickstartds/content/lib/count-up';
 
-const defaults = {
-    "stat": []
-};
-
 const StatsContextDefault = forwardRef(({ stat: stats = [], ...rest }, ref) => {
     return (jsx("div", { ...rest, ref: ref, className: "dsa-stats", children: stats.map((item, index) => (createElement(Stat, { ...item, key: index }))) }));
 });
 const StatsContext = createContext(StatsContextDefault);
 const Stats = forwardRef((props, ref) => {
     const Component = useContext(StatsContext);
-    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+    return jsx(Component, { ...props, ref: ref });
 });
 Stats.displayName = "Stats";
 

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

@@ -56,6 +56,9 @@
               "home",
               "map"
             ]
+          },
+          "type": {
+            "const": "stat"
           }
         },
         "additionalProperties": false,
@@ -84,6 +87,9 @@
       },
       "minItems": 1,
       "maxItems": 4
+    },
+    "type": {
+      "const": "stats"
     }
   },
   "additionalProperties": false,

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-d069476f.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

@@ -5,31 +5,20 @@ import classnames from 'classnames';
 import { TeaserBoxContextDefault, TeaserBoxContext } from '@kickstartds/base/lib/teaser-box';
 import { Container } from '@kickstartds/core/lib/container';
 import { compiler } from 'markdown-to-jsx';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 
-const defaults = {
-    "layout": "stack",
-    "centered": false,
-    "button": {
-        "chevron": false,
-        "hidden": false
-    },
-    "imageRatio": "wide"
-};
-
-const TeaserCardContextDefault = forwardRef(({ headline, text, button, url, image, imageRatio = "wide", label, layout = "stack", centered = false, ...rest }, ref) => (jsx(Container, { name: "teaser-card", children: jsxs("div", { className: classnames(`dsa-teaser-card`, `dsa-teaser-card--${layout}`, `dsa-teaser-card--${imageRatio}`, centered && `dsa-teaser-card--centered`, !image && "dsa-teaser-card--no-image"), 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);
-    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+    return jsx(Component, { ...props, ref: ref });
 });
 TeaserCard.displayName = "TeaserCard";
 const TeaserBoxProvider = (props) => (jsx(TeaserBoxContext.Provider, { ...props, value: TeaserCard }));