@kickstartds/ds-agency-premium 1.6.71--canary.55.2416.0 → 1.6.72--canary.43.2474.0

package/dist/components/split-weighted/split-weighted.schema.json

@@ -93,12 +93,33 @@
       "description": "Allowed components for the main half of the split layout",
       "items": {
         "anyOf": [
+          {
+            "$ref": "http://schema.mydesignsystem.com/blog-teaser.schema.json"
+          },
+          {
+            "$ref": "http://schema.mydesignsystem.com/business-card.schema.json"
+          },
+          {
+            "$ref": "http://schema.mydesignsystem.com/contact.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/event-latest-teaser.schema.json"
+          },
+          {
+            "$ref": "http://schema.mydesignsystem.com/event-list-teaser.schema.json"
+          },
           {
             "$ref": "http://schema.mydesignsystem.com/faq.schema.json"
           },
@@ -153,12 +174,33 @@
       "description": "Allowed components for the aside half of the split layout",
       "items": {
         "anyOf": [
+          {
+            "$ref": "http://schema.mydesignsystem.com/blog-teaser.schema.json"
+          },
+          {
+            "$ref": "http://schema.mydesignsystem.com/business-card.schema.json"
+          },
+          {
+            "$ref": "http://schema.mydesignsystem.com/contact.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/event-latest-teaser.schema.json"
+          },
+          {
+            "$ref": "http://schema.mydesignsystem.com/event-list-teaser.schema.json"
+          },
           {
             "$ref": "http://schema.mydesignsystem.com/faq.schema.json"
           },

package/dist/components/stats/stats.css

@@ -9,6 +9,7 @@
   --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__topic__font-weight: var(--dsa-topic--font-weight);
   --dsa-stats__copy--font: var(--ks-font-copy-s);
   --dsa-stats__copy--color: var(--ks-text-color-default);
 }
@@ -50,6 +51,7 @@
 .dsa-stats .c-count-up__topic {
   color: var(--dsa-stats__topic--color, var(--ks-text-color-display));
   font: var(--dsa-stats__topic__font, var(--ks-font-interface-xl));
+  font-weight: var(--dsa-stats__topic__font-weight, var(--dsa-topic--font-weight));
   text-align: center;
 }
 .dsa-stats .c-count-up__text {

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { TeaserCardProps } from "../../TeaserCardProps-994cb119.js";
+import { TeaserCardProps } from "../../TeaserCardProps-d069476f.js";
 declare const TeaserCardContextDefault: import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const TeaserCardContext: import("react").Context<import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const TeaserCard: import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/teaser-card/index.js

@@ -9,6 +9,7 @@ import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 
 const defaults = {
     "layout": "stack",
+    "centered": false,
     "button": {
         "chevron": false,
         "hidden": false
@@ -16,7 +17,7 @@ const defaults = {
     "imageRatio": "wide"
 };
 
-const TeaserCardContextDefault = forwardRef(({ headline, text, button, url, image, imageRatio = "wide", label, layout = "stack", ...rest }, ref) => (jsx(Container, { name: "teaser-card", children: jsxs("div", { className: classnames(`dsa-teaser-card`, `dsa-teaser-card--${layout}`, `dsa-teaser-card--${imageRatio}`, !image && "dsa-teaser-card--no-image"), children: [label && jsx("span", { className: "dsa-teaser-card__label", children: label }), jsx(TeaserBoxContextDefault, { ...rest, topic: headline, text: text, 
+const TeaserCardContextDefault = forwardRef(({ headline, text, button, url, image, imageRatio = "wide", label, layout = "stack", centered = false, ...rest }, ref) => (jsx(Container, { name: "teaser-card", children: jsxs("div", { className: classnames(`dsa-teaser-card`, `dsa-teaser-card--${layout}`, `dsa-teaser-card--${imageRatio}`, centered && `dsa-teaser-card--centered`, !image && "dsa-teaser-card--no-image"), children: [label && jsx("span", { className: "dsa-teaser-card__label", children: label }), jsx(TeaserBoxContextDefault, { ...rest, topic: headline, text: text, 
                 // @ts-expect-error
                 renderTopic: () => jsx(Fragment, { children: compiler(headline) }), link: {
                     hidden: button?.hidden,

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

@@ -6,14 +6,15 @@
 .dsa-teaser-card {
   --dsa-teaser-card--background: var(--ks-background-color-card-interactive);
   --dsa-teaser-card--border-width: var(--ks-border-width-default);
-  --dsa-teaser-card--border-color: transparent;
+  --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--border-radius: var(--ks-border-radius-card) var(--ks-border-radius-card)
+    var(--ks-border-radius-card) calc(var(--ks-border-radius-card) * 2);
   --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__body--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
+  --dsa-teaser-card__body--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
   --dsa-teaser-card__topic--color: var(--dsa-topic--color);
   --dsa-teaser-card__label--font: var(--ks-font-interface-s);
   --dsa-teaser-card__label--font-weight: var(--ks-font-weight-semi-bold);
@@ -41,7 +42,7 @@
 }
 @media (min-width: 48em) {
   .dsa-teaser-card {
-    --dsa-teaser-card__topic--font: var(--ks-font-display-s);
+    --dsa-teaser-card__topic--font: var(--ks-font-display-m);
     --dsa-teaser-card__copy--font: var(--ks-font-copy-s);
     --dsa-teaser-card--padding: var(--ks-spacing-inset-m);
     --dsa-teaser-card__button--font: var(--ks-font-interface-s);
@@ -49,7 +50,6 @@
   @container teaser-card (min-width: 400px) {
     .dsa-teaser-card {
       --dsa-teaser-card__copy--font: var(--ks-font-copy-m);
-      --dsa-teaser-card__topic--font: var(--ks-font-display-m);
       --dsa-teaser-card__button--font: var(--ks-font-interface-m);
     }
   }
@@ -70,6 +70,9 @@
   height: 100%;
   position: relative;
 }
+.dsa-teaser-card--centered .c-teaser {
+  text-align: center;
+}
 .dsa-teaser-card .c-teaser {
   --c-teaser--padding: var(--dsa-teaser-card--padding, var(--ks-spacing-inset-l));
   --c-teaser--background: var(--dsa-teaser-card--background, var(--ks-background-color-card-interactive));
@@ -115,7 +118,7 @@
   font: var(--dsa-teaser-card__copy--font, var(--ks-font-copy-m));
 }
 .dsa-teaser-card .c-teaser__topic {
-  color: var(--dsa-teaser__topic--color, var(--dsa-topic--color));
+  color: var(--dsa-teaser-card__topic--color, var(--dsa-topic--color));
   font: var(--dsa-teaser-card__topic--font, var(--dsa-topic--font));
   font-weight: var(--dsa-teaser-card__topic--font-weight, var(--dsa-topic--font-weight));
 }
@@ -140,6 +143,7 @@
 }
 .dsa-teaser-card .c-teaser__link .dsa-button {
   font: var(--dsa-teaser-card__button--font, var(--dsa-button_medium--font));
+  font-weight: var(--dsa-button--font-weight);
   padding: var(--dsa-teaser-card__button--padding, var(--dsa-button--padding));
 }
 @container teaser-card (min-width: 640px) {

package/dist/components/teaser-card/teaser-card.schema.dereffed.json

@@ -31,6 +31,12 @@
       "description": "Layout for the Teaser Card",
       "default": "stack"
     },
+    "centered": {
+      "type": "boolean",
+      "title": "Centered",
+      "description": "Whether the Teaser Card is centered",
+      "default": false
+    },
     "url": {
       "type": "string",
       "title": "Url",

package/dist/components/teaser-card/teaser-card.schema.json

@@ -28,6 +28,12 @@
       "description": "Layout for the Teaser Card",
       "default": "stack"
     },
+    "centered": {
+      "type": "boolean",
+      "title": "Centered",
+      "description": "Whether the Teaser Card is centered",
+      "default": false
+    },
     "url": {
       "type": "string",
       "title": "Url",

package/dist/components/testimonials/testimonials.css

@@ -21,7 +21,6 @@
   --dsa-testimonials__byline--font-weight: var(--ks-font-weight-regular);
   --dsa-testimonials__byline--color: var(--ks-text-color-copy);
   --dsa-testimonials__image--max-width: 40%;
-  --dsa-testimonials__list--gap: var(--ks-spacing-stack-xl);
 }
 @container quote (min-width: 640px) {
   .dsa-testimonials {
@@ -33,6 +32,9 @@
     --dsa-testimonials--padding-left: var(--ks-spacing-inline-xl);
   }
 }
+.dsa-testimonials {
+  --dsa-testimonials__list--gap: var(--ks-spacing-stack-xl);
+}
 
 .dsa-testimonials .c-quote {
   --c-quote_text--font: var(--dsa-testimonials__quote--font, var(--ks-font-copy-l));