@kickstartds/ds-agency-premium 1.6.71--canary.45.1999.0 → 1.6.71--canary.2001.882b3ec.0

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

@@ -16,7 +16,14 @@
       "type": "string",
       "title": "Style",
       "description": "Style of background",
-      "enum": ["default", "framed", "deko"],
+      "enum": [
+        "default",
+        "framed",
+        "shine-left",
+        "shine-right",
+        "carbon",
+        "stripe"
+      ],
       "default": "default"
     },
     "backgroundColor": {
@@ -167,21 +174,12 @@
       "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"
           },
@@ -212,12 +210,6 @@
           {
             "$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/settings/settings.schema.dereffed.json

@@ -132,43 +132,51 @@
           "examples": [
             [
               {
-                "label": "Active Item",
+                "label": "Fahrzeugsuche",
                 "url": "#",
                 "active": true
               },
               {
-                "label": "Navigation Item",
-                "url": "#"
-              },
-              {
-                "label": "Dropdown",
+                "label": "Marken",
                 "url": "#",
                 "items": [
                   {
-                    "label": "Level 2 Item",
+                    "label": "Nissan",
                     "url": "#"
                   },
                   {
-                    "label": "Active Item",
+                    "label": "Kia",
                     "active": true,
                     "url": "#"
                   },
                   {
-                    "label": "An Item with a longer Label",
+                    "label": "Maserati",
                     "url": "#"
                   },
                   {
-                    "label": "And One last one",
+                    "label": "Corvette",
                     "url": "#"
                   }
                 ]
               },
               {
-                "label": "One more Item",
+                "label": "Standorte",
+                "url": "#"
+              },
+              {
+                "label": "Bonusprogramm",
+                "url": "#"
+              },
+              {
+                "label": "News",
+                "url": "#"
+              },
+              {
+                "label": "Jobs",
                 "url": "#"
               },
               {
-                "label": "Last Item",
+                "label": "Kontakt",
                 "url": "#"
               }
             ]
@@ -286,43 +294,51 @@
           "examples": [
             [
               {
-                "label": "Active Item",
+                "label": "Fahrzeugsuche",
                 "url": "#",
                 "active": true
               },
               {
-                "label": "Navigation Item",
-                "url": "#"
-              },
-              {
-                "label": "Dropdown",
+                "label": "Marken",
                 "url": "#",
                 "items": [
                   {
-                    "label": "Level 2 Item",
+                    "label": "Nissan",
                     "url": "#"
                   },
                   {
-                    "label": "Active Item",
+                    "label": "Kia",
                     "active": true,
                     "url": "#"
                   },
                   {
-                    "label": "An Item with a longer Label",
+                    "label": "Maserati",
                     "url": "#"
                   },
                   {
-                    "label": "And One last one",
+                    "label": "Corvette",
                     "url": "#"
                   }
                 ]
               },
               {
-                "label": "One more Item",
+                "label": "Standorte",
+                "url": "#"
+              },
+              {
+                "label": "Bonusprogramm",
+                "url": "#"
+              },
+              {
+                "label": "News",
+                "url": "#"
+              },
+              {
+                "label": "Jobs",
                 "url": "#"
               },
               {
-                "label": "Last Item",
+                "label": "Kontakt",
                 "url": "#"
               }
             ]

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

@@ -1,8 +1,6 @@
 /// <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 { SliderContextDefault, SliderContext, Slider };
+export { Slider };

package/dist/components/slider/index.js

@@ -1,25 +1,9 @@
 import "./slider.css";
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
+import { forwardRef } 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 defaults = {
-    "autoplay": false,
-    "teaseNeighbours": false,
-    "equalHeight": true,
-    "gap": 0,
-    "variant": "carousel",
-    "components": []
-};
+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 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 };
+export { Slider };

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

@@ -1,12 +1,74 @@
 /// <reference types="react" />
-import { HTMLAttributes } from "react";
-import { SplitEvenProps } from "../../SplitEvenProps-789f8508.js";
+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;
+}
 interface ComponentProps {
-    firstComponents?: React.ReactNode;
-    secondComponents?: React.ReactNode;
+    first?: React.ReactNode;
+    second?: React.ReactNode;
 }
-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 };
+type SplitEvenComponentProps = SplitEvenProps & ComponentProps;
+declare const SplitEven: FC<SplitEvenComponentProps>;
+export { ComponentProps, SplitEvenComponentProps, SplitEven };

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

@@ -1,26 +1,7 @@
 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 defaults = {
-    "contentMinWidth": "medium",
-    "contentGutter": "default",
-    "mobileReverse": false,
-    "verticalAlign": "top",
-    "verticalGutter": "default",
-    "horizontalGutter": "default",
-    "firstComponents": [],
-    "secondComponents": []
-};
+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 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 };
+export { SplitEven };

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

@@ -9,7 +9,7 @@
   --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_medium);
+  --dsa-split-even__content--flex-basis_narrow: var(--dsa-tile--width_small);
   --dsa-split-even__content--flex-basis_medium: var(--dsa-tile--width_large);
   --dsa-split-even__content--flex-basis_wide: var(--dsa-tile--width_largest);
 }

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

@@ -1,12 +1,104 @@
 /// <reference types="react" />
-import { HTMLAttributes } from "react";
-import { SplitWeightedProps } from "../../SplitWeightedProps-789f8508.js";
+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;
+}
 interface ComponentProps {
     main?: React.ReactNode;
     aside?: React.ReactNode;
 }
-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 };
+type SplitWeightedComponentProps = SplitWeightedProps & ComponentProps;
+declare const SplitWeighted: FC<SplitWeightedComponentProps>;
+export { ComponentProps, SplitWeightedComponentProps, SplitWeighted };

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

@@ -1,42 +1,13 @@
 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 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 &&
+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 &&
                 `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 }) })] })));
-const SplitWeightedContext = createContext(SplitWeightedContextDefault);
-const SplitWeighted = forwardRef((props, ref) => {
-    const Component = useContext(SplitWeightedContext);
-    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
-});
-SplitWeighted.displayName = "SplitWeighted";
+                    `l-split-weighted__content-container--gutter-${asideLayout.gutter}`), children: aside }) })] }));
 
-export { SplitWeighted, SplitWeightedContext, SplitWeightedContextDefault };
+export { SplitWeighted };

package/dist/components/stats/stats.css

@@ -1,15 +1,15 @@
 .dsa-stats {
   --dsa-stats--gap-vertical: var(--ks-spacing-stack-l);
   --dsa-stats--gap-horizontal: var(--ks-spacing-inline-m);
-  --dsa-stats__item--gap: var(--ks-spacing-stack-xs);
+  --dsa-stats__item--gap: var(--ks-spacing-stack-s);
   --dsa-stats__icon--color: var(--ks-text-color-primary);
-  --dsa-stats__icon--size: 5em;
-  --dsa-stats__number--font: var(--ks-font-display-xl);
+  --dsa-stats__icon--size: 4em;
+  --dsa-stats__number--font: var(--ks-font-display-xxl);
   --dsa-stats__number--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-stats__number--background: var(--dsa-typo--highlight);
   --dsa-stats__topic__font: var(--ks-font-interface-xl);
   --dsa-stats__topic--color: var(--ks-text-color-display);
-  --dsa-stats__copy--font: var(--ks-font-copy-s);
+  --dsa-stats__copy--font: var(--ks-font-copy-m);
   --dsa-stats__copy--color: var(--ks-text-color-default);
 }
 

package/dist/components/teaser-card/teaser-card.css

@@ -8,27 +8,28 @@
   --dsa-teaser-card--border-width: var(--ks-border-width-default);
   --dsa-teaser-card--border-color: var(--ks-border-color-card-interactive);
   --dsa-teaser-card--border-color_hover: var(--ks-border-color-card-interactive-hover);
-  --dsa-teaser-card--border-radius: var(--ks-border-radius-card) var(--ks-border-radius-card)
-    var(--ks-border-radius-card) calc(var(--ks-border-radius-card) * 3);
-  --dsa-teaser-card--shadow: none;
-  --dsa-teaser-card--shadow_hover: none;
-  --dsa-teaser-card__image--transform_hover: scale(1.05);
-  --dsa-teaser-card__image--transition: transform var(--ks-transition-hover);
+  --dsa-teaser-card--border-radius: var(--ks-border-radius-card);
+  --dsa-teaser-card--shadow: 0px 0px 1px rgba(0, 0, 0, 0.01), 0px 2px 4px rgba(0, 0, 0, 0.02),
+    0px 4px 9px rgba(0, 0, 0, 0.03), 0px 6px 15px rgba(0, 0, 0, 0.04), 0px 10px 24px rgba(0, 0, 0, 0.05);
+  --dsa-teaser-card--shadow_hover: 0px 0px 1px rgba(0, 0, 0, 0.01), 0px 2px 4px rgba(0, 0, 0, 0.02),
+    0px 4px 9px rgba(0, 0, 0, 0.03), 0px 6px 15px rgba(0, 0, 0, 0.04), 0px 10px 24px rgba(0, 0, 0, 0.05);
+  --dsa-teaser-card__image--transform_hover: scale(1.1);
+  --dsa-teaser-card__image--transition: transform var(--ks-transition-fade);
   --dsa-teaser-card__topic--color: var(--dsa-topic--color);
-  --dsa-teaser-card__label--font: var(--ks-font-interface-s);
+  --dsa-teaser-card__label--font: var(--ks-font-interface-xs);
   --dsa-teaser-card__label--font-weight: var(--ks-font-weight-semi-bold);
-  --dsa-teaser-card__label--color: var(--ks-text-color-primary);
-  --dsa-teaser-card__label--background-color: var(--ks-background-color-bold);
+  --dsa-teaser-card__label--color: var(--dsa-text-color-on-primary);
+  --dsa-teaser-card__label--background-color: var(--ks-background-color-primary);
   --dsa-teaser-card__label--padding: 0.5em 1em;
   --dsa-teaser-card__label--border-radius: var(--ks-border-radius-pill);
-  --dsa-teaser-card__label--border: 1px solid var(--ks-border-color-interface);
+  --dsa-teaser-card__label--border: 0;
   --dsa-teaser-card__button--font: var(--ks-font-interface-m);
   --dsa-teaser-card--padding: var(--ks-spacing-inset-m);
   --dsa-teaser-card__topic--font: var(--ks-font-display-m);
   --dsa-teaser-card__topic--font-weight: var(--dsa-topic--font-weight);
   --dsa-teaser-card__copy--font: var(--ks-font-copy-s);
   --dsa-teaser-card__copy--color: var(--ks-text-color-default);
-  --dsa-teaser-card__copy--margin-top: 0.5em;
+  --dsa-teaser-card__copy--margin-top: 0.85em;
   --dsa-teaser-card__button--font: var(--ks-font-interface-s);
 }
 @container teaser-card (min-width: 400px) {
@@ -124,13 +125,12 @@
 .dsa-teaser-card .dsa-teaser-card__label {
   position: absolute;
   z-index: 1;
-  top: 0;
-  right: 0;
+  top: var(--ks-spacing-inset-xs);
+  right: var(--ks-spacing-inset-xs);
   border-radius: var(--dsa-teaser-card__label--border-radius);
   border: var(--dsa-teaser-card__label--border, 0);
   pointer-events: initial;
   padding: var(--dsa-teaser-card__label--padding);
-  transform: translate(0.5em, -50%);
   font: var(--dsa-teaser-card__label--font);
   text-align: center;
   font-weight: var(--dsa-teaser-card__label--font-weight);

package/dist/global.css

@@ -312,7 +312,7 @@ h3 {
   --dsa-link--color_hover: var(--ks-text-color-default-interactive-hover);
   --dsa-link--text-decoration: none;
   --dsa-link--text-decoration_hover: none;
-  --dsa-typo--highlight: var(--ks-color-primary);
+  --dsa-typo--highlight: var(--ks-text-color-primary);
   --dsa-content--horizontal-spacing: var(--ks-spacing-inset-l);
   --dsa-content--vertical-spacing: var(--ks-spacing-xxl);
   --dsa-content--width_narrow: calc(var(--ks-font-size-copy-m) * 34);
@@ -340,7 +340,7 @@ h3 {
 }
 @media (min-width: 62em) {
   :root, [ks-inverted], [ks-theme] {
-    --dsa-logo--height: 2.5rem;
+    --dsa-logo--height: 3.5rem;
   }
 }
 
@@ -661,6 +661,16 @@ h3 {
 :root .c-form-check--radio, [ks-inverted] .c-form-check--radio, [ks-theme] .c-form-check--radio {
   --c-form-check_box--border-radius: var(--dsa-check_radio--border-radius, var(--ks-border-radius-circle));
 }
+:root .c-form-check-group, [ks-inverted] .c-form-check-group, [ks-theme] .c-form-check-group {
+  display: flex;
+  gap: var(--ks-spacing-stack-xs);
+  flex-direction: column;
+}
+:root .c-form-check-group__group, [ks-inverted] .c-form-check-group__group, [ks-theme] .c-form-check-group__group {
+  display: flex;
+  gap: var(--ks-spacing-xxs);
+  flex-direction: column;
+}
 :root .c-form-field, [ks-inverted] .c-form-field, [ks-theme] .c-form-field {
   --c-form-field_label--padding: 0 0 var(--dsa-input__label--padding-bottom, 0.25em) 0;
   --c-form-field--border: var(--dsa-input--border, var(--ks-border-width-default) solid);