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

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

@@ -1228,12 +1228,12 @@
                       "title": "URL",
                       "description": "The URL of the logo image",
                       "examples": [
-                        "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"
+                        "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"
                       ]
                     },
                     "alt": {
@@ -2201,12 +2201,12 @@
                                 "title": "URL",
                                 "description": "The URL of the logo image",
                                 "examples": [
-                                  "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"
+                                  "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"
                                 ]
                               },
                               "alt": {

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

@@ -727,12 +727,12 @@
                       "title": "URL",
                       "description": "The URL of the logo image",
                       "examples": [
-                        "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"
+                        "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"
                       ]
                     },
                     "alt": {

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

@@ -6,36 +6,63 @@ import { FC } from "react";
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
+import { CtaProps } from "../../CtaProps-babe4ee6.js";
+import { DividerProps } from "../../DividerProps-2ef31901.js";
+import { FaqProps } from "../../FaqProps-ad618cd5.js";
+import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
+import { GalleryProps } from "../../GalleryProps-76e7de44.js";
+import { HeroProps } from "../../HeroProps-40f6c7f5.js";
+import { HtmlProps } from "../../HtmlProps-9d091769.js";
+import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
+import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
+import { LogosProps } from "../../LogosProps-f9474fe2.js";
+import { MosaicProps } from "../../MosaicProps-d52c7151.js";
+import { SliderProps } from "../../SliderProps-babe4ee6.js";
+import { StatsProps } from "../../StatsProps-bf5ef578.js";
+import { TeaserCardProps } from "../../TeaserCardProps-994cb119.js";
+import { TestimonialsProps } from "../../TestimonialsProps-e344f597.js";
+import { TextProps } from "../../TextProps-a23170d2.js";
+import { VideoCurtainProps } from "../../VideoCurtainProps-a2c0cc7f.js";
 /**
- * Sets the minimum width for each section in the split layout
+ * Sets the minimum width for each half of the split layout
  */
-type SectionMinimumWidth = "narrow" | "medium" | "wide";
+type ContentMinimumWidth = "narrow" | "medium" | "wide";
 /**
- * Determines the layout of the sections on mobile devices
+ * Sets the space between the content inside the two halves of the split layout
  */
-type MobileLayout = "stack" | "stackReverse";
+type ContentGutter = "narrow" | "medium" | "wide" | "none";
 /**
- * Enable sticky positioning for the sections
+ * Determines the layout of the sections on mobile devices
  */
-type Sticky = boolean;
+type MobileLayout = "stack" | "stackReverse";
 /**
  * Aligns the content vertically within the sections
  */
 type VerticalAlignment = "top" | "center" | "bottom";
 /**
- * The space between the two sections
+ * Sets the space between the two halves of the split layout
  */
 type Gutter = "large" | "default" | "small" | "none";
+/**
+ * Allowed components for the first half of the split layout
+ */
+type First = (CtaProps | DividerProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | HtmlProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
+/**
+ * Allowed components for the second half of the split layout
+ */
+type Second = (CtaProps | DividerProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | HtmlProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
 interface SplitEvenProps {
-    sectionMinWidth?: SectionMinimumWidth;
+    contentMinWidth?: ContentMinimumWidth;
+    contentGutter?: ContentGutter;
     mobileLayout?: MobileLayout;
-    sticky?: Sticky;
     verticalAlign?: VerticalAlignment;
     gutter?: Gutter;
+    firstComponents?: First;
+    secondComponents?: Second;
 }
 interface ComponentProps {
-    firstSection?: React.ReactNode;
-    secondSection?: React.ReactNode;
+    first?: React.ReactNode;
+    second?: React.ReactNode;
 }
 type SplitEvenComponentProps = SplitEvenProps & ComponentProps;
 declare const SplitEven: FC<SplitEvenComponentProps>;

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

@@ -2,6 +2,6 @@ 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 })] }));
+const SplitEven = ({ mobileLayout = "stack", contentMinWidth = "medium", verticalAlign = "top", gutter = "default", contentGutter = "default", first, second, }) => (jsxs("div", { className: classnames("l-split-even", mobileLayout === "stackReverse" && "l-split-even--mobile_stack-reverse", gutter && `l-split-even--gutter-${gutter}`, contentGutter && `l-split-even--content-gutter-${contentGutter}`, contentMinWidth && `l-split-even--width-${contentMinWidth}`, verticalAlign && `l-split-even--align-${verticalAlign}`), children: [jsx("div", { className: "l-split-even__content l-split-even__content--first", children: first }), jsx("div", { className: "l-split-even__content l-split-even__content--second", children: second })] }));
 
 export { SplitEven };

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

@@ -1,12 +1,13 @@
 .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);
+  --dsa-split-even--gutter_large: var(--ks-spacing-stack-xl) var(--ks-spacing-xxl);
+  --dsa-split-even__content--gutter_small: var(--ks-spacing-stack-s);
+  --dsa-split-even__content--gutter_default: var(--ks-spacing-stack-m);
+  --dsa-split-even__content--gutter_large: var(--ks-spacing-stack-xl);
+  --dsa-split-even__content--flex-basis_narrow: var(--dsa-tile--width_small);
+  --dsa-split-even__content--flex-basis_medium: var(--dsa-tile--width_medium);
+  --dsa-split-even__content--flex-basis_wide: var(--dsa-tile--width_large);
 }
 
 .l-split-even {
@@ -15,20 +16,20 @@
   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,
+  --dsa-split-even__content--flex-basis: var(
+    --dsa-split-even__content--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,
+  --dsa-split-even__content--flex-basis: var(
+    --dsa-split-even__content--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,
+  --dsa-split-even__content--flex-basis: var(
+    --dsa-split-even__content--flex-basis_wide,
     var(--dsa-tile--width_large)
   );
 }
@@ -50,9 +51,21 @@
 .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)
+    var(--ks-spacing-stack-xl) var(--ks-spacing-inline-xl)
   );
 }
+.l-split-even--content-gutter-none {
+  --dsa-split-even__content--gutter: 0;
+}
+.l-split-even--content-gutter-medium {
+  --dsa-split-even__content--gutter: var(--dsa-split-even__content--gutter_default, var(--ks-spacing-stack-m));
+}
+.l-split-even--content-gutter-small {
+  --dsa-split-even__content--gutter: var(--dsa-split-even__content--gutter_small, var(--ks-spacing-stack-s));
+}
+.l-split-even--content-gutter-large {
+  --dsa-split-even__content--gutter: var(--dsa-split-even__content--gutter_large, var(--ks-spacing-stack-xl));
+}
 .l-split-even--align-top {
   align-items: flex-start;
 }
@@ -62,15 +75,6 @@
 .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;
 }
@@ -80,6 +84,12 @@
 .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);
+.l-split-even__content {
+  flex: 1 1 var(--dsa-split-even__content--flex-basis);
+  display: flex;
+  flex-direction: column;
+  gap: var(--dsa-split-even__content--gutter);
+}
+.l-split-even__content .c-button {
+  width: fit-content;
 }