@kickstartds/ds-agency-premium 1.6.71--canary.45.1992.0 → 1.6.71--canary.45.1999.0

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

@@ -167,12 +167,21 @@
       "description": "Allowed components for content",
       "items": {
         "anyOf": [
+          {
+            "$ref": "http://schema.mydesignsystem.com/business-card.schema.json"
+          },
+          {
+            "$ref": "http://schema.mydesignsystem.com/content-nav.schema.json"
+          },
           {
             "$ref": "http://schema.mydesignsystem.com/cta.schema.json"
           },
           {
             "$ref": "http://schema.mydesignsystem.com/divider.schema.json"
           },
+          {
+            "$ref": "http://schema.mydesignsystem.com/downloads.schema.json"
+          },
           {
             "$ref": "http://schema.mydesignsystem.com/faq.schema.json"
           },
@@ -203,6 +212,12 @@
           {
             "$ref": "http://schema.mydesignsystem.com/slider.schema.json"
           },
+          {
+            "$ref": "http://schema.mydesignsystem.com/split-even.schema.json"
+          },
+          {
+            "$ref": "http://schema.mydesignsystem.com/split-weighted.schema.json"
+          },
           {
             "$ref": "http://schema.mydesignsystem.com/stats.schema.json"
           },

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

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
 import { SliderProps } from "../../SliderProps-789f8508.js";
+declare const SliderContextDefault: import("react").ForwardRefExoticComponent<SliderProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const SliderContext: import("react").Context<import("react").ForwardRefExoticComponent<SliderProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export type { SliderProps };
-export { Slider };
+export { SliderContextDefault, SliderContext, Slider };

package/dist/components/slider/index.js

@@ -1,9 +1,25 @@
 import "./slider.css";
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { forwardRef, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { Slider as Slider$1 } from '@kickstartds/content/lib/slider';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 
-const Slider = forwardRef(({ gap, variant, autoplay, arrows, teaseNeighbours, equalHeight, children, className, ...props }, ref) => (jsx(Slider$1, { className: classnames(`dsa-slider`, className), gap: gap, type: variant, arrows: arrows, autoplay: autoplay, teaseNeighbours: teaseNeighbours, equalHeight: equalHeight, ...props, ref: ref, children: children })));
+const defaults = {
+    "autoplay": false,
+    "teaseNeighbours": false,
+    "equalHeight": true,
+    "gap": 0,
+    "variant": "carousel",
+    "components": []
+};
 
-export { Slider };
+const SliderContextDefault = forwardRef(({ gap, variant, autoplay, arrows, teaseNeighbours, equalHeight, children, className, ...props }, ref) => (jsx(Slider$1, { className: classnames(`dsa-slider`, className), gap: gap, type: variant, arrows: arrows, autoplay: autoplay, teaseNeighbours: teaseNeighbours, equalHeight: equalHeight, ...props, ref: ref, children: children })));
+const SliderContext = createContext(SliderContextDefault);
+const Slider = forwardRef((props, ref) => {
+    const Component = useContext(SliderContext);
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+});
+Slider.displayName = "Slider";
+
+export { Slider, SliderContext, SliderContextDefault };

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

@@ -1,74 +1,12 @@
 /// <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.
- */
-import { CtaProps } from "../../CtaProps-789f8508.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-fec6b267.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-789f8508.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 half of the split layout
- */
-type ContentMinimumWidth = "narrow" | "medium" | "wide";
-/**
- * Sets the space between the content inside the two halves of the split layout
- */
-type ContentGutter = "small" | "default" | "large" | "none";
-/**
- * Reverses the order of the sections on mobile devices
- */
-type MobileReverse = boolean;
-/**
- * Aligns the content vertically within the sections
- */
-type VerticalAlignment = "top" | "center" | "bottom" | "sticky";
-/**
- * Sets the vertical space between the content of the split layout
- */
-type VerticalGutter = "large" | "default" | "small" | "none";
-/**
- * Sets the horizontal space between the content of the split layout
- */
-type HorizontalGutter = "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 {
-    contentMinWidth?: ContentMinimumWidth;
-    contentGutter?: ContentGutter;
-    mobileReverse?: MobileReverse;
-    verticalAlign?: VerticalAlignment;
-    verticalGutter?: VerticalGutter;
-    horizontalGutter?: HorizontalGutter;
-    firstComponents?: First;
-    secondComponents?: Second;
-}
+import { HTMLAttributes } from "react";
+import { SplitEvenProps } from "../../SplitEvenProps-789f8508.js";
 interface ComponentProps {
-    first?: React.ReactNode;
-    second?: React.ReactNode;
+    firstComponents?: React.ReactNode;
+    secondComponents?: React.ReactNode;
 }
-type SplitEvenComponentProps = SplitEvenProps & ComponentProps;
-declare const SplitEven: FC<SplitEvenComponentProps>;
-export { ComponentProps, SplitEvenComponentProps, SplitEven };
+type SplitEvenComponentProps = Omit<SplitEvenProps, "firstComponents" | "secondComponents"> & ComponentProps;
+declare const SplitEvenContextDefault: import("react").ForwardRefExoticComponent<Omit<SplitEvenProps, "firstComponents" | "secondComponents"> & ComponentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const SplitEvenContext: import("react").Context<import("react").ForwardRefExoticComponent<Omit<SplitEvenProps, "firstComponents" | "secondComponents"> & ComponentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const SplitEven: import("react").ForwardRefExoticComponent<Omit<SplitEvenProps, "firstComponents" | "secondComponents"> & ComponentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { ComponentProps, SplitEvenComponentProps, SplitEvenContextDefault, SplitEvenContext, SplitEven };

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

@@ -1,7 +1,26 @@
 import "./split-even.css";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
+import { forwardRef, createContext, useContext } from 'react';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 
-const SplitEven = ({ mobileReverse = false, contentMinWidth = "medium", verticalAlign = "top", horizontalGutter = "default", verticalGutter = "default", contentGutter = "default", first, second, }) => (jsxs("div", { className: classnames("l-split-even", mobileReverse && "l-split-even--mobile-reverse", horizontalGutter && `l-split-even--h-gutter-${horizontalGutter}`, verticalGutter && `l-split-even--v-gutter-${verticalGutter}`, contentMinWidth && `l-split-even--width-${contentMinWidth}`, verticalAlign && `l-split-even--align-${verticalAlign}`), children: [jsx("div", { className: classnames("l-split-even__content l-split-even__content--first", contentGutter && `l-split-even__content--gutter-${contentGutter}`), children: verticalAlign === "sticky" ? (jsx("div", { className: "l-split-even__sticky-container", children: first })) : (first) }), jsx("div", { className: classnames("l-split-even__content l-split-even__content--second", contentGutter && `l-split-even__content--gutter-${contentGutter}`), children: verticalAlign === "sticky" ? (jsx("div", { className: "l-split-even__sticky-container", children: second })) : (second) })] }));
+const defaults = {
+    "contentMinWidth": "medium",
+    "contentGutter": "default",
+    "mobileReverse": false,
+    "verticalAlign": "top",
+    "verticalGutter": "default",
+    "horizontalGutter": "default",
+    "firstComponents": [],
+    "secondComponents": []
+};
 
-export { SplitEven };
+const SplitEvenContextDefault = forwardRef(({ mobileReverse = false, contentMinWidth = "medium", verticalAlign = "top", horizontalGutter = "default", verticalGutter = "default", contentGutter = "default", firstComponents, secondComponents, }, ref) => (jsxs("div", { ref: ref, className: classnames("l-split-even", mobileReverse && "l-split-even--mobile-reverse", horizontalGutter && `l-split-even--h-gutter-${horizontalGutter}`, verticalGutter && `l-split-even--v-gutter-${verticalGutter}`, contentMinWidth && `l-split-even--width-${contentMinWidth}`, verticalAlign && `l-split-even--align-${verticalAlign}`), children: [jsx("div", { className: classnames("l-split-even__content l-split-even__content--first", contentGutter && `l-split-even__content--gutter-${contentGutter}`), children: verticalAlign === "sticky" ? (jsx("div", { className: "l-split-even__sticky-container", children: firstComponents })) : (firstComponents) }), jsx("div", { className: classnames("l-split-even__content l-split-even__content--second", contentGutter && `l-split-even__content--gutter-${contentGutter}`), children: verticalAlign === "sticky" ? (jsx("div", { className: "l-split-even__sticky-container", children: secondComponents })) : (secondComponents) })] })));
+const SplitEvenContext = createContext(SplitEvenContextDefault);
+const SplitEven = forwardRef((props, ref) => {
+    const Component = useContext(SplitEvenContext);
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+});
+SplitEven.displayName = "SplitEven";
+
+export { SplitEven, SplitEvenContext, SplitEvenContextDefault };

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

@@ -1,104 +1,12 @@
 /// <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.
- */
-import { CtaProps } from "../../CtaProps-789f8508.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-fec6b267.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-789f8508.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 vertical space between the content of the split layout
- */
-type VerticalGutter = "large" | "default" | "small" | "none";
-/**
- * Sets the horizontal space between the content of the split layout
- */
-type HorizontalGutter = "large" | "default" | "small" | "none";
-/**
- * Aligns the content vertically within the sections
- */
-type VerticalAlignment = "top" | "center" | "bottom" | "sticky";
-/**
- * Sets the space between the content of the split layout
- */
-type ContentGutter = "large" | "default" | "small" | "none";
-/**
- * Sets the minimum width of the main section
- */
-type MinimumWidth = "narrow" | "default" | "wide";
-/**
- * Size of gutter to use
- */
-type Gutter = "large" | "default" | "small" | "none";
-/**
- * Sets the minimum width of the main section
- */
-type MinimumWidth1 = "narrow" | "default" | "wide";
-/**
- * Determines the order of sections on mobile devices
- */
-type MobileOrder = "mainFirst" | "asideFirst";
-/**
- * Determines the order of sections on desktop devices
- */
-type DesktopOrder = "mainFirst" | "asideFirst";
-/**
- * Allowed components for the main half of the split layout
- */
-type Main = (CtaProps | DividerProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | HtmlProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
-/**
- * Allowed components for the aside half of the split layout
- */
-type Aside = (CtaProps | DividerProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | HtmlProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
-interface SplitWeightedProps {
-    verticalGutter?: VerticalGutter;
-    horizontalGutter?: HorizontalGutter;
-    verticalAlign?: VerticalAlignment;
-    mainLayout?: MainLayout;
-    asideLayout?: AsideLayout;
-    order?: Order;
-    mainComponents?: Main;
-    asideComponents?: Aside;
-}
-interface MainLayout {
-    gutter?: ContentGutter;
-    minWidth?: MinimumWidth;
-}
-/**
- * Layout settings for the aside section of the split layout
- */
-interface AsideLayout {
-    gutter?: Gutter;
-    minWidth?: MinimumWidth1;
-}
-/**
- * Sets the order of the main and aside sections in the split layout
- */
-interface Order {
-    mobile?: MobileOrder;
-    desktop?: DesktopOrder;
-}
+import { HTMLAttributes } from "react";
+import { SplitWeightedProps } from "../../SplitWeightedProps-789f8508.js";
 interface ComponentProps {
     main?: React.ReactNode;
     aside?: React.ReactNode;
 }
-type SplitWeightedComponentProps = SplitWeightedProps & ComponentProps;
-declare const SplitWeighted: FC<SplitWeightedComponentProps>;
-export { ComponentProps, SplitWeightedComponentProps, SplitWeighted };
+type SplitWeightedComponentProps = Omit<SplitWeightedProps, "main" | "aside"> & ComponentProps;
+declare const SplitWeightedContextDefault: import("react").ForwardRefExoticComponent<Omit<SplitWeightedProps, "main" | "aside"> & ComponentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const SplitWeightedContext: import("react").Context<import("react").ForwardRefExoticComponent<Omit<SplitWeightedProps, "main" | "aside"> & ComponentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const SplitWeighted: import("react").ForwardRefExoticComponent<Omit<SplitWeightedProps, "main" | "aside"> & ComponentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { ComponentProps, SplitWeightedComponentProps, SplitWeightedContextDefault, SplitWeightedContext, SplitWeighted };

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

@@ -1,13 +1,42 @@
 import "./split-weighted.css";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
+import { forwardRef, createContext, useContext } from 'react';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 
-const SplitWeighted = ({ order, mainLayout, asideLayout, horizontalGutter = "default", verticalGutter = "default", main, aside, verticalAlign = "top", }) => (jsxs("div", { className: classnames("l-split-weighted", order?.desktop === "asideFirst" &&
-        "l-split-weighted--desktop-aside-first", order?.mobile === "asideFirst" && "l-split-weighted--mobile-aside-first", horizontalGutter && `l-split-weighted--h-gutter-${horizontalGutter}`, verticalGutter && `l-split-weighted--v-gutter-${verticalGutter}`, verticalAlign && `l-split-weighted--align-${verticalAlign}`), children: [jsx("div", { className: classnames("l-split-weighted__main l-split-weighted__content", mainLayout?.gutter &&
+const defaults = {
+    "verticalGutter": "default",
+    "horizontalGutter": "default",
+    "verticalAlign": "top",
+    "mainLayout": {
+        "gutter": "default",
+        "minWidth": "wide"
+    },
+    "asideLayout": {
+        "gutter": "default",
+        "minWidth": "default"
+    },
+    "order": {
+        "mobile": "mainFirst",
+        "desktop": "mainFirst"
+    },
+    "mainComponents": [],
+    "asideComponents": []
+};
+
+const SplitWeightedContextDefault = forwardRef(({ order, mainLayout, asideLayout, horizontalGutter = "default", verticalGutter = "default", main, aside, verticalAlign = "top", }, ref) => (jsxs("div", { ref: ref, className: classnames("l-split-weighted", order?.desktop === "asideFirst" &&
+        "l-split-weighted--desktop-aside-first", order?.mobile === "asideFirst" &&
+        "l-split-weighted--mobile-aside-first", horizontalGutter && `l-split-weighted--h-gutter-${horizontalGutter}`, verticalGutter && `l-split-weighted--v-gutter-${verticalGutter}`, verticalAlign && `l-split-weighted--align-${verticalAlign}`), children: [jsx("div", { className: classnames("l-split-weighted__main l-split-weighted__content", mainLayout?.gutter &&
                 `l-split-weighted__main--gutter-${mainLayout.gutter}`, mainLayout?.minWidth &&
                 `l-split-weighted__main--width-${mainLayout.minWidth}`), children: jsx("div", { className: classnames("l-split-weighted__content-container", mainLayout?.gutter &&
                     `l-split-weighted__content-container--gutter-${mainLayout.gutter}`), children: main }) }), jsx("div", { className: classnames("l-split-weighted__aside l-split-weighted__content", asideLayout?.minWidth &&
                 `l-split-weighted__aside--width-${asideLayout.minWidth}`), children: jsx("div", { className: classnames("l-split-weighted__content-container", asideLayout?.gutter &&
-                    `l-split-weighted__content-container--gutter-${asideLayout.gutter}`), children: aside }) })] }));
+                    `l-split-weighted__content-container--gutter-${asideLayout.gutter}`), children: aside }) })] })));
+const SplitWeightedContext = createContext(SplitWeightedContextDefault);
+const SplitWeighted = forwardRef((props, ref) => {
+    const Component = useContext(SplitWeightedContext);
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+});
+SplitWeighted.displayName = "SplitWeighted";
 
-export { SplitWeighted };
+export { SplitWeighted, SplitWeightedContext, SplitWeightedContextDefault };

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 10:35:08 GMT
+ * Generated on Fri, 01 Aug 2025 10:57:08 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 10:35:13 GMT
+ * Generated on Fri, 01 Aug 2025 10:57:13 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 10:35:11 GMT
+ * Generated on Fri, 01 Aug 2025 10:57:10 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 10:35:15 GMT
+ * Generated on Fri, 01 Aug 2025 10:57:15 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 10:35:06 GMT
+ * Generated on Fri, 01 Aug 2025 10:57:05 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 01 Aug 2025 10:35:06 GMT
+ * Generated on Fri, 01 Aug 2025 10:57:06 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.71--canary.45.1992.0",
+  "version": "1.6.71--canary.45.1999.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {