@kickstartds/ds-agency-premium 1.5.0 → 1.5.1

package/dist/BlogAsideProps-d9decb7c.d.ts

@@ -0,0 +1,48 @@
+/**
+ * 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 { BlogAuthorProps } from "./BlogAuthorProps-88a11566.js";
+/**
+ * The icon name for the social link
+ */
+type Icon = string;
+/**
+ * The href for the social link
+ */
+type Href = string;
+/**
+ * The title for the social link
+ */
+type Title = string;
+/**
+ * The social sharing links for the blog post
+ */
+type SocialSharing = {
+    icon: Icon;
+    href: Href;
+    title: Title;
+}[];
+/**
+ * The reading time for the blog post
+ */
+type ReadingTime = string;
+/**
+ * The date when the blog post was published
+ */
+type PublishedDate = string;
+/**
+ * Meta info for a singular blog entry
+ */
+interface BlogAsideProps {
+    /**
+     * Referenced component BlogAuthorProps
+     */
+    author: BlogAuthorProps;
+    socialSharing?: SocialSharing;
+    readingTime?: ReadingTime;
+    date: PublishedDate;
+    className?: string;
+}
+export { Icon, Href, Title, SocialSharing, ReadingTime, PublishedDate, BlogAsideProps };

package/dist/{BlogAsideProps-b06e0358.d.ts → BlogAuthorProps-88a11566.d.ts}

@@ -31,48 +31,10 @@ type AspectRatio = "wide" | "square" | "vertical";
  * Open link in new Tab
  */
 type OpenLinkInNewTab = boolean;
-/**
- * The icon name for the social link
- */
-type Icon = string;
-/**
- * The href for the social link
- */
-type Href = string;
-/**
- * The title for the social link
- */
-type Title = string;
-/**
- * The social sharing links for the blog post
- */
-type SocialSharing = {
-    icon: Icon;
-    href: Href;
-    title: Title;
-}[];
-/**
- * The reading time for the blog post
- */
-type ReadingTime = string;
-/**
- * The date when the blog post was published
- */
-type PublishedDate = string;
-/**
- * Meta info for a singular blog entry
- */
-interface BlogAsideProps {
-    author: Author;
-    socialSharing?: SocialSharing;
-    readingTime?: ReadingTime;
-    date: PublishedDate;
-    className?: string;
-}
 /**
  * The author of the blog post
  */
-interface Author {
+interface BlogAuthorProps {
     name: Name;
     byline?: Byline;
     image?: {
@@ -88,4 +50,4 @@ interface Author {
         newTab?: OpenLinkInNewTab;
     }[];
 }
-export { Name, Byline, ImageSource, AltText, FullWidth, AspectRatio, OpenLinkInNewTab, Icon, Href, Title, SocialSharing, ReadingTime, PublishedDate, BlogAsideProps, Author };
+export { Name, Byline, ImageSource, AltText, FullWidth, AspectRatio, OpenLinkInNewTab, BlogAuthorProps };

package/dist/BlogPostProps-6b3cff22.d.ts

@@ -4,7 +4,7 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { BlogHeadProps } from "./BlogHeadProps-3f6e4072.js";
-import { BlogAsideProps } from "./BlogAsideProps-b06e0358.js";
+import { BlogAsideProps } from "./BlogAsideProps-d9decb7c.js";
 import { SectionProps } from "./SectionProps-83d399b4.js";
 import { CtaProps } from "./CtaProps-93230a76.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";

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

@@ -6,8 +6,10 @@
   "type": "object",
   "properties": {
     "author": {
+      "$schema": "http://json-schema.org/draft-07/schema#",
+      "$id": "http://schema.mydesignsystem.com/blog-author.schema.json",
       "type": "object",
-      "title": "Author",
+      "title": "Blog Author",
       "description": "The author of the blog post",
       "properties": {
         "name": {
@@ -104,6 +106,9 @@
               }
             ]
           ]
+        },
+        "type": {
+          "const": "blog-author"
         }
       },
       "additionalProperties": false,

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

@@ -6,31 +6,7 @@
   "type": "object",
   "properties": {
     "author": {
-      "type": "object",
-      "title": "Author",
-      "description": "The author of the blog post",
-      "properties": {
-        "name": {
-          "title": "Name",
-          "description": "The name of the author",
-          "type": "string",
-          "examples": ["John Doe"]
-        },
-        "byline": {
-          "title": "Byline",
-          "description": "The byline of the author",
-          "type": "string",
-          "examples": ["CEO at Company"]
-        },
-        "image": {
-          "$ref": "http://schema.mydesignsystem.com/contact.schema.json#/properties/image"
-        },
-        "links": {
-          "$ref": "http://schema.mydesignsystem.com/contact.schema.json#/properties/links"
-        }
-      },
-      "additionalProperties": false,
-      "required": ["name"]
+      "$ref": "http://schema.mydesignsystem.com/blog-author.schema.json"
     },
     "socialSharing": {
       "type": "array",

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

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

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

@@ -5,8 +5,9 @@ import { forwardRef, createContext, useContext } from 'react';
 import { PostMeta } from '@kickstartds/blog/lib/post-meta';
 import { PostShareBar } from '@kickstartds/blog/lib/post-share-bar';
 import { Container } from '@kickstartds/core/lib/container';
-import { Contact } from '../contact/index.js';
+import { BlogAuthor } from '../blog-author/index.js';
 import { Headline } from '../headline/index.js';
+import '../contact/index.js';
 import '@kickstartds/base/lib/picture';
 import '@kickstartds/base/lib/contact';
 import '@kickstartds/base/lib/link';
@@ -34,7 +35,7 @@ const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime
             icon: "time",
             text: readingTime,
         });
-    return (jsx(Container, { name: "blog-aside", children: jsxs("div", { className: classnames(className, "dsa-blog-aside"), children: [jsx(Contact, { className: "dsa-blog-aside__author", title: author?.name, subtitle: author?.byline, image: author?.image, links: author?.links }), 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", { className: classnames(className, "dsa-blog-aside"), 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 })] }))] }) }));
 });
 const BlogAsideContext = createContext(BlogAsideContextDefault);
 const BlogAside = forwardRef((props, ref) => {

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

@@ -0,0 +1,111 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/blog-author.schema.json",
+  "type": "object",
+  "title": "Blog Author",
+  "description": "The author of the blog post",
+  "properties": {
+    "name": {
+      "title": "Name",
+      "description": "The name of the author",
+      "type": "string",
+      "examples": [
+        "John Doe"
+      ]
+    },
+    "byline": {
+      "title": "Byline",
+      "description": "The byline of the author",
+      "type": "string",
+      "examples": [
+        "CEO at Company"
+      ]
+    },
+    "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
+    },
+    "links": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "icon": {
+            "type": "string"
+          },
+          "label": {
+            "type": "string"
+          },
+          "href": {
+            "type": "string",
+            "format": "uri"
+          },
+          "newTab": {
+            "title": "Open link in new Tab",
+            "description": "Open link in new Tab",
+            "type": "boolean",
+            "default": false
+          }
+        },
+        "additionalProperties": false
+      },
+      "examples": [
+        [
+          {
+            "icon": "phone",
+            "label": "0228 / 688 966 20",
+            "href": "tel:+4922868896620"
+          },
+          {
+            "icon": "email",
+            "label": "mail@example.com",
+            "href": "mailto:mail@example.com"
+          }
+        ]
+      ]
+    },
+    "type": {
+      "const": "blog-author"
+    }
+  },
+  "additionalProperties": false,
+  "required": [
+    "name"
+  ]
+}

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

@@ -0,0 +1,29 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/blog-author.schema.json",
+  "type": "object",
+  "title": "Blog Author",
+  "description": "The author of the blog post",
+  "properties": {
+    "name": {
+      "title": "Name",
+      "description": "The name of the author",
+      "type": "string",
+      "examples": ["John Doe"]
+    },
+    "byline": {
+      "title": "Byline",
+      "description": "The byline of the author",
+      "type": "string",
+      "examples": ["CEO at Company"]
+    },
+    "image": {
+      "$ref": "http://schema.mydesignsystem.com/contact.schema.json#/properties/image"
+    },
+    "links": {
+      "$ref": "http://schema.mydesignsystem.com/contact.schema.json#/properties/links"
+    }
+  },
+  "additionalProperties": false,
+  "required": ["name"]
+}

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

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

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

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
+import { Contact } from '../contact/index.js';
+import 'classnames';
+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';
+import '@kickstartds/core/lib/container';
+
+const BlogAuthorContextDefault = forwardRef(({ name, byline, image, links }) => {
+    return (jsx(Contact, { 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 });
+});
+BlogAuthor.displayName = "BlogAuthor";
+
+export { BlogAuthor, BlogAuthorContext, BlogAuthorContextDefault };

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

@@ -86,8 +86,10 @@
       "type": "object",
       "properties": {
         "author": {
+          "$schema": "http://json-schema.org/draft-07/schema#",
+          "$id": "http://schema.mydesignsystem.com/blog-author.schema.json",
           "type": "object",
-          "title": "Author",
+          "title": "Blog Author",
           "description": "The author of the blog post",
           "properties": {
             "name": {
@@ -184,6 +186,9 @@
                   }
                 ]
               ]
+            },
+            "type": {
+              "const": "blog-author"
             }
           },
           "additionalProperties": false,

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

@@ -15,6 +15,7 @@ import '@kickstartds/core/lib/component';
 import '@kickstartds/blog/lib/post-meta';
 import '@kickstartds/blog/lib/post-share-bar';
 import '@kickstartds/core/lib/container';
+import '../blog-author/index.js';
 import '../contact/index.js';
 import '@kickstartds/base/lib/picture';
 import '@kickstartds/base/lib/contact';

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 03 Sep 2024 14:30:50 GMT
+ * Generated on Tue, 03 Sep 2024 15:00:43 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 03 Sep 2024 14:30:52 GMT
+ * Generated on Tue, 03 Sep 2024 15:00:46 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 14:30:56 GMT
+ * Generated on Tue, 03 Sep 2024 15:00:51 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 14:30:54 GMT
+ * Generated on Tue, 03 Sep 2024 15:00:49 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 14:30:59 GMT
+ * Generated on Tue, 03 Sep 2024 15:00:54 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 14:30:50 GMT
+ * Generated on Tue, 03 Sep 2024 15:00:43 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 03 Sep 2024 14:30:50 GMT
+ * Generated on Tue, 03 Sep 2024 15:00:44 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json

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