@kickstartds/ds-agency-premium 1.6.71--canary.45.1846.0 → 1.6.71--canary.45.1855.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-c04a5ed8.d.ts}

@@ -4,8 +4,8 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
-import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
-import { SectionProps } from "./SectionProps-21d04028.js";
+import { BlogAsideProps } from "./BlogAsideProps-fb0241df.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

@@ -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-aside/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogAsideProps } from "../../BlogAsideProps-c760fd2a.js";
+import { BlogAsideProps } from "../../BlogAsideProps-fb0241df.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-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-c04a5ed8.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,181 @@
+.l-container--business-card {
+  /* stylelint-disable-next-line property-no-unknown */
+  container-name: business-card;
+}
+
+.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__address--gap: var(--ks-spacing-stack-l) var(--ks-spacing-inline-xl);
+  --dsa-business-card__infos--font: var(--ks-font-interface-m);
+  --dsa-business-card__infos--color: var(--ks-text-color-copy);
+  --dsa-business-card__avatar--border-radius: var(--ks-border-radius-control);
+  --dsa-business-card__avatar--size: calc(var(--dsa-tile--width_smallest) / 2);
+  --dsa-business-card__contact-items--gap: var(--ks-spacing-xxs);
+  --dsa-business-card__contact--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
+  --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);
+}
+@container business-card (min-width: 640px) {
+  .dsa-business-card {
+    --dsa-business-card--padding: var(--ks-spacing-inset-xl);
+  }
+}
+
+.l-container--business-card {
+  /* stylelint-disable-next-line property-no-unknown */
+  container-name: business-card;
+}
+
+.dsa-business-card {
+  border-radius: var(--dsa-business-card--border-radius, var(--ks-border-radius-card));
+  padding: var(--dsa-business-card--padding, var(--ks-spacing-inset-xl));
+  display: flex;
+  gap: var(--dsa-business-card--gap, var(--ks-spacing-stack-l));
+  justify-content: center;
+  flex-direction: column;
+  background-color: var(--dsa-business-card--background-color, var(--ks-background-color-card));
+  align-items: flex-start;
+}
+@container business-card (min-width: 640px) {
+  .dsa-business-card {
+    flex-direction: row;
+    align-items: stretch;
+  }
+}
+.dsa-business-card--centered {
+  text-align: center;
+  align-items: center;
+}
+.dsa-business-card--centered .dsa-business-card__infos,
+.dsa-business-card--centered .dsa-business-card__content {
+  align-items: center;
+  text-align: center;
+}
+.dsa-business-card--centered .dsa-business-card__contact {
+  justify-content: center;
+}
+.dsa-business-card__content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--dsa-business-card--gap, var(--ks-spacing-stack-l));
+  flex-grow: 1;
+}
+@container business-card (min-width: 640px) {
+  .dsa-business-card__content {
+    flex-basis: var(--dsa-tile--width_medium);
+  }
+}
+.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));
+}
+.dsa-business-card__image {
+  flex-grow: 1;
+}
+.dsa-business-card__image img {
+  width: 100%;
+  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));
+}
+@container business-card (min-width: 640px) {
+  .dsa-business-card__image img {
+    aspect-ratio: unset;
+    width: 100%;
+    height: 100%;
+    max-height: 60vh;
+    object-fit: cover;
+  }
+}
+.dsa-business-card__logo {
+  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__address {
+  display: flex;
+  gap: var(--dsa-business-card__address--gap, var(--ks-spacing-stack-s));
+  justify-content: flex-start;
+  flex-wrap: wrap;
+}
+.dsa-business-card__address--centered {
+  text-align: left;
+  justify-content: center;
+}
+.dsa-business-card__address--centered .dsa-business-card__address {
+  text-align: left;
+  flex-basis: var(--dsa-tile--width_medium);
+}
+.dsa-business-card__address--centered .dsa-business-card__infos {
+  flex-basis: var(--dsa-tile--width_medium);
+}
+.dsa-business-card__infos {
+  font: var(--dsa-business-card__infos--font, var(--ks-font-interface-m));
+  color: var(--dsa-business-card__infos--color, var(--ks-text-color-interface));
+  flex-grow: 1;
+  max-width: var(--dsa-tile--width_small);
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-xs);
+}
+.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;
+  gap: var(--dsa-business-card__contact--gap, var(--ks-spacing-xxs));
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
+.dsa-business-card__contact-items {
+  flex-basis: 100px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--dsa-business-card__contact-items--gap, var(--ks-spacing-xxs));
+}
+.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;
+  margin-bottom: var(--ks-spacing-inset-xs);
+}
+.dsa-business-card__buttons .c-button {
+  width: fit-content;
+}

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

@@ -0,0 +1,144 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/business-card.schema.json",
+  "title": "Business Card",
+  "type": "object",
+  "properties": {
+    "centered": {
+      "type": "boolean",
+      "title": "Centered",
+      "description": "Whether the business card content is centered.",
+      "default": false
+    },
+    "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,126 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/business-card.schema.json",
+  "title": "Business Card",
+  "type": "object",
+  "properties": {
+    "centered": {
+      "type": "boolean",
+      "title": "Centered",
+      "description": "Whether the business card content is centered.",
+      "default": false
+    },
+    "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,107 @@
+/// <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.
+ */
+/**
+ * Whether the business card content is centered.
+ */
+type Centered = boolean;
+/**
+ * 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 {
+    centered?: Centered;
+    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 classnames from 'classnames';
+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 '@kickstartds/base/lib/button';
+
+const BusinessCardContextDefault = forwardRef(({ centered, image, logo, topic, address, avatar, contact, buttons }, ref) => (jsx(Container, { name: "business-card", children: jsxs("div", { className: classnames("dsa-business-card", centered && "dsa-business-card--centered"), ref: ref, children: [image && (jsx("div", { className: "dsa-business-card__image", children: jsx(Picture, { src: image.src, alt: image.alt }) })), jsxs("div", { className: "dsa-business-card__content", children: [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: classnames("dsa-business-card__address", centered && "dsa-business-card__address--centered"), children: [jsxs("div", { 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__location", children: address })] }), jsxs("div", { className: "dsa-business-card__contact", children: [avatar && (jsx(Picture, { className: "dsa-business-card__avatar", src: avatar?.src, alt: avatar?.alt })), contact && (jsx("div", { className: "dsa-business-card__contact-items", 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/content-nav.css

@@ -1,15 +1,16 @@
 .dsa-content-nav {
   --dsa-content-nav--padding: var(--ks-spacing-inset-m);
   --dsa-content-nav--background-color: var(--ks-background-color-card);
+  --dsa-content-nav--gap: var(--ks-spacing-stack-m);
   --dsa-content-nav__topic--font: var(--dsa-topic--font);
   --dsa-content-nav__topic--font-weight: var(--dsa-topic--font-weight);
   --dsa-content-nav__topic--color: var(--dsa-topic--color);
-  --dsa-content-nav__topic--margin-top: var(--ks-spacing-stack-m);
   --dsa-content-nav__image--aspect-ratio: 16 / 9;
   --dsa-content-nav__image--border-radius: var(--ks-border-radius-card);
   --dsa-content-nav__links--gap: var(--ks-spacing-stack-xs);
   --dsa-content-nav__link--color: var(--ks-text-color-interface-interactive);
   --dsa-content-nav__link--color_hover: var(--ks-text-color-interface-interactive-hover);
+  --dsa-content-nav__link--icon-size: 1.25em;
   --dsa-content-nav__toggle-more--font: var(--ks-font-interface-m);
   --dsa-content-nav__toggle-more--color: var(--dsa-link--color);
   --dsa-content-nav__toggle-more--margin-top: var(--ks-spacing-stack-xs);
@@ -19,14 +20,17 @@
   border-radius: var(--ks-border-radius-card);
   padding: var(--dsa-content-nav--padding, var(--ks-spacing-inset-m));
   display: flex;
-  flex-direction: column;
+  flex-wrap: wrap;
   background-color: var(--dsa-content-nav--background-color, var(--ks-background-color-card));
+  gap: var(--dsa-content-nav--gap, var(--ks-spacing-stack-m));
 }
 .dsa-content-nav__topic {
   font: var(--dsa-content-nav__topic--font, var(--dsa-topic--font));
   color: var(--dsa-content-nav__topic--color, var(--dsa-topic--color));
   font-weight: var(--dsa-content-nav__topic--font-weight, var(--dsa-topic--font-weight));
-  margin-top: var(--dsa-content-nav__topic--margin-top, var(--ks-spacing-stack-m));
+}
+.dsa-content-nav__image {
+  flex-basis: var(--dsa-content-nav__image--width, var(--dsa-tile--width_largest));
 }
 .dsa-content-nav__image img {
   aspect-ratio: var(--dsa-content-nav__image--aspect-ratio, 16/9);
@@ -49,6 +53,12 @@
   --g-link--color-hover: var(--dsa-content-nav__link--color_hover, var(--ks-text-color-interface-interactive-hover));
   font: var(--ks-font-interface-m);
   width: fit-content;
+  display: flex;
+  align-items: center;
+}
+.dsa-content-nav__link .icon {
+  width: var(--dsa-content-nav__link--icon-size, 1.25em);
+  height: var(--dsa-content-nav__link--icon-size, 1.25em);
 }
 .dsa-content-nav__link--active {
   font-weight: var(--ks-font-weight-bold);
@@ -75,7 +85,7 @@
 .dsa-content-nav__more[open] .dsa-content-nav__toggle-label--less {
   display: block;
 }
-.dsa-content-nav__more[open] .icon {
+.dsa-content-nav__more[open] .dsa-content-nav__toggle-more .icon {
   transform: rotate(180deg);
 }
 .dsa-content-nav__toggle-more {

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

@@ -1,9 +1,9 @@
 import "./content-nav.css";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } 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, { "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 ContentNavContextDefault = forwardRef(({ image, links, topic, initiallyShown }, ref) => (jsxs("div", { className: "dsa-content-nav", ref: ref, children: [image && image?.src && (jsx("div", { className: "dsa-content-nav__image", children: jsx("img", { src: image.src, alt: image.alt }) })), jsxs("div", { className: "dsa-content-nav__content", children: [topic && (jsx("div", { className: "dsa-content-nav__topic", children: jsx("span", { children: topic }) })), jsx("div", { className: "dsa-content-nav__links dsa-content-nav__links--initial", children: links.slice(0, initiallyShown).map((link, index) => (jsxs("a", { href: link.url, className: "dsa-content-nav__link", children: [link.label, jsx(Icon, { icon: "chevron-right" })] }, 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) => (jsxs("a", { href: link.url, className: "dsa-content-nav__link", children: [link.label, jsx(Icon, { icon: "chevron-right" })] }, index))) }) })] }))] })] })));
 const ContentNavContext = createContext(ContentNavContextDefault);
 const ContentNav = forwardRef((props, ref) => {
     const Component = useContext(ContentNavContext);

package/dist/components/event-registration/event-registration.css

@@ -2,9 +2,6 @@
   display: flex;
   flex-direction: column;
   gap: var(--ks-spacing-stack-s);
-  max-width: 500px;
-  margin: auto;
-  margin-top: 200px;
 }
 .dsa-event-registration__link {
   width: fit-content;

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 "../../BlogPostProps-c04a5ed8.js";
+export * from "../../BlogOverviewProps-d62a0a9a.js";
 export * from "../../PageProps-aa29c554.js";
 export { IconSprite, SettingsProps };
 export * from "../../EventDetailProps-42a7eebe.js";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Jul 2025 08:19:19 GMT
+ * Generated on Fri, 11 Jul 2025 07:55:51 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
@@ -732,7 +732,7 @@
   --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
   --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
   --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
-  --ks-text-color-default-base: var(--ks-color-fg-alpha-2-base);
+  --ks-text-color-default-base: var(--ks-color-fg-alpha-3-base);
   --ks-text-color-default-interactive-base: var(--ks-color-link-base);
   --ks-text-color-default-interactive-hover-base: var(--ks-color-link-alpha-4-base);
   --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);

package/dist/components/presets.json

@@ -137,8 +137,8 @@
     "screenshot": "img/screenshots/blog-blog-teaser--default.png"
   },
   {
-    "id": "industry-breadcrumb--default",
-    "group": "Industry/Breadcrumb",
+    "id": "corporate-breadcrumb--default",
+    "group": "Corporate/Breadcrumb",
     "name": "Default",
     "code": "<Breadcrumb\n  pages={[\n    {\n      label: 'Page 1',\n      url: 'https://example.com/page1'\n    },\n    {\n      label: 'Page 2',\n      url: 'https://example.com/page2'\n    },\n    {\n      label: 'Page 3',\n      url: 'https://example.com/page3'\n    }\n  ]}\n />",
     "args": {
@@ -157,7 +157,147 @@
         }
       ]
     },
-    "screenshot": "img/screenshots/industry-breadcrumb--default.png"
+    "screenshot": "img/screenshots/corporate-breadcrumb--default.png"
+  },
+  {
+    "id": "corporate-business-card--default",
+    "group": "Corporate / 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": {
+      "centered": false,
+      "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/corporate-business-card--default.png"
+  },
+  {
+    "id": "corporate-business-card--centered",
+    "group": "Corporate / Business Card",
+    "name": "Centered",
+    "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  centered\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": {
+      "centered": true,
+      "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/corporate-business-card--centered.png"
+  },
+  {
+    "id": "corporate-business-card--without-image",
+    "group": "Corporate / Business Card",
+    "name": "WithoutImage",
+    "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  logo={{\n    alt: 'Business Logo',\n    src: 'logo.svg',\n    url: '#'\n  }}\n  topic=\"Industry Intelligence\"\n/>",
+    "args": {
+      "centered": false,
+      "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/corporate-business-card--without-image.png"
   },
   {
     "id": "components-button--primary-button",
@@ -1350,8 +1490,8 @@
     "screenshot": "img/screenshots/components-contact--full-image-width.png"
   },
   {
-    "id": "industry-content-nav--default",
-    "group": "Industry / Content Nav",
+    "id": "corporate-content-nav--default",
+    "group": "Corporate / Content Nav",
     "name": "Default",
     "code": "<ContentNav\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  initiallyShown={4}\n  links={[\n    {\n      label: 'Market Insights',\n      url: '#'\n    },\n    {\n      label: 'Industry Trends',\n      url: '#'\n    },\n    {\n      label: 'Competitor Analysis',\n      url: '#'\n    },\n    {\n      label: 'Customer Feedback',\n      url: '#'\n    },\n    {\n      label: 'Sales Data',\n      url: '#'\n    },\n    {\n      label: 'Product Development',\n      url: '#'\n    },\n    {\n      label: 'Supply Chain Management',\n      url: '#'\n    },\n    {\n      label: 'Financial Performance',\n      url: '#'\n    },\n    {\n      label: 'Regulatory Compliance',\n      url: '#'\n    }\n  ]}\n  topic=\"Industry Intelligence\"\n/>",
     "args": {
@@ -1400,7 +1540,7 @@
         }
       ]
     },
-    "screenshot": "img/screenshots/industry-content-nav--default.png"
+    "screenshot": "img/screenshots/corporate-content-nav--default.png"
   },
   {
     "id": "components-cta--banner",
@@ -1757,8 +1897,8 @@
     "screenshot": "img/screenshots/layout-divider--default.png"
   },
   {
-    "id": "industry-downloads--technical-details-only",
-    "group": "Industry/Downloads",
+    "id": "corporate-downloads--technical-details-only",
+    "group": "Corporate/Downloads",
     "name": "TechnicalDetailsOnly",
     "code": "<Downloads\n  downloads={[\n    {\n      format: 'PDF',\n      name: 'Product Brochure',\n      previewImage: 'img/offset-image.png',\n      size: '2.5 MB',\n      url: '#'\n    },\n    {\n      format: 'PDF',\n      name: 'Company Brochure',\n      previewImage: 'img/kickstartDS/CMS-Starter producthunt-slide-01.svg',\n      size: '3.2 MB',\n      url: '#'\n    },\n    {\n      format: 'DOC',\n      name: 'User Guide',\n      size: '20 KB',\n      url: '#'\n    },\n    {\n      format: 'TXT',\n      name: 'Technical Specifications',\n      size: '12 KB',\n      url: '#'\n    }\n  ]}\n />",
     "args": {
@@ -1791,11 +1931,11 @@
         }
       ]
     },
-    "screenshot": "img/screenshots/industry-downloads--technical-details-only.png"
+    "screenshot": "img/screenshots/corporate-downloads--technical-details-only.png"
   },
   {
-    "id": "industry-downloads--description-only",
-    "group": "Industry/Downloads",
+    "id": "corporate-downloads--description-only",
+    "group": "Corporate/Downloads",
     "name": "DescriptionOnly",
     "code": "<Downloads\n  downloads={[\n    {\n      description: 'Detailed product information and specifications. Recommended for all users.',\n      name: 'Product Brochure',\n      previewImage: 'img/offset-image.png'\n    },\n    {\n      description: 'In-depth technical details and requirements. Recommended for technical users.',\n      name: 'Technical Specifications',\n      previewImage: 'img/kickstartDS/CMS-Starter producthunt-slide-01.svg'\n    },\n    {\n      description: 'Comprehensive guide to using our product.',\n      name: 'User Guide',\n      previewImage: 'img/about/cta.png'\n    },\n    {\n      description: 'Overview of our company and services.',\n      name: 'Company Brochure',\n      previewImage: 'img/view-modern-office.jpg'\n    }\n  ]}\n />",
     "args": {
@@ -1822,11 +1962,11 @@
         }
       ]
     },
-    "screenshot": "img/screenshots/industry-downloads--description-only.png"
+    "screenshot": "img/screenshots/corporate-downloads--description-only.png"
   },
   {
-    "id": "industry-downloads--complete",
-    "group": "Industry/Downloads",
+    "id": "corporate-downloads--complete",
+    "group": "Corporate/Downloads",
     "name": "Complete",
     "code": "<Downloads\n  downloads={[\n    {\n      description: 'Detailed product information and specifications. Recommended for all users.',\n      format: 'PDF',\n      name: 'Product Brochure',\n      previewImage: 'img/offset-image.png',\n      size: '2.5 MB'\n    },\n    {\n      description: 'Overview of our company and services.',\n      format: 'PDF',\n      name: 'Company Brochure',\n      previewImage: 'img/kickstartDS/CMS-Starter producthunt-slide-01.svg',\n      size: '3.2 MB'\n    },\n    {\n      description: 'Comprehensive guide to using our product.',\n      format: 'DOC',\n      name: 'User Guide',\n      size: '20 KB'\n    },\n    {\n      description: 'In-depth technical details and requirements. Recommended for technical users.',\n      format: 'TXT',\n      name: 'Technical Specifications',\n      size: '12 KB'\n    }\n  ]}\n />",
     "args": {
@@ -1859,11 +1999,11 @@
         }
       ]
     },
-    "screenshot": "img/screenshots/industry-downloads--complete.png"
+    "screenshot": "img/screenshots/corporate-downloads--complete.png"
   },
   {
-    "id": "industry-downloads--mixed",
-    "group": "Industry/Downloads",
+    "id": "corporate-downloads--mixed",
+    "group": "Corporate/Downloads",
     "name": "Mixed",
     "code": "<Downloads\n  downloads={[\n    {\n      description: 'Detailed product information and specifications. Recommended for all users.',\n      format: 'PDF',\n      name: 'Product Brochure',\n      previewImage: 'img/offset-image.png',\n      size: '2.5 MB'\n    },\n    {\n      format: 'PDF',\n      name: 'User Guide',\n      previewImage: 'img/about/cta.png',\n      size: '1.2 MB'\n    },\n    {\n      name: 'Company Brochure',\n      previewImage: 'img/kickstartDS/CMS-Starter producthunt-slide-01.svg'\n    },\n    {\n      description: 'In-depth technical details and requirements.',\n      name: 'Technical Specifications'\n    }\n  ]}\n />",
     "args": {
@@ -1891,22 +2031,7 @@
         }
       ]
     },
-    "screenshot": "img/screenshots/industry-downloads--mixed.png"
-  },
-  {
-    "id": "event-event-appointment--default",
-    "group": "Event/ Event Appointment",
-    "name": "Default",
-    "code": "<EventAppointment\n  ariaLabel=\"Register for the event on 18th September 2025 from 09:00 to 17:00\"\n  date=\"18.09.2025\"\n  label=\"Register\"\n  newTab\n  time=\"09:00 – 17:00\"\n  url=\"#\"\n/>",
-    "args": {
-      "date": "18.09.2025",
-      "time": "09:00 – 17:00",
-      "label": "Register",
-      "url": "#",
-      "newTab": true,
-      "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
-    },
-    "screenshot": "img/screenshots/event-event-appointment--default.png"
+    "screenshot": "img/screenshots/corporate-downloads--mixed.png"
   },
   {
     "id": "event-event-filter--default",
@@ -3494,8 +3619,8 @@
     "screenshot": "img/screenshots/components-mosaic--colorful-text-with-illustrations.png"
   },
   {
-    "id": "industry-pagination--default",
-    "group": "Industry/Pagination",
+    "id": "corporate-pagination--default",
+    "group": "Corporate/Pagination",
     "name": "Default",
     "code": "<Pagination\n  ariaLabels={{\n    goToPage: 'Go to page',\n    nextPage: 'Go to next page',\n    previousPage: 'Go to previous page',\n    skipToFirstPage: 'Skip to first page',\n    skipToLastPage: 'Skip to last page'\n  }}\n  pages={[\n    {\n      active: false,\n      url: 'https://example.com/page1'\n    },\n    {\n      active: false,\n      url: 'https://example.com/page2'\n    },\n    {\n      active: false,\n      url: 'https://example.com/page3'\n    },\n    {\n      active: false,\n      url: 'https://example.com/page4'\n    },\n    {\n      active: false,\n      url: 'https://example.com/page5'\n    },\n    {\n      active: true,\n      url: 'https://example.com/page6'\n    },\n    {\n      active: false,\n      url: 'https://example.com/page7'\n    },\n    {\n      active: false,\n      url: 'https://example.com/page8'\n    },\n    {\n      active: false,\n      url: 'https://example.com/page9'\n    },\n    {\n      active: false,\n      url: 'https://example.com/page10'\n    },\n    {\n      url: 'https://example.com/page11'\n    },\n    {\n      url: 'https://example.com/page12'\n    }\n  ]}\n/>",
     "args": {
@@ -3555,11 +3680,11 @@
         }
       ]
     },
-    "screenshot": "img/screenshots/industry-pagination--default.png"
+    "screenshot": "img/screenshots/corporate-pagination--default.png"
   },
   {
-    "id": "industry-search-bar--default",
-    "group": "Industry / Search Bar",
+    "id": "corporate-search-bar--default",
+    "group": "Corporate / Search Bar",
     "name": "Default",
     "code": "<SearchBar\n  alternativeResult=\"AI Conference\"\n  alternativeText=\"Did you mean\"\n  buttonText=\"Search\"\n  hint=\"Press <kbd>Enter</kbd> to search\"\n  placeholder=\"Search...\"\n/>",
     "args": {
@@ -3569,11 +3694,11 @@
       "alternativeText": "Did you mean",
       "alternativeResult": "AI Conference"
     },
-    "screenshot": "img/screenshots/industry-search-bar--default.png"
+    "screenshot": "img/screenshots/corporate-search-bar--default.png"
   },
   {
-    "id": "industry-search-filter--default",
-    "group": "Industry / Search Filter",
+    "id": "corporate-search-filter--default",
+    "group": "Corporate / Search Filter",
     "name": "Default",
     "code": "<SearchFilter\n  categories={[\n    {\n      amount: '10',\n      title: 'Pages',\n      url: '#'\n    },\n    {\n      amount: '5',\n      title: 'News',\n      url: '#'\n    },\n    {\n      amount: '8',\n      title: 'Blog Posts',\n      url: '#'\n    }\n  ]}\n  title=\"Search by category\"\n/>",
     "args": {
@@ -3596,11 +3721,11 @@
         }
       ]
     },
-    "screenshot": "img/screenshots/industry-search-filter--default.png"
+    "screenshot": "img/screenshots/corporate-search-filter--default.png"
   },
   {
-    "id": "industry-search-result--default",
-    "group": "Industry / Search Result",
+    "id": "corporate-search-result--default",
+    "group": "Corporate / Search Result",
     "name": "Default",
     "code": "<SearchResult\n  ariaLabel=\"Search Result: AI Conference 2023\"\n  link={{\n    label: 'Read more',\n    url: 'https://www.example.com/ai-conference-2023'\n  }}\n  showLink\n  text=\"Join us for the annual **AI Conference** brings together experts from around the world\n[...] register now for the **AI Conference** to secure your spot\n[...] highlights from last year’s **AI Conference** included keynote speeches on machine learning\n[...] find out more about the **AI Conference** agenda and speakers\"\n  title=\"AI Conference 2023\"\n  url=\"https://www.example.com/ai-conference-2023\"\n/>",
     "args": {
@@ -3614,7 +3739,7 @@
         "label": "Read more"
       }
     },
-    "screenshot": "img/screenshots/industry-search-result--default.png"
+    "screenshot": "img/screenshots/corporate-search-result--default.png"
   },
   {
     "id": "layout-section--dynamic-layout",

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 08:19:21 GMT
+ * Generated on Fri, 11 Jul 2025 07:55:53 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 08:19:25 GMT
+ * Generated on Fri, 11 Jul 2025 07:55:57 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 08:19:23 GMT
+ * Generated on Fri, 11 Jul 2025 07:55:55 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 08:19:28 GMT
+ * Generated on Fri, 11 Jul 2025 07:55:59 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 08:19:19 GMT
+ * Generated on Fri, 11 Jul 2025 07:55:51 GMT
  */
 
 :root, [ks-theme] {
@@ -733,7 +733,7 @@
   --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
   --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
   --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
-  --ks-text-color-default-base: var(--ks-color-fg-alpha-2-base);
+  --ks-text-color-default-base: var(--ks-color-fg-alpha-3-base);
   --ks-text-color-default-interactive-base: var(--ks-color-link-base);
   --ks-text-color-default-interactive-hover-base: var(--ks-color-link-alpha-4-base);
   --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Jul 2025 08:19:19 GMT
+ * Generated on Fri, 11 Jul 2025 07:55:51 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";
@@ -737,7 +737,7 @@ export const KsSpacingInsetStretchS = "0.875rem 0.6364rem";
 export const KsSpacingInsetStretchM = "1.2031rem 0.875rem";
 export const KsSpacingInsetStretchL = "1.6543rem 1.2031rem";
 export const KsSpacingInsetStretchXl = "2.2747rem 1.6543rem";
-export const KsTextColorDefaultBase = "rgba(6, 8, 31, 0.87)";
+export const KsTextColorDefaultBase = "rgba(6, 8, 31, 0.76)";
 export const KsTextColorDefaultInteractiveBase = "#3065c0";
 export const KsTextColorDefaultInteractiveHoverBase = "rgba(48, 101, 192, 0.63)";
 export const KsTextColorDefaultInteractiveActiveBase = "#3065c0";

package/package.json

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