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

package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-7caa223c.d.ts}

@@ -3,8 +3,8 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-7caa223c.js";
-import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
+import { SectionProps } from "./SectionProps-00ddee3a.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
 import { CtaProps } from "./CtaProps-babe4ee6.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-c760fd2a.d.ts}

@@ -3,9 +3,9 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
+import { BlogHeadProps } from "./BlogHeadProps-f5855e93.js";
 import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
-import { SectionProps } from "./SectionProps-7caa223c.js";
+import { SectionProps } from "./SectionProps-00ddee3a.js";
 import { CtaProps } from "./CtaProps-babe4ee6.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/{PageProps-aa29c554.d.ts → PageProps-7caa223c.d.ts}

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-7caa223c.js";
+import { SectionProps } from "./SectionProps-00ddee3a.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Collection of sections (with their contents) to render on the page

package/dist/{SectionProps-7caa223c.d.ts → SectionProps-00ddee3a.d.ts}

@@ -10,7 +10,7 @@ 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 { ImageStoryProps } from "./ImageStoryProps-00ddee3a.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

package/dist/components/blog-head/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BlogHeadProps } from "../../BlogHeadProps-c04a5ed8.js";
+import { BlogHeadProps } from "../../BlogHeadProps-f5855e93.js";
 declare const BlogHeadContextDefault: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogHeadContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogHead: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/blog-overview/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
+import { BlogOverviewProps } from "../../BlogOverviewProps-7caa223c.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
 export type { BlogOverviewProps };

package/dist/components/blog-post/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
+import { BlogPostProps } from "../../BlogPostProps-c760fd2a.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export type { BlogPostProps };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
+import { BlogTeaserProps } from "../../BlogTeaserProps-d62a0a9a.js";
 declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/image-story/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "../../ImageStoryProps-00ddee3a.js";
 declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -29,8 +29,8 @@ interface SettingsProps {
     seo: SeoProps;
     iconSprite?: IconSprite;
 }
-export * from "../../BlogPostProps-6b3cff22.js";
-export * from "../../BlogOverviewProps-9f207f1c.js";
-export * from "../../PageProps-aa29c554.js";
+export * from "../../BlogPostProps-c760fd2a.js";
+export * from "../../BlogOverviewProps-7caa223c.js";
+export * from "../../PageProps-7caa223c.js";
 export { IconSprite, SettingsProps };
 export * from "../../EventDetailProps-42a7eebe.js";

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

@@ -1,4 +1,4 @@
-import { PageProps } from "../../PageProps-aa29c554.js";
+import { PageProps } from "../../PageProps-7caa223c.js";
 import { FC, PropsWithChildren } from "react";
 declare const Page: FC<PropsWithChildren<PageProps>>;
 export type { PageProps };

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 27 Jun 2025 09:42:30 GMT
+ * Generated on Mon, 30 Jun 2025 12:04:58 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { SectionProps } from "../../SectionProps-7caa223c.js";
+import { SectionProps } from "../../SectionProps-00ddee3a.js";
 declare const SectionContextDefault: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const SectionContext: import("react").Context<import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;

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/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 27 Jun 2025 09:42:32 GMT
+ * Generated on Mon, 30 Jun 2025 12:05:01 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, 27 Jun 2025 09:42:37 GMT
+ * Generated on Mon, 30 Jun 2025 12:05:04 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, 27 Jun 2025 09:42:35 GMT
+ * Generated on Mon, 30 Jun 2025 12:05:03 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, 27 Jun 2025 09:42:40 GMT
+ * Generated on Mon, 30 Jun 2025 12:05:06 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, 27 Jun 2025 09:42:30 GMT
+ * Generated on Mon, 30 Jun 2025 12:04:58 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 27 Jun 2025 09:42:30 GMT
+ * Generated on Mon, 30 Jun 2025 12:04:59 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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