@kickstartds/ds-agency-premium 1.6.70--canary.45.1746.0 → 1.6.70--canary.45.1748.0

package/dist/{BlogOverviewProps-7caa223c.d.ts → BlogOverviewProps-9f207f1c.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-00ddee3a.js";
+import { SectionProps } from "./SectionProps-7caa223c.js";
 import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
 import { CtaProps } from "./CtaProps-babe4ee6.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";

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

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

package/dist/{PageProps-7caa223c.d.ts → 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-00ddee3a.js";
+import { SectionProps } from "./SectionProps-7caa223c.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Collection of sections (with their contents) to render on the page

package/dist/{SectionProps-00ddee3a.d.ts → SectionProps-7caa223c.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-00ddee3a.js";
+import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

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

@@ -1,4 +1,4 @@
-import { BlogOverviewProps } from "../../BlogOverviewProps-7caa223c.js";
+import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.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-c760fd2a.js";
+import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export type { BlogPostProps };

package/dist/components/breadcrumb/breadcrumb.css

@@ -0,0 +1,32 @@
+.dsa-breadcrumb {
+  --dsa-breadcrumb--gap: var(--ks-spacing-xxs);
+  --dsa-breadcrumb--font: var(--ks-font-interface-xs);
+  --dsa-breadcrumb--color: var(--ks-text-color-interface-interactive);
+  --dsa-breadcrumb--color_hover: var(--ks-text-color-interface-interactive-hover);
+  --dsa-breadcrumb__icon--size: 1.5em;
+  --dsa-breadcrumb__icon--color: var(--ks-color-fg-alpha-5);
+  --dsa-breadcrumb--color_active: var(--ks-text-color-interface-interactive-active);
+}
+
+.dsa-breadcrumb {
+  display: flex;
+  gap: var(--dsa-breadcrumb--gap, var(--ks-spacing-xxs));
+  flex-wrap: wrap;
+  align-items: flex-start;
+  font: var(--dsa-breadcrumb--font, var(--ks-font-interface-xs));
+}
+.dsa-breadcrumb__icon {
+  color: var(--dsa-breadcrumb__icon--color, var(--ks-color-fg-alpha-5));
+  width: var(--dsa-breadcrumb__icon--size, 1.5em);
+  height: var(--dsa-breadcrumb__icon--size, 1.5em);
+}
+.dsa-breadcrumb__link {
+  --g-link--color: var(--dsa-breadcrumb--color, var(--ks-text-color-interface-interactive));
+  --g-link--color-hover: var(--dsa-breadcrumb--color_hover, var(--ks-text-color-interface-interactive-hover));
+  font: inherit;
+}
+.dsa-breadcrumb__label {
+  color: var(--dsa-breadcrumb--color_active, var(--ks-text-color-interface-interactive-active));
+  font: inherit;
+  font-weight: var(--dsa-link--font-weight);
+}

package/dist/components/breadcrumb/breadcrumb.schema.dereffed.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/breadcrumb.schema.json",
+  "title": "Breadcrumb",
+  "type": "object",
+  "properties": {
+    "pages": {
+      "type": "array",
+      "description": "An array of breadcrumb pages. Each page should have a URL and a label.",
+      "items": {
+        "type": "object",
+        "properties": {
+          "url": {
+            "type": "string",
+            "description": "The URL to the page"
+          },
+          "label": {
+            "type": "string",
+            "description": "The label for the title of the page"
+          }
+        },
+        "required": [
+          "url",
+          "label"
+        ],
+        "additionalProperties": false
+      }
+    },
+    "type": {
+      "const": "breadcrumb"
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/breadcrumb/breadcrumb.schema.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/breadcrumb.schema.json",
+  "title": "Breadcrumb",
+  "type": "object",
+  "properties": {
+    "pages": {
+      "type": "array",
+      "description": "An array of breadcrumb pages. Each page should have a URL and a label.",
+      "items": {
+        "type": "object",
+        "properties": {
+          "url": {
+            "type": "string",
+            "description": "The URL to the page"
+          },
+          "label": {
+            "type": "string",
+            "description": "The label for the title of the page"
+          }
+        },
+        "required": ["url", "label"]
+      }
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { HTMLAttributes } from "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.
+ */
+interface BreadcrumbProps {
+    /**
+     * An array of breadcrumb pages. Each page should have a URL and a label.
+     */
+    pages?: {
+        /**
+         * The URL to the page
+         */
+        url: string;
+        /**
+         * The label for the title of the page
+         */
+        label: string;
+    }[];
+}
+declare const BreadcrumbContextDefault: import("react").ForwardRefExoticComponent<BreadcrumbProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const BreadcrumbContext: import("react").Context<import("react").ForwardRefExoticComponent<BreadcrumbProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { BreadcrumbProps };
+export { BreadcrumbContextDefault, BreadcrumbContext, Breadcrumb };

package/dist/components/breadcrumb/index.js

@@ -0,0 +1,17 @@
+import "./breadcrumb.css";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
+import { Icon } from '@kickstartds/base/lib/icon';
+import { Link } from '@kickstartds/base/lib/link';
+
+const BreadcrumbContextDefault = forwardRef(({ pages }, ref) => {
+    return (jsx("div", { className: "dsa-breadcrumb", ref: ref, children: pages.map((page, index) => index !== pages.length - 1 ? (jsxs(Fragment, { children: [jsx(Link, { href: page.url, className: "dsa-breadcrumb__link", children: page.label }), jsx(Icon, { className: "dsa-breadcrumb__icon", icon: "chevron-right" })] })) : (jsx("span", { className: "dsa-breadcrumb__label", children: page.label }))) }));
+});
+const BreadcrumbContext = createContext(BreadcrumbContextDefault);
+const Breadcrumb = forwardRef((props, ref) => {
+    const Component = useContext(BreadcrumbContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+Breadcrumb.displayName = "Breadcrumb";
+
+export { Breadcrumb, BreadcrumbContext, BreadcrumbContextDefault };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { ImageStoryProps } from "../../ImageStoryProps-00ddee3a.js";
+import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.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-c760fd2a.js";
-export * from "../../BlogOverviewProps-7caa223c.js";
-export * from "../../PageProps-7caa223c.js";
+export * from "../../BlogPostProps-6b3cff22.js";
+export * from "../../BlogOverviewProps-9f207f1c.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-7caa223c.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 Fri, 27 Jun 2025 07:48:13 GMT
+ * Generated on Fri, 27 Jun 2025 09:42:30 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
@@ -762,8 +762,8 @@
   --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
   --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
   --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
-  --ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
-  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
+  --ks-text-color-interface-base: var(--ks-color-fg-alpha-2-base);
+  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-4-base);
   --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
   --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
   --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);

package/dist/components/presets.json

@@ -136,6 +136,29 @@
     },
     "screenshot": "img/screenshots/blog-blog-teaser--default.png"
   },
+  {
+    "id": "industry-breadcrumb--default",
+    "group": "Industry/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": {
+      "pages": [
+        {
+          "url": "https://example.com/page1",
+          "label": "Page 1"
+        },
+        {
+          "url": "https://example.com/page2",
+          "label": "Page 2"
+        },
+        {
+          "url": "https://example.com/page3",
+          "label": "Page 3"
+        }
+      ]
+    },
+    "screenshot": "img/screenshots/industry-breadcrumb--default.png"
+  },
   {
     "id": "components-button--primary-button",
     "group": "Components/Button",

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { SectionProps } from "../../SectionProps-00ddee3a.js";
+import { SectionProps } from "../../SectionProps-7caa223c.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/global.css

@@ -582,7 +582,7 @@ h3 {
   --dsa-check--background: transparent;
   --dsa-check--background_checked: var(--ks-color-primary);
   --dsa-check--background_active: transparent;
-  --dsa-check--border: var(--ks-border-width-) solid;
+  --dsa-check--border: var(--ks-border-width-default) solid;
   --dsa-check--border-color: var(--ks-border-color-interface-interactive);
   --dsa-check--border-color_hover: var(--ks-border-color-interface-interactive-hover);
   --dsa-check--border-color_focus: var(--ks-border-color-interface-interactive-active);
@@ -640,10 +640,10 @@ h3 {
   --c-form-check_checkmark--color: var(--dsa-check__checkmark--color, var(--dsa-text-color-on-primary));
   --c-form-check_box--border-radius: var(--dsa-check--border-radius, 2px);
   --c-form-check_box-focus--shadow: var(--dsa-check--shadow_focus, 0 0 4px 0);
-  --c-form-check_checkmark--size: var(--dsa-check_radio__checkmark--size, calc(var(--swo-check--size) * 0.5));
+  --c-form-check_checkmark--size: var(--dsa-check_radio__checkmark--size, calc(var(--dsa-check--size) * 0.5));
   font: var(--dsa-check__label--font, var(--ks-font-interface-s));
   font-weight: var(--dsa-check__label--font-weight, var(--ks-font-weight-regular));
-  color: var(--dsa-check__label--color, var(--ks-text-color-interface-interactive-default));
+  color: var(--dsa-check__label--color, var(--ks-text-color-interface-interactive));
 }
 :root .c-form-check--checkbox, [ks-inverted] .c-form-check--checkbox, [ks-theme] .c-form-check--checkbox {
   --c-form-check_box--border-radius: var(

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 27 Jun 2025 07:48:16 GMT
+ * Generated on Fri, 27 Jun 2025 09:42:32 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 Fri, 27 Jun 2025 07:48:19 GMT
+ * Generated on Fri, 27 Jun 2025 09:42:37 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 Fri, 27 Jun 2025 07:48:18 GMT
+ * Generated on Fri, 27 Jun 2025 09:42:35 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 Fri, 27 Jun 2025 07:48:21 GMT
+ * Generated on Fri, 27 Jun 2025 09:42:40 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 Fri, 27 Jun 2025 07:48:13 GMT
+ * Generated on Fri, 27 Jun 2025 09:42:30 GMT
  */
 
 :root, [ks-theme] {
@@ -763,8 +763,8 @@
   --ks-text-color-display-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
   --ks-text-color-display-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);
   --ks-text-color-display-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-2-base);
-  --ks-text-color-interface-base: var(--ks-color-fg-alpha-4-base);
-  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
+  --ks-text-color-interface-base: var(--ks-color-fg-alpha-2-base);
+  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-4-base);
   --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
   --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
   --ks-text-color-interface-interactive-selected-base: var(--ks-color-fg-base);

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 27 Jun 2025 07:48:14 GMT
+ * Generated on Fri, 27 Jun 2025 09:42:30 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";
@@ -767,8 +767,8 @@ export const KsTextColorDisplayInvertedInteractiveBase = "#98b2e0";
 export const KsTextColorDisplayInvertedInteractiveHoverBase = "#a5bce4";
 export const KsTextColorDisplayInvertedInteractiveActiveBase = "#a5bce4";
 export const KsTextColorDisplayInvertedInteractiveSelectedBase = "#a5bce4";
-export const KsTextColorInterfaceBase = "rgba(6, 8, 31, 0.63)";
-export const KsTextColorInterfaceInteractiveBase = "rgba(6, 8, 31, 0.76)";
+export const KsTextColorInterfaceBase = "rgba(6, 8, 31, 0.87)";
+export const KsTextColorInterfaceInteractiveBase = "rgba(6, 8, 31, 0.63)";
 export const KsTextColorInterfaceInteractiveHoverBase = "#06081f";
 export const KsTextColorInterfaceInteractiveActiveBase = "#06081f";
 export const KsTextColorInterfaceInteractiveSelectedBase = "#06081f";

package/package.json

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