@kickstartds/ds-agency-premium 1.6.71--canary.1995.06395ed.0 → 1.6.71--canary.45.1999.0

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

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

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

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-00ddee3a.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-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_small);
+  --dsa-split-even__content--flex-basis_narrow: var(--dsa-tile--width_medium);
   --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,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-00ddee3a.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/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-s);
+  --dsa-stats__item--gap: var(--ks-spacing-stack-xs);
   --dsa-stats__icon--color: var(--ks-text-color-primary);
-  --dsa-stats__icon--size: 4em;
-  --dsa-stats__number--font: var(--ks-font-display-xxl);
+  --dsa-stats__icon--size: 5em;
+  --dsa-stats__number--font: var(--ks-font-display-xl);
   --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-m);
+  --dsa-stats__copy--font: var(--ks-font-copy-s);
   --dsa-stats__copy--color: var(--ks-text-color-default);
 }
 

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

@@ -8,28 +8,27 @@
   --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);
-  --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--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__topic--color: var(--dsa-topic--color);
-  --dsa-teaser-card__label--font: var(--ks-font-interface-xs);
+  --dsa-teaser-card__label--font: var(--ks-font-interface-s);
   --dsa-teaser-card__label--font-weight: var(--ks-font-weight-semi-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--color: var(--ks-text-color-primary);
+  --dsa-teaser-card__label--background-color: var(--ks-background-color-bold);
   --dsa-teaser-card__label--padding: 0.5em 1em;
   --dsa-teaser-card__label--border-radius: var(--ks-border-radius-pill);
-  --dsa-teaser-card__label--border: 0;
+  --dsa-teaser-card__label--border: 1px solid var(--ks-border-color-interface);
   --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.85em;
+  --dsa-teaser-card__copy--margin-top: 0.5em;
   --dsa-teaser-card__button--font: var(--ks-font-interface-s);
 }
 @container teaser-card (min-width: 400px) {
@@ -125,12 +124,13 @@
 .dsa-teaser-card .dsa-teaser-card__label {
   position: absolute;
   z-index: 1;
-  top: var(--ks-spacing-inset-xs);
-  right: var(--ks-spacing-inset-xs);
+  top: 0;
+  right: 0;
   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-text-color-primary);
+  --dsa-typo--highlight: var(--ks-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: 3.5rem;
+    --dsa-logo--height: 2.5rem;
   }
 }
 

package/dist/static/favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>