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

package/dist/{TeaserCardProps-b9c28e78.d.ts → TeaserCardProps-d069476f.d.ts}

@@ -16,9 +16,13 @@ type Text = string;
  */
 type Label = string;
 /**
- * Target that should be linked
+ * Whether the Teaser Card is centered
  */
-type Target = string;
+type Centered = boolean;
+/**
+ * Url that should be linked
+ */
+type Url = string;
 /**
  * Label of the button. Still A11Y relevant when the button is hidden.
  */
@@ -46,7 +50,8 @@ interface TeaserCardProps {
      * Layout for the Teaser Card
      */
     layout?: "stack" | "row";
-    target: Target;
+    centered?: Centered;
+    url: Url;
     button?: {
         label: Label1;
         chevron?: Icon;
@@ -58,4 +63,4 @@ interface TeaserCardProps {
      */
     imageRatio?: "wide" | "landscape" | "square" | "unset";
 }
-export { Headline, Text, Label, Target, Label1, Icon, DisplayButton, Image, TeaserCardProps };
+export { Headline, Text, Label, Centered, Url, Label1, Icon, DisplayButton, Image, TeaserCardProps };

package/dist/{VideoCurtainProps-6c625a69.d.ts → VideoCurtainProps-a2c0cc7f.d.ts}

@@ -32,9 +32,9 @@ type Label = string;
  */
 type Icon = string;
 /**
- * Target that should be linked, makes the button behave like a link semantically
+ * The URL to link to when the button is clicked
  */
-type Target = string;
+type URL = string;
 /**
  * Enable grid layer
  */
@@ -54,7 +54,7 @@ type DesktopVideoSource = string;
 /**
  * Choose the alginment of the module content
  */
-type ModuleAligment = "center" | "left" | "right";
+type ModuleAligment = "center" | "bottom" | "left" | "right" | "corner";
 interface VideoCurtainProps {
     headline?: Headline;
     sub?: ModuleSubheadline;
@@ -69,7 +69,7 @@ interface VideoCurtainProps {
 interface Button {
     label?: Label;
     icon?: Icon;
-    target?: Target;
+    url?: URL;
 }
 /**
  * Sources of background videos for different screen sizes
@@ -79,4 +79,4 @@ interface BackgroundVideo {
     srcTablet?: TabletVideoSource;
     srcDesktop?: DesktopVideoSource;
 }
-export { Headline, ModuleSubheadline, ModuleText, HighlightText, ColorNeutral, Label, Icon, Target, GridLayer, MobileVideoSource, TabletVideoSource, DesktopVideoSource, ModuleAligment, VideoCurtainProps, Button, BackgroundVideo };
+export { Headline, ModuleSubheadline, ModuleText, HighlightText, ColorNeutral, Label, Icon, URL, GridLayer, MobileVideoSource, TabletVideoSource, DesktopVideoSource, ModuleAligment, VideoCurtainProps, Button, BackgroundVideo };

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

@@ -4,13 +4,13 @@
 }
 
 .dsa-blog-aside {
-  --dsa-blog-aside--gap: var(--ks-spacing-stack-xs);
+  --dsa-blog-aside--gap: var(--ks-spacing-stack-s);
   --dsa-blog-aside__author__title--font: var(--ks-font-copy-m);
   --dsa-blog-aside__author__subtitle--font: var(--ks-font-copy-s);
   --dsa-blog-aside__author__image--flex-basis: 120px;
-  --dsa-blog-aside__author__body--flex-basis: 240px;
+  --dsa-blog-aside__author__body--flex-basis: 100px;
   --dsa-blog-aside__author__link--font: var(--ks-font-interface-s);
-  --dsa-blog-aside__author--gap-horizontal: var(--ks-spacing-inline-xs);
+  --dsa-blog-aside__author--gap-horizontal: var(--ks-spacing-inline-s);
   --dsa-blog-aside__author--gap-vertical: var(--ks-spacing-stack-xs);
   --dsa-blog-aside__meta__item--font: var(--ks-font-interface-s);
   --dsa-blog-aside__meta__item--color: var(--ks-text-color-interface);
@@ -19,7 +19,7 @@
   --dsa-blog-aside__sharebar__link--color: var(--dsa-link--color);
   --dsa-blog-aside__sharebar__link--color_hover: var(--dsa-link--color_hover);
 }
-@container blog-aside (min-width: 500px) {
+@container blog-aside (min-width: 370px) {
   .dsa-blog-aside {
     --dsa-blog-aside__author__image--flex-basis: 180px;
     --dsa-blog-aside__author__title--font: var(--ks-font-copy-l);

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

@@ -45,7 +45,7 @@
               "title": "Alt Text",
               "description": "Alt text of the image",
               "examples": [
-                "Picture of Jane Smith"
+                "Picture of Isabella Doe"
               ]
             },
             "fullWidth": {
@@ -80,7 +80,7 @@
               "label": {
                 "type": "string"
               },
-              "href": {
+              "url": {
                 "type": "string",
                 "format": "uri"
               },
@@ -89,6 +89,14 @@
                 "description": "Open link in new Tab",
                 "type": "boolean",
                 "default": false
+              },
+              "ariaLabel": {
+                "title": "Aria Label",
+                "description": "Aria label for the link",
+                "type": "string",
+                "examples": [
+                  "Link to Isabella Doe's social media profile"
+                ]
               }
             },
             "additionalProperties": false
@@ -98,18 +106,15 @@
               {
                 "icon": "phone",
                 "label": "0228 / 688 966 20",
-                "href": "tel:+4922868896620"
+                "url": "tel:+4922868896620"
               },
               {
                 "icon": "email",
                 "label": "mail@example.com",
-                "href": "mailto:mail@example.com"
+                "url": "mailto:mail@example.com"
               }
             ]
           ]
-        },
-        "type": {
-          "const": "blog-author"
         }
       },
       "additionalProperties": false,
@@ -134,9 +139,9 @@
               "facebook"
             ]
           },
-          "href": {
-            "title": "Href",
-            "description": "The href for the social link",
+          "url": {
+            "title": "URL",
+            "description": "The url for the social link",
             "type": "string",
             "format": "uri",
             "examples": [
@@ -155,7 +160,7 @@
         "additionalProperties": false,
         "required": [
           "icon",
-          "href",
+          "url",
           "title"
         ]
       }
@@ -179,9 +184,6 @@
     },
     "className": {
       "type": "string"
-    },
-    "type": {
-      "const": "blog-aside"
     }
   },
   "additionalProperties": false,

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

@@ -22,9 +22,9 @@
             "format": "icon",
             "examples": ["twitter", "facebook"]
           },
-          "href": {
-            "title": "Href",
-            "description": "The href for the social link",
+          "url": {
+            "title": "URL",
+            "description": "The url for the social link",
             "type": "string",
             "format": "uri",
             "examples": [
@@ -39,7 +39,7 @@
           }
         },
         "additionalProperties": false,
-        "required": ["icon", "href", "title"]
+        "required": ["icon", "url", "title"]
       }
     },
     "readingTime": {

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogAsideProps } from "../../BlogAsideProps-d9decb7c.js";
+import { BlogAsideProps } from "../../BlogAsideProps-c760fd2a.js";
 declare const BlogAsideContextDefault: import("react").ForwardRefExoticComponent<BlogAsideProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogAsideContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogAsideProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogAside: import("react").ForwardRefExoticComponent<BlogAsideProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,5 @@
 import "./blog-aside.css";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { forwardRef, createContext, useContext } from 'react';
 import { PostMeta } from '@kickstartds/blog/lib/post-meta';
@@ -7,6 +7,7 @@ import { PostShareBar } from '@kickstartds/blog/lib/post-share-bar';
 import { Container } from '@kickstartds/core/lib/container';
 import { BlogAuthor } from '../blog-author/index.js';
 import { Headline } from '../headline/index.js';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import '../contact/index.js';
 import '@kickstartds/base/lib/picture';
 import '@kickstartds/base/lib/contact';
@@ -16,11 +17,15 @@ import '@kickstartds/base/lib/rich-text';
 import 'markdown-to-jsx';
 import '@kickstartds/base/lib/headline';
 
+const defaults = {
+    "socialSharing": []
+};
+
 const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime, date, className, ...props }, ref) => {
     const socialLinks = socialSharing?.map((link) => {
         return {
             icon: link.icon,
-            href: link.href,
+            href: link.url,
             title: link.title,
         };
     });
@@ -35,12 +40,12 @@ const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime
             icon: "time",
             text: readingTime,
         });
-    return (jsx(Container, { name: "blog-aside", children: jsxs("div", { ref: ref, className: classnames(className, "dsa-blog-aside"), ...props, children: [jsx(BlogAuthor, { ...author }), metaItems && (jsx(Fragment, { children: jsx(PostMeta, { className: "dsa-blog-aside__meta", items: metaItems }) })), socialLinks && (jsxs("div", { children: [jsx(Headline, { text: "Share this Article", level: "p", style: "p", spaceAfter: "minimum" }), jsx(PostShareBar, { className: "dsa-blog-aside__share-bar", links: socialLinks })] }))] }) }));
+    return (jsx(Container, { name: "blog-aside", children: jsxs("div", { ref: ref, className: classnames(className, "dsa-blog-aside"), ...props, children: [jsx(BlogAuthor, { ...author }), metaItems && (jsx(PostMeta, { className: "dsa-blog-aside__meta", items: metaItems })), socialLinks && (jsxs("div", { children: [jsx(Headline, { text: "Share this Article", level: "p", style: "p", spaceAfter: "minimum" }), jsx(PostShareBar, { className: "dsa-blog-aside__share-bar", links: socialLinks })] }))] }) }));
 });
 const BlogAsideContext = createContext(BlogAsideContextDefault);
 const BlogAside = forwardRef((props, ref) => {
     const Component = useContext(BlogAsideContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 BlogAside.displayName = "BlogAside";
 

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

@@ -38,7 +38,7 @@
           "title": "Alt Text",
           "description": "Alt text of the image",
           "examples": [
-            "Picture of Jane Smith"
+            "Picture of Isabella Doe"
           ]
         },
         "fullWidth": {
@@ -73,7 +73,7 @@
           "label": {
             "type": "string"
           },
-          "href": {
+          "url": {
             "type": "string",
             "format": "uri"
           },
@@ -82,6 +82,14 @@
             "description": "Open link in new Tab",
             "type": "boolean",
             "default": false
+          },
+          "ariaLabel": {
+            "title": "Aria Label",
+            "description": "Aria label for the link",
+            "type": "string",
+            "examples": [
+              "Link to Isabella Doe's social media profile"
+            ]
           }
         },
         "additionalProperties": false
@@ -91,18 +99,15 @@
           {
             "icon": "phone",
             "label": "0228 / 688 966 20",
-            "href": "tel:+4922868896620"
+            "url": "tel:+4922868896620"
           },
           {
             "icon": "email",
             "label": "mail@example.com",
-            "href": "mailto:mail@example.com"
+            "url": "mailto:mail@example.com"
           }
         ]
       ]
-    },
-    "type": {
-      "const": "blog-author"
     }
   },
   "additionalProperties": false,

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogAuthorProps } from "../../BlogAuthorProps-88a11566.js";
+import { BlogAuthorProps } from "../../BlogAuthorProps-fb0241df.js";
 declare const BlogAuthorContextDefault: import("react").ForwardRefExoticComponent<BlogAuthorProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogAuthorContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogAuthorProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogAuthor: import("react").ForwardRefExoticComponent<BlogAuthorProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { Contact } from '../contact/index.js';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import 'classnames';
 import '@kickstartds/base/lib/picture';
 import '@kickstartds/base/lib/contact';
@@ -9,13 +10,21 @@ import '@kickstartds/base/lib/icon';
 import '@kickstartds/base/lib/rich-text';
 import '@kickstartds/core/lib/container';
 
+const defaults = {
+    "image": {
+        "fullWidth": false,
+        "aspectRatio": "square"
+    },
+    "links": []
+};
+
 const BlogAuthorContextDefault = forwardRef(({ name, byline, image, links, ...props }, ref) => {
     return (jsx(Contact, { ref: ref, ...props, className: "dsa-blog-aside__author", title: name, subtitle: byline, image: image, links: links }));
 });
 const BlogAuthorContext = createContext(BlogAuthorContextDefault);
 const BlogAuthor = forwardRef((props, ref) => {
     const Component = useContext(BlogAuthorContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 BlogAuthor.displayName = "BlogAuthor";
 

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

@@ -29,9 +29,6 @@
             "title": "Entry",
             "description": "Name of the tag entry",
             "type": "string"
-          },
-          "type": {
-            "const": "blog-tag"
           }
         },
         "additionalProperties": false,
@@ -65,9 +62,6 @@
       "examples": [
         "Image of a business team working"
       ]
-    },
-    "type": {
-      "const": "blog-head"
     }
   },
   "additionalProperties": false,

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

@@ -2,6 +2,11 @@ import "./blog-head.css";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { PostHead } from '@kickstartds/blog/lib/post-head';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "tags": []
+};
 
 const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image, alt, ...rest }, ref) => {
     return (jsx(PostHead, { ...rest, className: "dsa-blog-head", date: date, headline: { text: headline, level: "h1", align: "left" }, image: { src: image, alt: alt || headline }, categories: tags.map((tag) => {
@@ -11,7 +16,7 @@ const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image, a
 const BlogHeadContext = createContext(BlogHeadContextDefault);
 const BlogHead = forwardRef((props, ref) => {
     const Component = useContext(BlogHeadContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 BlogHead.displayName = "BlogHead";