@kickstartds/ds-agency-premium 1.5.2 → 1.5.3

package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-68c71984.d.ts}

@@ -5,7 +5,7 @@
  */
 import { SectionProps } from "./SectionProps-83d399b4.js";
 import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
-import { CtaProps } from "./CtaProps-93230a76.js";
+import { ContactProps } from "./ContactProps-68c71984.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Collection of sections (with their contents) to render as the blog overview intro
@@ -46,9 +46,9 @@ interface BlogOverviewProps {
     moreTitle?: MoreTitle;
     more?: Posts1;
     /**
-     * Referenced component CtaProps
+     * Referenced component ContactProps
      */
-    cta?: CtaProps;
+    contact?: ContactProps;
     /**
      * Referenced component SeoProps
      */

package/dist/ContactProps-68c71984.d.ts

@@ -0,0 +1,65 @@
+/**
+ * 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.
+ */
+/**
+ * URL of the image to display
+ */
+type ImageSource = string;
+/**
+ * Alt text of the image
+ */
+type AltText = string;
+/**
+ * Image uses all the horizontal space vailable
+ */
+type FullWidth = boolean;
+/**
+ * Aspect Ratio of the Images
+ */
+type AspectRatio = "wide" | "square" | "vertical";
+/**
+ * Name, company name, etc.
+ */
+type Title = string;
+/**
+ * Position, profession, department, location, etc.
+ */
+type Subtitle = string;
+/**
+ * Open link in new Tab
+ */
+type OpenLinkInNewTab = boolean;
+type CopyText = string;
+/**
+ * Additional css classes attached to the wrapping element
+ */
+type Class = string;
+/**
+ * Optional custom component identifier
+ */
+type KsComponentAttribute = string;
+/**
+ * Component used for user interaction
+ */
+interface ContactProps {
+    image?: {
+        src?: ImageSource;
+        alt?: AltText;
+        fullWidth?: FullWidth;
+        aspectRatio?: AspectRatio;
+    };
+    title?: Title;
+    subtitle?: Subtitle;
+    links?: {
+        icon?: string;
+        label?: string;
+        href?: string;
+        newTab?: OpenLinkInNewTab;
+    }[];
+    copy?: CopyText;
+    className?: Class;
+    component?: KsComponentAttribute;
+}
+export { ImageSource, AltText, FullWidth, AspectRatio, Title, Subtitle, OpenLinkInNewTab, CopyText, Class, KsComponentAttribute, ContactProps };

package/dist/components/blog-overview/blog-overview.schema.dereffed.json

@@ -3595,166 +3595,130 @@
         ]
       }
     },
-    "cta": {
+    "contact": {
       "$schema": "http://json-schema.org/draft-07/schema#",
-      "$id": "http://schema.mydesignsystem.com/cta.schema.json",
-      "title": "Cta",
+      "$id": "http://schema.mydesignsystem.com/contact.schema.json",
+      "title": "Contact",
+      "description": "Component used for user interaction",
       "type": "object",
       "properties": {
-        "headline": {
-          "title": "Component Headline",
-          "description": "Headline for the Component element",
+        "image": {
+          "type": "object",
+          "properties": {
+            "src": {
+              "type": "string",
+              "format": "image",
+              "title": "Image Source",
+              "description": "URL of the image to display",
+              "examples": [
+                "img/people/author-emily.png"
+              ]
+            },
+            "alt": {
+              "type": "string",
+              "title": "Alt Text",
+              "description": "Alt text of the image",
+              "examples": [
+                "Picture of Jane Smith"
+              ]
+            },
+            "fullWidth": {
+              "type": "boolean",
+              "title": "Full Width",
+              "description": "Image uses all the horizontal space vailable",
+              "default": false
+            },
+            "aspectRatio": {
+              "type": "string",
+              "title": "aspectRatio",
+              "description": "Aspect Ratio of the Images",
+              "enum": [
+                "wide",
+                "square",
+                "vertical"
+              ],
+              "default": "square"
+            }
+          },
+          "additionalProperties": false
+        },
+        "title": {
+          "title": "Title",
+          "description": "Name, company name, etc.",
           "type": "string",
-          "format": "markdown",
           "examples": [
-            "Headline"
+            "Jane Smith"
           ]
         },
-        "sub": {
-          "title": "Component Subheadline",
-          "description": "Subheadline below the component headline",
+        "subtitle": {
+          "title": "Subtitle",
+          "description": "Position, profession, department, location, etc.",
           "type": "string",
-          "format": "markdown",
           "examples": [
-            "Subheadline"
+            "CEO at Company"
           ]
         },
-        "text": {
-          "title": "Component Text",
-          "description": "Info text for the component element",
-          "type": "string",
-          "format": "markdown"
-        },
-        "highlightText": {
-          "type": "boolean",
-          "title": "Highlight Text",
-          "description": "Visually highlight the text",
-          "default": false
-        },
-        "colorNeutral": {
-          "title": "Color Neutral",
-          "description": "Make the text and buttons color neutral",
-          "default": false,
-          "type": "boolean"
-        },
-        "fullWidth": {
-          "title": "Width",
-          "description": "Set the width of the content to the full width of the element",
-          "type": "boolean",
-          "default": false
-        },
-        "buttons": {
+        "links": {
           "type": "array",
           "items": {
-            "title": "Button",
             "type": "object",
             "properties": {
-              "label": {
-                "type": "string",
-                "title": "Label",
-                "description": "Text content to display inside the button",
-                "examples": [
-                  "Book a meeting"
-                ]
-              },
               "icon": {
-                "type": "string",
-                "title": "Icon",
-                "description": "Choose an icon"
+                "type": "string"
               },
-              "target": {
+              "label": {
+                "type": "string"
+              },
+              "href": {
                 "type": "string",
-                "title": "Target",
-                "description": "Target that should be linked, makes the button behave like a link semantically",
                 "format": "uri"
+              },
+              "newTab": {
+                "title": "Open link in new Tab",
+                "description": "Open link in new Tab",
+                "type": "boolean",
+                "default": false
               }
             },
             "additionalProperties": false
-          }
-        },
-        "backgroundColor": {
-          "title": "Background color",
-          "description": "Background color for the whole element",
-          "type": "string",
-          "format": "color"
-        },
-        "backgroundImage": {
-          "title": "Background image",
-          "description": "Background image for the whole element",
-          "type": "string",
-          "format": "image"
-        },
-        "image": {
-          "title": "Image",
-          "description": "Image displayed alongside the text content",
-          "type": "object",
-          "properties": {
-            "src": {
-              "title": "Image source",
-              "description": "Image source to use",
-              "type": "string",
-              "format": "image"
-            },
-            "padding": {
-              "title": "Padding",
-              "description": "Toggle padding of the image",
-              "type": "boolean",
-              "default": true
-            },
-            "alt": {
-              "title": "Alt text",
-              "description": "Image description",
-              "type": "string"
-            }
           },
-          "additionalProperties": false
+          "examples": [
+            [
+              {
+                "icon": "phone",
+                "label": "0228 / 688 966 20",
+                "href": "tel:+4922868896620"
+              },
+              {
+                "icon": "email",
+                "label": "mail@example.com",
+                "href": "mailto:mail@example.com"
+              }
+            ]
+          ]
         },
-        "order": {
-          "title": "Order",
-          "description": "Choose what comes first on mobile and desktop: image or text",
-          "type": "object",
-          "properties": {
-            "mobileImageLast": {
-              "title": "Mobile image after text",
-              "description": "Switch to displaying the image after the text on mobile",
-              "type": "boolean",
-              "default": false
-            },
-            "desktopImageLast": {
-              "title": "Desktop image after text",
-              "description": "Switch to displaying the image after the text on desktop",
-              "type": "boolean",
-              "default": true
-            }
-          },
-          "additionalProperties": false
+        "copy": {
+          "title": "Copy text",
+          "type": "string"
         },
-        "textAlign": {
-          "title": "Text Alignment",
-          "description": "Choose the alginment of the text",
-          "enum": [
-            "left",
-            "center"
-          ],
-          "type": "string",
-          "default": "left"
+        "className": {
+          "title": "Class",
+          "description": "Additional css classes attached to the wrapping element",
+          "type": "string"
         },
-        "contentAlign": {
-          "title": "Vertical alignment of the content",
-          "description": "Select a vertical alignment for the image",
-          "type": "string",
-          "enum": [
-            "center",
-            "top",
-            "bottom"
-          ],
-          "default": "center"
+        "component": {
+          "title": "`ks-component` attribute",
+          "description": "Optional custom component identifier",
+          "type": "string"
         },
         "type": {
-          "const": "cta"
+          "const": "contact"
         }
       },
-      "additionalProperties": false
+      "additionalProperties": false,
+      "required": [
+        "name"
+      ]
     },
     "seo": {
       "$schema": "http://json-schema.org/draft-07/schema#",

package/dist/components/blog-overview/blog-overview.schema.json

@@ -51,8 +51,8 @@
         "$ref": "http://schema.mydesignsystem.com/blog-teaser.schema.json"
       }
     },
-    "cta": {
-      "$ref": "http://schema.mydesignsystem.com/cta.schema.json"
+    "contact": {
+      "$ref": "http://schema.mydesignsystem.com/contact.schema.json"
     },
     "seo": {
       "$ref": "http://schema.mydesignsystem.com/cms/seo.schema.json"

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

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

package/dist/components/blog-overview/index.js

@@ -2,7 +2,8 @@ import { createElement } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Section } from '../section/index.js';
 import { BlogTeaser } from '../blog-teaser/index.js';
-import { Cta } from '../cta/index.js';
+import { Contact } from '../contact/index.js';
+import { Divider } from '@kickstartds/base/lib/divider';
 import 'classnames';
 import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
@@ -10,13 +11,14 @@ import '../section/js/Section.client.js';
 import '@kickstartds/core/lib/component';
 import '@kickstartds/blog/lib/post-teaser';
 import '@kickstartds/core/lib/container';
-import '@kickstartds/content/lib/storytelling';
-import '@kickstartds/base/lib/button';
-import '../button-group/index.js';
-import '@kickstartds/base/lib/button-group';
+import '@kickstartds/base/lib/picture';
+import '@kickstartds/base/lib/contact';
+import '@kickstartds/base/lib/link';
+import '@kickstartds/base/lib/icon';
+import '@kickstartds/base/lib/rich-text';
 
-const BlogOverview = ({ latestTitle, latest, cta, listTitle, list, children, moreTitle, more, }) => {
-    return (jsxs(Fragment, { children: [children, latest && (jsx(Section, { width: "wide", headline: { text: latestTitle }, children: jsx(BlogTeaser, { ...latest }) })), list && list.length > 0 && (jsx(Section, { headline: { text: listTitle }, children: list.map((article) => (createElement(BlogTeaser, { ...article, key: article.headline }))) })), jsx("hr", {}), more && more.length > 0 && (jsx(Section, { headline: { text: moreTitle }, children: more.map((article) => (createElement(BlogTeaser, { ...article, key: article.headline }))) })), cta && (jsx(Section, { content: { mode: "list" }, children: jsx(Cta, { ...cta }) }))] }));
+const BlogOverview = ({ latestTitle, latest, contact, listTitle, list, children, moreTitle, more, }) => {
+    return (jsxs(Fragment, { children: [children, latest && (jsx(Section, { width: "wide", headline: { text: latestTitle }, children: jsx(BlogTeaser, { ...latest }) })), list && list.length > 0 && (jsx(Section, { headline: { text: listTitle }, children: list.map((article) => (createElement(BlogTeaser, { ...article, key: article.headline }))) })), jsx(Section, { spaceAfter: "none", spaceBefore: "none", children: jsx(Divider, {}) }), more && more.length > 0 && (jsx(Section, { headline: { text: moreTitle }, children: more.map((article) => (createElement(BlogTeaser, { ...article, key: article.headline }))) })), contact && (jsxs(Fragment, { children: [jsx(Section, { spaceAfter: "none", spaceBefore: "none", children: jsx(Divider, {}) }), jsx(Section, { content: { mode: "list" }, children: jsx(Contact, { ...contact }) })] }))] }));
 };
 BlogOverview.displayName = "BlogOverview";
 

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

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

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

@@ -5,12 +5,15 @@
 
 .dsa-blog-teaser {
   --dsa-blog-teaser--background: transparent;
-  --dsa-blog-teaser__topic--font: var(--ks-font-display-l);
+  --dsa-blog-teaser--gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-xs);
+  --dsa-blog-teaser__topic--font: var(--dsa-topic--font);
+  --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-l);
+  --dsa-blog-teaser__topic--font-weight: var(--dsa-topic--font-weight);
   --dsa-blog-teaser__tag-label--font: var(--ks-font-interface-xs);
   --dsa-blog-teaser__copy--font: var(--ks-font-copy-s);
   --dsa-blog-teaser__copy--color: var(--dsa-rich-text--color);
   --dsa-blog-teaser__copy--color_hover: var(--ks-text-color-default);
-  --dsa-blog-teaser__copy--margin-top: var(--ks-spacing-stack-s);
+  --dsa-blog-teaser__copy--margin-top: 0.5em;
   --dsa-blog-teaser__meta--font: var(--ks-spacing-stack-s);
   --dsa-blog-teaser__meta--color: var(--ks-text-color-interface);
   --dsa-blog-teaser__meta__author--font-weight: var(--ks-font-weight-semi-bold);
@@ -18,14 +21,15 @@
 }
 @container post-teaser (min-width: 640px) {
   .dsa-blog-teaser {
-    --dsa-blog-teaser__topic--font: var(--ks-font-display-l);
+    --dsa-blog-teaser--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
+    --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-xl);
     --dsa-blog-teaser__copy--font: var(--ks-font-copy-m);
     --dsa-blog-teaser__tag-label--font: var(--ks-font-interface-s);
   }
 }
 @container post-teaser (min-width: 1000px) {
   .dsa-blog-teaser {
-    --dsa-blog-teaser__topic--font: var(--ks-font-display-xl);
+    --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-xxl);
   }
 }
 
@@ -58,15 +62,20 @@
 }
 .dsa-blog-teaser.c-post-teaser .c-post-meta {
   --c-post-meta_author--font-weight: var(--ks-font-weight-semi-bold);
-  --c-post-meta--gap: 0.5em 1em;
+  --c-post-meta--gap: 0.5em 0.75em;
   --c-post-meta_item--font: var(--dsa-blog-teaser__meta--font, var(--ks-font-interface-s));
+  --c-post-meta_item--gap: 0.35em;
   --c-post-meta_author--color: var(--dsa-blog-teaser__meta--color, var(--c-post-meta_item--color));
+  --c-post-meta_author--gap: 0.35em;
   --c-post-meta_author--font-weight: var(
     --dsa-blog-teaser__meta__author--font-weight,
     var(--ks-font-weight-semi-bold)
   );
   margin: 0;
 }
+.dsa-blog-teaser.c-post-teaser .l-container--rich-text {
+  margin: 0;
+}
 .dsa-blog-teaser.c-post-teaser .c-rich-text {
   font: var(--dsa-blog-teaser__copy--font, var(--ks-font-copy-m));
   transition: var(--ks-transition-hover);
@@ -77,8 +86,10 @@
 }
 .dsa-blog-teaser.c-post-teaser .c-teaser__topic {
   font: var(--dsa-blog-teaser__topic--font, var(--dsa-topic--font, var(--ks-font-display-m)));
-  font-weight: var(--dsa-topic--font-weight);
+  font-size: var(--dsa-blog-teaser__topic--font-size);
+  font-weight: var(--dsa-blog-teaser__topic--font-weight, var(--dsa-topic--font-weight)) !important;
   text-align: left;
   transition: var(--ks-transition-hover);
   transition-property: text-shadow;
+  margin-bottom: var(--dsa-blog-teaser__topic--margin-bottom, 0.35em);
 }

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

@@ -1,70 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } 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.
- */
-/**
- * URL of the image to display
- */
-type ImageSource = string;
-/**
- * Alt text of the image
- */
-type AltText = string;
-/**
- * Image uses all the horizontal space vailable
- */
-type FullWidth = boolean;
-/**
- * Aspect Ratio of the Images
- */
-type AspectRatio = "wide" | "square" | "vertical";
-/**
- * Name, company name, etc.
- */
-type Title = string;
-/**
- * Position, profession, department, location, etc.
- */
-type Subtitle = string;
-/**
- * Open link in new Tab
- */
-type OpenLinkInNewTab = boolean;
-type CopyText = string;
-/**
- * Additional css classes attached to the wrapping element
- */
-type Class = string;
-/**
- * Optional custom component identifier
- */
-type KsComponentAttribute = string;
-/**
- * Component used for user interaction
- */
-interface ContactProps {
-    image?: {
-        src?: ImageSource;
-        alt?: AltText;
-        fullWidth?: FullWidth;
-        aspectRatio?: AspectRatio;
-    };
-    title?: Title;
-    subtitle?: Subtitle;
-    links?: {
-        icon?: string;
-        label?: string;
-        href?: string;
-        newTab?: OpenLinkInNewTab;
-    }[];
-    copy?: CopyText;
-    className?: Class;
-    component?: KsComponentAttribute;
-}
+import { ContactProps } from "../../ContactProps-68c71984.js";
 declare const Contact: import("react").ForwardRefExoticComponent<ContactProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLAnchorElement>>;
 declare const ContactProvider: FC<PropsWithChildren>;
 export { Contact, ContactProvider };

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

@@ -24,7 +24,7 @@ interface SettingsProps {
      */
     seo: SeoProps;
 }
-export * from "../../BlogPostProps-6b3cff22.js";
-export * from "../../BlogOverviewProps-9f207f1c.js";
+export * from "../../BlogPostProps-d9decb7c.js";
+export * from "../../BlogOverviewProps-68c71984.js";
 export * from "../../PageProps-aa29c554.js";
 export { SettingsProps };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 03 Sep 2024 15:17:47 GMT
+ * Generated on Wed, 04 Sep 2024 06:34:59 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/components/presets.json

@@ -154,7 +154,7 @@
     "id": "pages-archetypes--blog-overview",
     "group": "Pages/Archetypes",
     "name": "BlogOverview",
-    "code": "<BlogOverview\n  cta={{\n    buttons: [\n      {\n        label: 'Book a meeting'\n      },\n      {\n        label: 'Book a meeting'\n      },\n      {\n        label: 'Book a meeting'\n      }\n    ],\n    colorNeutral: false,\n    contentAlign: 'center',\n    fullWidth: false,\n    headline: 'Headline',\n    highlightText: false,\n    image: {\n      padding: true\n    },\n    order: {\n      desktopImageLast: true,\n      mobileImageLast: false\n    },\n    sub: 'Subheadline',\n    textAlign: 'left'\n  }}\n  latest={{\n    author: {\n      image: 'img/people/author-alex.png',\n      name: 'John Doe',\n      title: 'CEO'\n    },\n    date: '12/30/2022',\n    headline: 'Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality',\n    image: 'img/close-up-young-business-team-working.png',\n    link: {\n      label: 'Read more',\n      url: 'https://example.com/article1'\n    },\n    readingTime: '5 min read',\n    tags: [\n      'Design Systems',\n      'Headless Websites',\n      'Training'\n    ],\n    teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences. Learn how we transform ideas into tangible results with our Design System Creation service, empowering your brand to communicate effectively across digital platforms.'\n  }}\n  latestTitle=\"Latest Post\"\n  list={[\n    {\n      author: {\n        image: 'img/people/author-emily.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'This is a blog post headline',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        url: 'https://example.com'\n      },\n      readingTime: '5 min read',\n      teaserText: 'This is a teaser text for the blog post'\n    },\n    {\n      author: {\n        image: 'img/people/author-emily.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'This is a blog post headline',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        url: 'https://example.com'\n      },\n      readingTime: '5 min read',\n      teaserText: 'This is a teaser text for the blog post'\n    },\n    {\n      author: {\n        image: 'img/people/author-emily.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'This is a blog post headline',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        url: 'https://example.com'\n      },\n      readingTime: '5 min read',\n      teaserText: 'This is a teaser text for the blog post'\n    }\n  ]}\n  listTitle=\"Recent Posts\"\n  more={[\n    {\n      author: {\n        image: 'img/people/author-alex.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        url: 'https://example.com/article1'\n      },\n      readingTime: '5 min read',\n      tags: [\n        'Design Systems',\n        'Headless Websites',\n        'Training'\n      ],\n      teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences. Learn how we transform ideas into tangible results with our Design System Creation service, empowering your brand to communicate effectively across digital platforms.'\n    },\n    {\n      author: {\n        image: 'img/people/author-emily.png',\n        name: 'Jane Doe',\n        title: 'CTO'\n      },\n      date: '12/30/2022',\n      headline: 'Unleashing Innovation with Headless Websites: The Future of Digital Experiences',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        url: 'https://example.com/article2'\n      },\n      readingTime: '5 min read',\n      tags: [\n        'Innovation',\n        'Headless Websites',\n        'Systemics'\n      ],\n      teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey. Discover how our experts leverage headless CMS architecture to provide unparalleled flexibility while maintaining design integrity. We make content distribution dynamic and responsive, tailoring it to users\\' preferences for a seamless journey across devices and platforms.'\n    },\n    {\n      author: {\n        image: 'img/people/author-alex.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'Investing in Digital Excellence: Systemics\\' Design System Trainings',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        url: 'https://example.com/article3'\n      },\n      readingTime: '5 min read',\n      tags: [\n        'Digital Excellence',\n        'Systemics',\n        'Design System Trainings'\n      ],\n      teaserText: 'Investing in your digital team\\'s growth is crucial for sustainable success. In this article, we highlight Systemics\\' Design System Trainings, designed to equip your team with the skills they need to harness your design system effectively. Understand how our trainings promote collaboration, shared understanding, and continuous learning, ensuring your design system remains an evolving cornerstone of your digital success.'\n    }\n  ]}\n  moreTitle=\"Featured Posts\"\n  section={[\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      style: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      style: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      style: 'default',\n      width: 'default'\n    }\n  ]}\n/>",
+    "code": "<BlogOverview\n  contact={{\n    copy: 'Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences.',\n    image: {\n      alt: 'Picture of Jane Smith',\n      aspectRatio: 'vertical',\n      fullWidth: false,\n      src: 'img/people/contact-john.png'\n    },\n    links: [\n      {\n        href: 'mailto:mail@example.com',\n        icon: 'xing',\n        label: 'john.smith',\n        newTab: false\n      },\n      {\n        href: '#',\n        icon: 'twitter',\n        label: '@john_smith',\n        newTab: false\n      }\n    ],\n    subtitle: 'Sales Representative',\n    title: 'John Smith'\n  }}\n  latest={{\n    author: {\n      image: 'img/people/author-alex.png',\n      name: 'John Doe',\n      title: 'CEO'\n    },\n    date: '12/30/2022',\n    headline: 'Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality',\n    image: 'img/close-up-young-business-team-working.png',\n    link: {\n      label: 'Read more',\n      url: 'https://example.com/article1'\n    },\n    readingTime: '5 min read',\n    tags: [\n      {\n        entry: 'Design Systems'\n      },\n      {\n        entry: 'Headless Websites'\n      },\n      {\n        entry: 'Training'\n      }\n    ],\n    teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences.'\n  }}\n  latestTitle=\"Latest Post\"\n  list={[\n    {\n      author: {\n        image: 'img/people/author-alex.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'Mastering the Art of Design Systems with Systemics',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        url: 'https://example.com/article1'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Design Systems'\n        }\n      ],\n      teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n    },\n    {\n      author: {\n        image: 'img/people/author-emily.png',\n        name: 'Jane Doe',\n        title: 'CTO'\n      },\n      date: '12/30/2022',\n      headline: 'Unleashing Innovation with Headless Websites',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        url: 'https://example.com/article2'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Headless Websites'\n        }\n      ],\n      teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n    },\n    {\n      author: {\n        image: 'img/people/author-alex.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'Investing in Digital Excellence: Systemics\\' Design System Trainings',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        url: 'https://example.com/article3'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Training'\n        }\n      ],\n      teaserText: 'Investing in your digital team\\'s growth is crucial for sustainable success. In this article, we highlight Systemics\\' Design System Trainings, designed to equip your team with the skills they need to harness your design system effectively.'\n    }\n  ]}\n  listTitle=\"Recent Posts\"\n  more={[\n    {\n      author: {\n        image: 'img/people/author-alex.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'Mastering the Art of Design Systems with Systemics',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        url: 'https://example.com/article1'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Design Systems'\n        }\n      ],\n      teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n    },\n    {\n      author: {\n        image: 'img/people/author-emily.png',\n        name: 'Jane Doe',\n        title: 'CTO'\n      },\n      date: '12/30/2022',\n      headline: 'Unleashing Innovation with Headless Websites',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        url: 'https://example.com/article2'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Headless Websites'\n        }\n      ],\n      teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n    }\n  ]}\n  moreTitle=\"Featured Posts\"\n  section={[\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      style: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      style: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      style: 'default',\n      width: 'default'\n    }\n  ]}\n/>",
     "args": {
       "section": [
         {
@@ -288,7 +288,7 @@
       "latest": {
         "date": "12/30/2022",
         "headline": "Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality",
-        "teaserText": "In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand's digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences. Learn how we transform ideas into tangible results with our Design System Creation service, empowering your brand to communicate effectively across digital platforms.",
+        "teaserText": "In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand's digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences.",
         "image": "img/close-up-young-business-team-working.png",
         "link": {
           "url": "https://example.com/article1",
@@ -301,68 +301,89 @@
           "image": "img/people/author-alex.png"
         },
         "tags": [
-          "Design Systems",
-          "Headless Websites",
-          "Training"
+          {
+            "entry": "Design Systems"
+          },
+          {
+            "entry": "Headless Websites"
+          },
+          {
+            "entry": "Training"
+          }
         ]
       },
       "listTitle": "Recent Posts",
       "list": [
         {
           "date": "12/30/2022",
-          "headline": "This is a blog post headline",
-          "teaserText": "This is a teaser text for the blog post",
+          "headline": "Mastering the Art of Design Systems with Systemics",
+          "teaserText": "In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand's digital presence..",
           "image": "img/close-up-young-business-team-working.png",
           "link": {
-            "url": "https://example.com",
+            "url": "https://example.com/article1",
             "label": "Read more"
           },
           "readingTime": "5 min read",
           "author": {
             "name": "John Doe",
             "title": "CEO",
-            "image": "img/people/author-emily.png"
-          }
+            "image": "img/people/author-alex.png"
+          },
+          "tags": [
+            {
+              "entry": "Design Systems"
+            }
+          ]
         },
         {
           "date": "12/30/2022",
-          "headline": "This is a blog post headline",
-          "teaserText": "This is a teaser text for the blog post",
+          "headline": "Unleashing Innovation with Headless Websites",
+          "teaserText": "Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.",
           "image": "img/close-up-young-business-team-working.png",
           "link": {
-            "url": "https://example.com",
+            "url": "https://example.com/article2",
             "label": "Read more"
           },
           "readingTime": "5 min read",
           "author": {
-            "name": "John Doe",
-            "title": "CEO",
+            "name": "Jane Doe",
+            "title": "CTO",
             "image": "img/people/author-emily.png"
-          }
+          },
+          "tags": [
+            {
+              "entry": "Headless Websites"
+            }
+          ]
         },
         {
           "date": "12/30/2022",
-          "headline": "This is a blog post headline",
-          "teaserText": "This is a teaser text for the blog post",
+          "headline": "Investing in Digital Excellence: Systemics' Design System Trainings",
+          "teaserText": "Investing in your digital team's growth is crucial for sustainable success. In this article, we highlight Systemics' Design System Trainings, designed to equip your team with the skills they need to harness your design system effectively.",
           "image": "img/close-up-young-business-team-working.png",
           "link": {
-            "url": "https://example.com",
+            "url": "https://example.com/article3",
             "label": "Read more"
           },
           "readingTime": "5 min read",
           "author": {
             "name": "John Doe",
             "title": "CEO",
-            "image": "img/people/author-emily.png"
-          }
+            "image": "img/people/author-alex.png"
+          },
+          "tags": [
+            {
+              "entry": "Training"
+            }
+          ]
         }
       ],
       "moreTitle": "Featured Posts",
       "more": [
         {
           "date": "12/30/2022",
-          "headline": "Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality",
-          "teaserText": "In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand's digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences. Learn how we transform ideas into tangible results with our Design System Creation service, empowering your brand to communicate effectively across digital platforms.",
+          "headline": "Mastering the Art of Design Systems with Systemics",
+          "teaserText": "In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand's digital presence..",
           "image": "img/close-up-young-business-team-working.png",
           "link": {
             "url": "https://example.com/article1",
@@ -375,15 +396,15 @@
             "image": "img/people/author-alex.png"
           },
           "tags": [
-            "Design Systems",
-            "Headless Websites",
-            "Training"
+            {
+              "entry": "Design Systems"
+            }
           ]
         },
         {
           "date": "12/30/2022",
-          "headline": "Unleashing Innovation with Headless Websites: The Future of Digital Experiences",
-          "teaserText": "Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey. Discover how our experts leverage headless CMS architecture to provide unparalleled flexibility while maintaining design integrity. We make content distribution dynamic and responsive, tailoring it to users' preferences for a seamless journey across devices and platforms.",
+          "headline": "Unleashing Innovation with Headless Websites",
+          "teaserText": "Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.",
           "image": "img/close-up-young-business-team-working.png",
           "link": {
             "url": "https://example.com/article2",
@@ -396,59 +417,36 @@
             "image": "img/people/author-emily.png"
           },
           "tags": [
-            "Innovation",
-            "Headless Websites",
-            "Systemics"
-          ]
-        },
-        {
-          "date": "12/30/2022",
-          "headline": "Investing in Digital Excellence: Systemics' Design System Trainings",
-          "teaserText": "Investing in your digital team's growth is crucial for sustainable success. In this article, we highlight Systemics' Design System Trainings, designed to equip your team with the skills they need to harness your design system effectively. Understand how our trainings promote collaboration, shared understanding, and continuous learning, ensuring your design system remains an evolving cornerstone of your digital success.",
-          "image": "img/close-up-young-business-team-working.png",
-          "link": {
-            "url": "https://example.com/article3",
-            "label": "Read more"
-          },
-          "readingTime": "5 min read",
-          "author": {
-            "name": "John Doe",
-            "title": "CEO",
-            "image": "img/people/author-alex.png"
-          },
-          "tags": [
-            "Digital Excellence",
-            "Systemics",
-            "Design System Trainings"
+            {
+              "entry": "Headless Websites"
+            }
           ]
         }
       ],
-      "cta": {
-        "headline": "Headline",
-        "sub": "Subheadline",
-        "highlightText": false,
-        "colorNeutral": false,
-        "fullWidth": false,
-        "buttons": [
-          {
-            "label": "Book a meeting"
-          },
+      "contact": {
+        "image": {
+          "src": "img/people/contact-john.png",
+          "alt": "Picture of Jane Smith",
+          "fullWidth": false,
+          "aspectRatio": "vertical"
+        },
+        "title": "John Smith",
+        "subtitle": "Sales Representative",
+        "links": [
           {
-            "label": "Book a meeting"
+            "icon": "xing",
+            "label": "john.smith",
+            "href": "mailto:mail@example.com",
+            "newTab": false
           },
           {
-            "label": "Book a meeting"
+            "icon": "twitter",
+            "label": "@john_smith",
+            "href": "#",
+            "newTab": false
           }
         ],
-        "image": {
-          "padding": true
-        },
-        "order": {
-          "mobileImageLast": false,
-          "desktopImageLast": true
-        },
-        "textAlign": "left",
-        "contentAlign": "center"
+        "copy": "Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences."
       }
     },
     "screenshot": "img/screenshots/pages-archetypes--blog-overview.png"
@@ -679,10 +677,10 @@
     "id": "components-contact--wide-image",
     "group": "Components/Contact",
     "name": "WideImage",
-    "code": "<Contact\n  image={{\n    alt: 'Picture of Jane Smith',\n    aspectRatio: 'wide',\n    fullWidth: false,\n    src: 'img/people/portrait-young-girl-smiling.jpg'\n  }}\n  links={[\n    {\n      href: '#',\n      icon: 'twitter',\n      label: '@Isabella_Doe',\n      newTab: false\n    },\n    {\n      href: 'mailto:mail@example.com',\n      icon: 'linkedin',\n      label: 'Isabella.Doe',\n      newTab: false\n    }\n  ]}\n  subtitle=\"Creative Director\"\n  title=\"Isabella Doe\"\n/>",
+    "code": "<Contact\n  image={{\n    alt: 'Picture of Jane Smith',\n    aspectRatio: 'wide',\n    fullWidth: false,\n    src: 'img/people/contact-isabella.png'\n  }}\n  links={[\n    {\n      href: '#',\n      icon: 'twitter',\n      label: '@Isabella_Doe',\n      newTab: false\n    },\n    {\n      href: 'mailto:mail@example.com',\n      icon: 'linkedin',\n      label: 'Isabella.Doe',\n      newTab: false\n    }\n  ]}\n  subtitle=\"Creative Director\"\n  title=\"Isabella Doe\"\n/>",
     "args": {
       "image": {
-        "src": "img/people/portrait-young-girl-smiling.jpg",
+        "src": "img/people/contact-isabella.png",
         "alt": "Picture of Jane Smith",
         "fullWidth": false,
         "aspectRatio": "wide"

package/dist/global.css

@@ -337,12 +337,15 @@ h3 {
 
 .dsa-blog-teaser {
   --dsa-blog-teaser--background: transparent;
-  --dsa-blog-teaser__topic--font: var(--ks-font-display-l);
+  --dsa-blog-teaser--gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-xs);
+  --dsa-blog-teaser__topic--font: var(--dsa-topic--font);
+  --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-l);
+  --dsa-blog-teaser__topic--font-weight: var(--dsa-topic--font-weight);
   --dsa-blog-teaser__tag-label--font: var(--ks-font-interface-xs);
   --dsa-blog-teaser__copy--font: var(--ks-font-copy-s);
   --dsa-blog-teaser__copy--color: var(--dsa-rich-text--color);
   --dsa-blog-teaser__copy--color_hover: var(--ks-text-color-default);
-  --dsa-blog-teaser__copy--margin-top: var(--ks-spacing-stack-s);
+  --dsa-blog-teaser__copy--margin-top: 0.5em;
   --dsa-blog-teaser__meta--font: var(--ks-spacing-stack-s);
   --dsa-blog-teaser__meta--color: var(--ks-text-color-interface);
   --dsa-blog-teaser__meta__author--font-weight: var(--ks-font-weight-semi-bold);
@@ -350,14 +353,15 @@ h3 {
 }
 @container post-teaser (min-width: 640px) {
   .dsa-blog-teaser {
-    --dsa-blog-teaser__topic--font: var(--ks-font-display-l);
+    --dsa-blog-teaser--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
+    --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-xl);
     --dsa-blog-teaser__copy--font: var(--ks-font-copy-m);
     --dsa-blog-teaser__tag-label--font: var(--ks-font-interface-s);
   }
 }
 @container post-teaser (min-width: 1000px) {
   .dsa-blog-teaser {
-    --dsa-blog-teaser__topic--font: var(--ks-font-display-xl);
+    --dsa-blog-teaser__topic--font-size: var(--ks-font-size-copy-xxl);
   }
 }
 
@@ -390,15 +394,20 @@ h3 {
 }
 .dsa-blog-teaser.c-post-teaser .c-post-meta {
   --c-post-meta_author--font-weight: var(--ks-font-weight-semi-bold);
-  --c-post-meta--gap: 0.5em 1em;
+  --c-post-meta--gap: 0.5em 0.75em;
   --c-post-meta_item--font: var(--dsa-blog-teaser__meta--font, var(--ks-font-interface-s));
+  --c-post-meta_item--gap: 0.35em;
   --c-post-meta_author--color: var(--dsa-blog-teaser__meta--color, var(--c-post-meta_item--color));
+  --c-post-meta_author--gap: 0.35em;
   --c-post-meta_author--font-weight: var(
     --dsa-blog-teaser__meta__author--font-weight,
     var(--ks-font-weight-semi-bold)
   );
   margin: 0;
 }
+.dsa-blog-teaser.c-post-teaser .l-container--rich-text {
+  margin: 0;
+}
 .dsa-blog-teaser.c-post-teaser .c-rich-text {
   font: var(--dsa-blog-teaser__copy--font, var(--ks-font-copy-m));
   transition: var(--ks-transition-hover);
@@ -409,10 +418,12 @@ h3 {
 }
 .dsa-blog-teaser.c-post-teaser .c-teaser__topic {
   font: var(--dsa-blog-teaser__topic--font, var(--dsa-topic--font, var(--ks-font-display-m)));
-  font-weight: var(--dsa-topic--font-weight);
+  font-size: var(--dsa-blog-teaser__topic--font-size);
+  font-weight: var(--dsa-blog-teaser__topic--font-weight, var(--dsa-topic--font-weight)) !important;
   text-align: left;
   transition: var(--ks-transition-hover);
   transition-property: text-shadow;
+  margin-bottom: var(--dsa-blog-teaser__topic--margin-bottom, 0.35em);
 }
 
 .c-form-check {
@@ -496,6 +507,16 @@ h3 {
   color: var(--dsa-form-field__placeholder--color, var(--ks-color-fg-alpha-5));
 }
 
+.c-divider {
+  --dsa-divider--background: var(--ks-border-color-accent);
+  --dsa-divider--height: var(--ks-border-widht-default);
+}
+
+hr.c-divider {
+  --c-divider--background: var(--dsa-divider--background, var(--ks-border-color-accent));
+  --c-divider--height: var(--dsa-divider--height, var(--ks-border-width-default));
+}
+
 @font-face {
   font-family: "Fredoka";
   src: url("static/fonts/dsa/Fredoka-Regular.woff") format("woff2"), url("static/fonts/dsa/Fredoka-Regular.woff") format("woff");
@@ -659,6 +680,10 @@ body {
   background: var(--ks-background-color-default);
 }
 
+hr.c-divider {
+  --c-divider--background: var(--ks-border-color-accent);
+}
+
 :root, [ks-inverted], [ks-theme] {
   --g-link--font-weight: var(--dsa-link--font-weight, var(--ks-font-weight-semi-bold));
   --g-link--text-decoration: var(--dsa-link--text-decoration, underline);

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 03 Sep 2024 15:17:50 GMT
+ * Generated on Wed, 04 Sep 2024 06:35: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 Tue, 03 Sep 2024 15:17:54 GMT
+ * Generated on Wed, 04 Sep 2024 06:35:05 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 Tue, 03 Sep 2024 15:17:52 GMT
+ * Generated on Wed, 04 Sep 2024 06:35: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 Tue, 03 Sep 2024 15:17:56 GMT
+ * Generated on Wed, 04 Sep 2024 06:35:08 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 Tue, 03 Sep 2024 15:17:47 GMT
+ * Generated on Wed, 04 Sep 2024 06:34:59 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 03 Sep 2024 15:17:48 GMT
+ * Generated on Wed, 04 Sep 2024 06:34:59 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json

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