@kickstartds/ds-agency-premium 1.6.71--canary.45.1843.0 → 1.6.71--canary.45.1849.0

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

@@ -3,8 +3,8 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-21d04028.js";
-import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
+import { SectionProps } from "./SectionProps-00ddee3a.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
 import { CtaProps } from "./CtaProps-babe4ee6.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-c760fd2a.d.ts}

@@ -5,7 +5,7 @@
  */
 import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
 import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
-import { SectionProps } from "./SectionProps-21d04028.js";
+import { SectionProps } from "./SectionProps-00ddee3a.js";
 import { CtaProps } from "./CtaProps-babe4ee6.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/{PageProps-aa29c554.d.ts → PageProps-21d04028.d.ts}

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-21d04028.js";
+import { SectionProps } from "./SectionProps-00ddee3a.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Collection of sections (with their contents) to render on the page

package/dist/{SectionProps-21d04028.d.ts → SectionProps-00ddee3a.d.ts}

@@ -10,7 +10,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-40f6c7f5.js";
 import { HtmlProps } from "./HtmlProps-9d091769.js";
-import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "./ImageStoryProps-00ddee3a.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

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

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

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
+import { BlogTeaserProps } from "../../BlogTeaserProps-d62a0a9a.js";
 declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,104 @@
+.dsa-business-card {
+  --dsa-business-card--border-radius: var(--ks-border-radius-card);
+  --dsa-business-card--padding: var(--ks-spacing-inset-m);
+  --dsa-business-card--background-color: var(--ks-background-color-card);
+  --dsa-business-card--gap: var(--ks-spacing-stack-l);
+  --dsa-business-card__image--aspect-ratio: 16 / 9;
+  --dsa-business-card__image--border-radius: var(--ks-border-radius-card);
+  --dsa-business-card__topic--font: var(--dsa-topic--font);
+  --dsa-business-card__topic--font-weight: var(--dsa-topic--font-weight);
+  --dsa-business-card__topic--color: var(--dsa-topic--color);
+  --dsa-business-card__topic--margin-top: var(--ks-spacing-stack-m);
+  --dsa-business-card__logo--max-width: var(--dsa-tile--width_small);
+  --dsa-business-card__infos--gap: var(--ks-spacing-stack-s);
+  --dsa-business-card__address--font: var(--ks-font-interface-m);
+  --dsa-business-card__address--color: var(--ks-text-color-interface);
+  --dsa-business-card__avatar--border-radius: var(--ks-border-radius-circle);
+  --dsa-business-card__avatar--size: calc(var(--dsa-tile--width_smallest) / 2);
+  --dsa-business-card__contact--gap: var(--ks-spacing-xxs);
+  --dsa-business-card__contact--icon-size: 1.25em;
+  --dsa-business-card__contact--font: var(--ks-font-interface-m);
+  --dsa-business-card__contact--font-weight: var(--ks-font-weight-semi-bold);
+  --dsa-business-card__contact--color: var(--ks-text-color-interface-interactive);
+  --dsa-business-card__contact--color_hover: var(--ks-text-color-interface-interactive-hover);
+}
+
+.dsa-business-card {
+  max-width: var(--dsa-tile--width_medium);
+  margin: auto;
+  margin-top: 30px;
+  border-radius: var(--dsa-business-card--border-radius, var(--ks-border-radius-card));
+  padding: var(--dsa-business-card--padding, var(--ks-spacing-inset-m));
+  display: flex;
+  flex-direction: column;
+  gap: var(--dsa-business-card--gap, var(--ks-spacing-stack-l));
+  align-items: center;
+  background-color: var(--dsa-business-card--background-color, var(--ks-background-color-card));
+}
+.dsa-business-card__topic {
+  font: var(--dsa-business-card__topic--font, var(--dsa-topic--font));
+  color: var(--dsa-business-card__topic--color, var(--dsa-topic--color));
+  font-weight: var(--dsa-business-card__topic--font-weight, var(--dsa-topic--font-weight));
+  text-align: center;
+}
+.dsa-business-card__image img {
+  aspect-ratio: var(--dsa-business-card__image--aspect-ratio, 16/9);
+  object-fit: cover;
+  border-radius: var(--dsa-business-card__image--border-radius, var(--ks-border-radius-card));
+}
+.dsa-business-card__logo {
+  flex-grow: 1;
+  max-width: var(--dsa-business-card__logo--max-width, var(--dsa-tile--width_small));
+  width: 100%;
+}
+.dsa-business-card__logo img {
+  width: 100%;
+}
+.dsa-business-card__infos {
+  display: flex;
+  flex-direction: column;
+  gap: var(--dsa-business-card__infos--gap, var(--ks-spacing-stack-s));
+  align-items: center;
+}
+.dsa-business-card__address {
+  font: var(--dsa-business-card__address--font, var(--ks-font-interface-m));
+  color: var(--dsa-business-card__address--color, var(--ks-text-color-interface));
+  text-align: center;
+}
+.dsa-business-card__avatar {
+  width: var(--dsa-business-card__avatar--size, 6em);
+  height: var(--dsa-business-card__avatar--size, 6em);
+  aspect-ratio: 1;
+  border-radius: var(--dsa-business-card__avatar--border-radius, var(--ks-border-radius-circle));
+  object-fit: cover;
+}
+.dsa-business-card__contact {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--dsa-business-card__contact--gap, var(--ks-spacing-xxs));
+  width: 100%;
+}
+.dsa-business-card__contact-item {
+  display: flex;
+  align-items: center;
+  font: var(--dsa-business-card__contact--font, var(--ks-font-interface-m));
+  --g-link--color: var(--dsa-business-card__contact--color, var(--dsa-link--color));
+  --g-link--color-hover: var(--dsa-business-card__contact--color_hover, var(--dsa-link--color_hover));
+  --g-link--font-weight: var(--dsa-business-card__contact--font-weight, var(--ks-font-weight-semi-bold));
+  text-align: center;
+}
+.dsa-business-card__contact-item .icon {
+  width: var(--dsa-business-card__contact--icon-size, 1.25em);
+  height: var(--dsa-business-card__contact--icon-size, 1.25em);
+  margin-right: 0.35em;
+}
+.dsa-business-card__buttons {
+  display: flex;
+  gap: var(--ks-spacing-stack-s);
+  flex-wrap: wrap;
+  justify-content: center;
+}
+.dsa-business-card__buttons .c-button {
+  width: fit-content;
+}

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

@@ -0,0 +1,138 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/business-card.schema.json",
+  "title": "Business Card",
+  "type": "object",
+  "properties": {
+    "image": {
+      "type": "object",
+      "title": "Background Image",
+      "description": "A background or feature image displayed on the business card.",
+      "properties": {
+        "src": {
+          "type": "string",
+          "format": "uri",
+          "description": "URL of the background image shown on the business card."
+        },
+        "alt": {
+          "type": "string",
+          "description": "Alternative text describing the background image."
+        }
+      },
+      "required": [
+        "src"
+      ],
+      "additionalProperties": false
+    },
+    "logo": {
+      "type": "object",
+      "title": "Company Logo",
+      "description": "The logo of the company or organization displayed on the business card.",
+      "properties": {
+        "src": {
+          "type": "string",
+          "format": "uri",
+          "description": "URL of the company or organization logo."
+        },
+        "alt": {
+          "type": "string",
+          "description": "Alternative text describing the logo."
+        },
+        "url": {
+          "type": "string",
+          "format": "uri",
+          "description": "URL to the company's website or landing page."
+        }
+      },
+      "required": [
+        "src"
+      ],
+      "additionalProperties": false
+    },
+    "topic": {
+      "type": "string",
+      "title": "Topic",
+      "description": "A headline or main topic for the business card, such as a job title or department."
+    },
+    "address": {
+      "type": "string",
+      "title": "Address",
+      "description": "The physical or mailing address displayed on the business card."
+    },
+    "avatar": {
+      "type": "object",
+      "title": "Avatar",
+      "description": "A profile image or avatar representing the person on the business card.",
+      "properties": {
+        "src": {
+          "type": "string",
+          "format": "uri",
+          "description": "URL of the person's avatar or profile image."
+        },
+        "alt": {
+          "type": "string",
+          "description": "Alternative text describing the avatar."
+        }
+      },
+      "required": [
+        "src"
+      ],
+      "additionalProperties": false
+    },
+    "contact": {
+      "type": "array",
+      "title": "Contact Information",
+      "description": "A list of contact methods for the person or business (e.g., email, phone, website).",
+      "items": {
+        "type": "object",
+        "properties": {
+          "label": {
+            "type": "string",
+            "description": "Label describing the contact method (e.g., 'Email', 'Phone')."
+          },
+          "icon": {
+            "type": "string",
+            "description": "Icon name or identifier representing the contact method."
+          },
+          "url": {
+            "type": "string",
+            "format": "uri",
+            "description": "URL or link for the contact method, if applicable."
+          }
+        },
+        "required": [
+          "label"
+        ],
+        "additionalProperties": false
+      }
+    },
+    "buttons": {
+      "type": "array",
+      "title": "Buttons",
+      "description": "A list of action buttons shown on the business card.",
+      "items": {
+        "type": "object",
+        "properties": {
+          "label": {
+            "type": "string",
+            "description": "Text label for the link."
+          },
+          "url": {
+            "type": "string",
+            "format": "uri",
+            "description": "URL the link points to."
+          }
+        },
+        "required": [
+          "label",
+          "url"
+        ],
+        "additionalProperties": false
+      }
+    },
+    "type": {
+      "const": "business-card"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,120 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/business-card.schema.json",
+  "title": "Business Card",
+  "type": "object",
+  "properties": {
+    "image": {
+      "type": "object",
+      "title": "Background Image",
+      "description": "A background or feature image displayed on the business card.",
+      "properties": {
+        "src": {
+          "type": "string",
+          "format": "uri",
+          "description": "URL of the background image shown on the business card."
+        },
+        "alt": {
+          "type": "string",
+          "description": "Alternative text describing the background image."
+        }
+      },
+      "required": ["src"]
+    },
+    "logo": {
+      "type": "object",
+      "title": "Company Logo",
+      "description": "The logo of the company or organization displayed on the business card.",
+      "properties": {
+        "src": {
+          "type": "string",
+          "format": "uri",
+          "description": "URL of the company or organization logo."
+        },
+        "alt": {
+          "type": "string",
+          "description": "Alternative text describing the logo."
+        },
+        "url": {
+          "type": "string",
+          "format": "uri",
+          "description": "URL to the company's website or landing page."
+        }
+      },
+      "required": ["src"]
+    },
+    "topic": {
+      "type": "string",
+      "title": "Topic",
+      "description": "A headline or main topic for the business card, such as a job title or department."
+    },
+    "address": {
+      "type": "string",
+      "title": "Address",
+      "description": "The physical or mailing address displayed on the business card."
+    },
+    "avatar": {
+      "type": "object",
+      "title": "Avatar",
+      "description": "A profile image or avatar representing the person on the business card.",
+      "properties": {
+        "src": {
+          "type": "string",
+          "format": "uri",
+          "description": "URL of the person's avatar or profile image."
+        },
+        "alt": {
+          "type": "string",
+          "description": "Alternative text describing the avatar."
+        }
+      },
+      "required": ["src"]
+    },
+    "contact": {
+      "type": "array",
+      "title": "Contact Information",
+      "description": "A list of contact methods for the person or business (e.g., email, phone, website).",
+      "items": {
+        "type": "object",
+        "properties": {
+          "label": {
+            "type": "string",
+            "description": "Label describing the contact method (e.g., 'Email', 'Phone')."
+          },
+          "icon": {
+            "type": "string",
+            "description": "Icon name or identifier representing the contact method."
+          },
+          "url": {
+            "type": "string",
+            "format": "uri",
+            "description": "URL or link for the contact method, if applicable."
+          }
+        },
+        "required": ["label"]
+      }
+    },
+    "buttons": {
+      "type": "array",
+      "title": "Buttons",
+      "description": "A list of action buttons shown on the business card.",
+      "items": {
+        "type": "object",
+        "properties": {
+          "label": {
+            "type": "string",
+            "description": "Text label for the link."
+          },
+          "url": {
+            "type": "string",
+            "format": "uri",
+            "description": "URL the link points to."
+          }
+        },
+        "required": ["label", "url"],
+        "additionalProperties": false
+      }
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,102 @@
+/// <reference types="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.
+ */
+/**
+ * A headline or main topic for the business card, such as a job title or department.
+ */
+type Topic = string;
+/**
+ * The physical or mailing address displayed on the business card.
+ */
+type Address = string;
+/**
+ * A list of contact methods for the person or business (e.g., email, phone, website).
+ */
+type ContactInformation = {
+    /**
+     * Label describing the contact method (e.g., 'Email', 'Phone').
+     */
+    label: string;
+    /**
+     * Icon name or identifier representing the contact method.
+     */
+    icon?: string;
+    /**
+     * URL or link for the contact method, if applicable.
+     */
+    url?: string;
+}[];
+/**
+ * A list of action buttons shown on the business card.
+ */
+type Buttons = {
+    /**
+     * Text label for the link.
+     */
+    label: string;
+    /**
+     * URL the link points to.
+     */
+    url: string;
+}[];
+interface BusinessCardProps {
+    image?: BackgroundImage;
+    logo?: CompanyLogo;
+    topic?: Topic;
+    address?: Address;
+    avatar?: Avatar;
+    contact?: ContactInformation;
+    buttons?: Buttons;
+}
+/**
+ * A background or feature image displayed on the business card.
+ */
+interface BackgroundImage {
+    /**
+     * URL of the background image shown on the business card.
+     */
+    src: string;
+    /**
+     * Alternative text describing the background image.
+     */
+    alt?: string;
+}
+/**
+ * The logo of the company or organization displayed on the business card.
+ */
+interface CompanyLogo {
+    /**
+     * URL of the company or organization logo.
+     */
+    src: string;
+    /**
+     * Alternative text describing the logo.
+     */
+    alt?: string;
+    /**
+     * URL to the company's website or landing page.
+     */
+    url?: string;
+}
+/**
+ * A profile image or avatar representing the person on the business card.
+ */
+interface Avatar {
+    /**
+     * URL of the person's avatar or profile image.
+     */
+    src: string;
+    /**
+     * Alternative text describing the avatar.
+     */
+    alt?: string;
+}
+declare const BusinessCardContextDefault: import("react").ForwardRefExoticComponent<BusinessCardProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const BusinessCardContext: import("react").Context<import("react").ForwardRefExoticComponent<BusinessCardProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const BusinessCard: import("react").ForwardRefExoticComponent<BusinessCardProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { BusinessCardProps };
+export { BusinessCardContextDefault, BusinessCardContext, BusinessCard };

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

@@ -0,0 +1,21 @@
+import "./business-card.css";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
+import { Icon } from '@kickstartds/base/lib/icon';
+import { Picture } from '@kickstartds/base/lib/picture';
+import Markdown from 'markdown-to-jsx';
+import { Button } from '../button/index.js';
+import { Link } from '@kickstartds/base/lib/link';
+import { Container } from '@kickstartds/core/lib/container';
+import 'classnames';
+import '@kickstartds/base/lib/button';
+
+const BusinessCardContextDefault = forwardRef(({ image, logo, topic, address, avatar, contact, buttons }, ref) => (jsx(Container, { name: "business-card", children: jsxs("div", { className: "dsa-business-card", ref: ref, children: [image && (jsx("div", { className: "dsa-business-card__image", children: jsx(Picture, { src: image.src, alt: image.alt }) })), logo && (jsx(Fragment, { children: logo.url ? (jsx(Link, { href: logo.url, className: "dsa-business-card__logo dsa-business-card__logo-link", children: jsx(Picture, { src: logo.src, alt: logo.alt }) })) : (jsx(Picture, { className: "dsa-business-card__logo", src: logo.src, alt: logo.alt })) })), jsxs("address", { className: "dsa-business-card__infos", children: [topic && (jsx("div", { className: "dsa-business-card__topic", children: jsx("span", { children: topic }) })), jsx(Markdown, { className: "dsa-business-card__address", children: address }), avatar && (jsx(Picture, { className: "dsa-business-card__avatar", src: avatar?.src, alt: avatar?.alt })), contact && (jsx("div", { className: "dsa-business-card__contact", children: contact.map((item, index) => (jsx(Fragment, { children: jsxs(Link, { href: item?.url, className: "dsa-business-card__contact-item", children: [item?.icon && jsx(Icon, { icon: item?.icon }), jsx("span", { children: item.label })] }, index) }))) }))] }), buttons && buttons.length > 0 && (jsx("div", { className: "dsa-business-card__buttons", children: buttons.map((button, index) => (jsx(Button, { label: button.label, url: button.url, className: "dsa-business-card__button", variant: "primary" }, index))) }))] }) })));
+const BusinessCardContext = createContext(BusinessCardContextDefault);
+const BusinessCard = forwardRef((props, ref) => {
+    const Component = useContext(BusinessCardContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+BusinessCard.displayName = "BusinessCard";
+
+export { BusinessCard, BusinessCardContext, BusinessCardContextDefault };

package/dist/components/content-nav/index.js

@@ -3,7 +3,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { Icon } from '@kickstartds/base/lib/icon';
 
-const ContentNavContextDefault = forwardRef(({ image, links, topic, initiallyShown }, ref) => (jsxs("div", { className: "dsa-content-nav", ref: ref, children: [image && (jsx("div", { className: "dsa-content-nav__image", children: jsx("img", { src: image.src, alt: image.alt }) })), topic && (jsx("div", { className: "dsa-content-nav__topic", children: jsx("span", { children: topic }) })), links && links.length > 0 && (jsxs(Fragment, { children: [jsx("div", { className: "dsa-content-nav__links dsa-content-nav__links--initial", children: links.slice(0, initiallyShown).map((link, index) => (jsx("a", { href: link.url, className: "dsa-content-nav__link", children: link.label }, index))) }), links.length > initiallyShown && (jsxs("details", { className: "dsa-content-nav__more", children: [jsxs("summary", { className: "dsa-content-nav__toggle-more", children: [jsx("span", { className: "dsa-content-nav__toggle-label--more", children: "Show more" }), jsx("span", { className: "dsa-content-nav__toggle-label--less", children: "Show less" }), jsx(Icon, { icon: "chevron-down" })] }), jsx("div", { className: "dsa-content-nav__more-content", children: jsx("div", { className: "dsa-content-nav__links dsa-content-nav__links--more", children: links.slice(initiallyShown).map((link, index) => (jsx("a", { href: link.url, className: "dsa-content-nav__link", children: link.label }, index))) }) })] }))] }))] })));
+const ContentNavContextDefault = forwardRef(({ image, links, topic, initiallyShown }, ref) => (jsxs("div", { className: "dsa-content-nav", ref: ref, children: [image && (jsx("div", { className: "dsa-content-nav__image", children: jsx("img", { src: image.src, alt: image.alt }) })), topic && (jsx("div", { className: "dsa-content-nav__topic", children: jsx("span", { children: topic }) })), links && links.length > 0 && (jsxs(Fragment, { children: [jsx("div", { className: "dsa-content-nav__links dsa-content-nav__links--initial", children: links.slice(0, initiallyShown).map((link, index) => (jsx("a", { href: link.url, className: "dsa-content-nav__link", children: link.label }, index))) }), links.length > initiallyShown && (jsxs("details", { className: "dsa-content-nav__more", children: [jsxs("summary", { className: "dsa-content-nav__toggle-more", children: [jsx("span", { className: "dsa-content-nav__toggle-label--more", children: "Show more" }), jsx("span", { className: "dsa-content-nav__toggle-label--less", children: "Show less" }), jsx(Icon, { "aria-hidden": true, icon: "chevron-down" })] }), jsx("div", { className: "dsa-content-nav__more-content", children: jsx("div", { className: "dsa-content-nav__links dsa-content-nav__links--more", children: links.slice(initiallyShown).map((link, index) => (jsx("a", { href: link.url, className: "dsa-content-nav__link", children: link.label }, index))) }) })] }))] }))] })));
 const ContentNavContext = createContext(ContentNavContextDefault);
 const ContentNav = forwardRef((props, ref) => {
     const Component = useContext(ContentNavContext);

package/dist/components/image-story/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "../../ImageStoryProps-00ddee3a.js";
 declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -29,8 +29,8 @@ interface SettingsProps {
     seo: SeoProps;
     iconSprite?: IconSprite;
 }
-export * from "../../BlogPostProps-6b3cff22.js";
-export * from "../../BlogOverviewProps-9f207f1c.js";
-export * from "../../PageProps-aa29c554.js";
+export * from "../../BlogPostProps-c760fd2a.js";
+export * from "../../BlogOverviewProps-d62a0a9a.js";
+export * from "../../PageProps-21d04028.js";
 export { IconSprite, SettingsProps };
 export * from "../../EventDetailProps-42a7eebe.js";

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

@@ -1,4 +1,4 @@
-import { PageProps } from "../../PageProps-aa29c554.js";
+import { PageProps } from "../../PageProps-21d04028.js";
 import { FC, PropsWithChildren } from "react";
 declare const Page: FC<PropsWithChildren<PageProps>>;
 export type { PageProps };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Jul 2025 06:44:24 GMT
+ * Generated on Thu, 10 Jul 2025 08:45:12 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/presets.json

@@ -159,6 +159,53 @@
     },
     "screenshot": "img/screenshots/industry-breadcrumb--default.png"
   },
+  {
+    "id": "industry-business-card--default",
+    "group": "Industry / Business Card",
+    "name": "Default",
+    "code": "<BusinessCard\n  address=\"1234 Business Lane<br />Suite 567 <br />Business City, BC 12345\"\n  avatar={{\n    alt: 'Emily Johnson',\n    src: 'img/people/contact-person.png'\n  }}\n  buttons={[\n    {\n      label: 'Market Insights',\n      url: '#'\n    }\n  ]}\n  contact={[\n    {\n      icon: 'phone',\n      label: '+1 234 567 890',\n      url: 'tel:+1234567890'\n    },\n    {\n      icon: 'email',\n      label: 'emily@example.com',\n      url: 'mailto:emily@example.com'\n    },\n    {\n      icon: 'linkedin',\n      label: 'Emily Johnson',\n      url: '#'\n    }\n  ]}\n  image={{\n    alt: 'A group of people collaborating in an office setting',\n    src: 'img/full-shot-different-people-working-together.png'\n  }}\n  logo={{\n    alt: 'Business Logo',\n    src: 'logo.svg',\n    url: '#'\n  }}\n  topic=\"Industry Intelligence\"\n/>",
+    "args": {
+      "image": {
+        "src": "img/full-shot-different-people-working-together.png",
+        "alt": "A group of people collaborating in an office setting"
+      },
+      "logo": {
+        "src": "logo.svg",
+        "alt": "Business Logo",
+        "url": "#"
+      },
+      "topic": "Industry Intelligence",
+      "address": "1234 Business Lane<br />Suite 567 <br />Business City, BC 12345",
+      "avatar": {
+        "src": "img/people/contact-person.png",
+        "alt": "Emily Johnson"
+      },
+      "contact": [
+        {
+          "icon": "phone",
+          "label": "+1 234 567 890",
+          "url": "tel:+1234567890"
+        },
+        {
+          "icon": "email",
+          "label": "emily@example.com",
+          "url": "mailto:emily@example.com"
+        },
+        {
+          "icon": "linkedin",
+          "label": "Emily Johnson",
+          "url": "#"
+        }
+      ],
+      "buttons": [
+        {
+          "label": "Market Insights",
+          "url": "#"
+        }
+      ]
+    },
+    "screenshot": "img/screenshots/industry-business-card--default.png"
+  },
   {
     "id": "components-button--primary-button",
     "group": "Components/Button",

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { SectionProps } from "../../SectionProps-21d04028.js";
+import { SectionProps } from "../../SectionProps-00ddee3a.js";
 declare const SectionContextDefault: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const SectionContext: import("react").Context<import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/split-even/index.d.ts

@@ -13,7 +13,7 @@ import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
 import { GalleryProps } from "../../GalleryProps-76e7de44.js";
 import { HeroProps } from "../../HeroProps-40f6c7f5.js";
 import { HtmlProps } from "../../HtmlProps-9d091769.js";
-import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "../../ImageStoryProps-00ddee3a.js";
 import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
 import { LogosProps } from "../../LogosProps-f9474fe2.js";
 import { MosaicProps } from "../../MosaicProps-d52c7151.js";

package/dist/components/split-weighted/index.d.ts

@@ -13,7 +13,7 @@ import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
 import { GalleryProps } from "../../GalleryProps-76e7de44.js";
 import { HeroProps } from "../../HeroProps-40f6c7f5.js";
 import { HtmlProps } from "../../HtmlProps-9d091769.js";
-import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "../../ImageStoryProps-00ddee3a.js";
 import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
 import { LogosProps } from "../../LogosProps-f9474fe2.js";
 import { MosaicProps } from "../../MosaicProps-d52c7151.js";

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Jul 2025 06:44:27 GMT
+ * Generated on Thu, 10 Jul 2025 08:45:15 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 Wed, 09 Jul 2025 06:44:31 GMT
+ * Generated on Thu, 10 Jul 2025 08:45:19 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 Wed, 09 Jul 2025 06:44:29 GMT
+ * Generated on Thu, 10 Jul 2025 08:45:17 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 Wed, 09 Jul 2025 06:44:33 GMT
+ * Generated on Thu, 10 Jul 2025 08:45:21 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 Wed, 09 Jul 2025 06:44:24 GMT
+ * Generated on Thu, 10 Jul 2025 08:45:12 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Jul 2025 06:44:25 GMT
+ * Generated on Thu, 10 Jul 2025 08:45:12 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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