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

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

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

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

@@ -1,3 +1,8 @@
+.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);
@@ -10,60 +15,125 @@
   --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__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--gap: var(--ks-spacing-xxs);
+  --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 {
-  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));
+  padding: var(--dsa-business-card--padding, var(--ks-spacing-inset-xl));
   display: flex;
-  flex-direction: column;
   gap: var(--dsa-business-card--gap, var(--ks-spacing-stack-l));
-  align-items: center;
+  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));
-  text-align: center;
+}
+.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 {
-  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__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(--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;
+  gap: var(--ks-spacing-stack-xs);
 }
 .dsa-business-card__avatar {
   width: var(--dsa-business-card__avatar--size, 6em);
@@ -74,10 +144,16 @@
 }
 .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%;
+  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;
@@ -98,6 +174,7 @@
   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

@@ -4,6 +4,12 @@
   "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",

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

@@ -4,6 +4,12 @@
   "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",

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

@@ -5,6 +5,10 @@
  * 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.
  */
@@ -44,6 +48,7 @@ type Buttons = {
     url: string;
 }[];
 interface BusinessCardProps {
+    centered?: Centered;
     image?: BackgroundImage;
     logo?: CompanyLogo;
     topic?: Topic;

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

@@ -1,5 +1,6 @@
 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';
@@ -7,10 +8,9 @@ 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 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);

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

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

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

@@ -1,4 +1,4 @@
-import { PageProps } from "../../PageProps-21d04028.js";
+import { PageProps } from "../../PageProps-aa29c554.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 Thu, 10 Jul 2025 08:45:12 GMT
+ * Generated on Mon, 28 Jul 2025 10:38:25 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,14 +157,15 @@
         }
       ]
     },
-    "screenshot": "img/screenshots/industry-breadcrumb--default.png"
+    "screenshot": "img/screenshots/corporate-breadcrumb--default.png"
   },
   {
-    "id": "industry-business-card--default",
-    "group": "Industry / Business Card",
+    "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"
@@ -204,7 +205,99 @@
         }
       ]
     },
-    "screenshot": "img/screenshots/industry-business-card--default.png"
+    "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",
@@ -1397,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": {
@@ -1447,7 +1540,7 @@
         }
       ]
     },
-    "screenshot": "img/screenshots/industry-content-nav--default.png"
+    "screenshot": "img/screenshots/corporate-content-nav--default.png"
   },
   {
     "id": "components-cta--banner",
@@ -1804,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": {
@@ -1838,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": {
@@ -1869,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": {
@@ -1906,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": {
@@ -1938,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",
@@ -3541,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": {
@@ -3602,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": {
@@ -3616,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": {
@@ -3643,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": {
@@ -3661,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/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 10 Jul 2025 08:45:15 GMT
+ * Generated on Mon, 28 Jul 2025 10:38:28 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 Thu, 10 Jul 2025 08:45:19 GMT
+ * Generated on Mon, 28 Jul 2025 10:38:33 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 Thu, 10 Jul 2025 08:45:17 GMT
+ * Generated on Mon, 28 Jul 2025 10:38:31 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 Thu, 10 Jul 2025 08:45:21 GMT
+ * Generated on Mon, 28 Jul 2025 10:38:36 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 Thu, 10 Jul 2025 08:45:12 GMT
+ * Generated on Mon, 28 Jul 2025 10:38:25 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 Thu, 10 Jul 2025 08:45:12 GMT
+ * Generated on Mon, 28 Jul 2025 10:38:26 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.1849.0",
+  "version": "1.6.71--canary.45.1857.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {