@kickstartds/ds-agency-premium 1.6.71--canary.1921.5b92607.0 → 1.6.71--canary.1930.8ff4e63.0

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

@@ -4,7 +4,7 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { SectionProps } from "./SectionProps-21d04028.js";
-import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

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

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

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

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
+import { BlogPostProps } from "../../BlogPostProps-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/footer/footer.css

@@ -8,7 +8,7 @@
   --dsa-footer__links--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
   --dsa-footer__link--font: var(--ks-font-interface-s);
   --dsa-footer__link--font-weight: var(--dsa-link--font-weight);
-  --dsa-footer__link--color: var(--dsa-link--color);
+  --dsa-footer__link--color: var(--ks-text-color-interface-interactive);
   --dsa-footer__link--text-tecoration: none;
   --dsa-footer__link--text-tecoration_hover: none;
   --dsa-footer__logo--height: 1.5rem;

package/dist/components/headline/headline.css

@@ -2,7 +2,7 @@
   --dsa-headline--color: var(--ks-text-color-display);
   --dsa-headline--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-headline--text-transform: none;
-  --dsa-headline--gap: 0.35em;
+  --dsa-headline--gap: 0.5em;
   --dsa-headline--space-after_large: var(--ks-spacing-stack-l);
   --dsa-headline--space-after_small: var(--ks-spacing-stack-m);
   --dsa-headline--space-after_minimum: var(--ks-spacing-stack-s);
@@ -64,6 +64,48 @@
   --headline--space-after_small: var(--dsa-headline_h1--space-after_small);
   --headline--space-after_large: var(--dsa-headline_h1--space-after_large);
 }
+.dsa-headline--h1 .dsa-headline__headline:not(:last-child),
+.dsa-headline--h1 .dsa-headline__headline:only-child {
+  display: flex;
+  flex-direction: column;
+}
+.dsa-headline--h1 .dsa-headline__headline:not(:last-child):after,
+.dsa-headline--h1 .dsa-headline__headline:only-child:after {
+  content: "";
+  font-size: inherit;
+  background-color: var(--ks-color-primary);
+  height: 3px;
+  width: 17%;
+  min-width: 5rem;
+  max-width: 10rem;
+  margin-top: var(--dsa-headline--gap);
+}
+.dsa-headline--h1 .dsa-headline__headline:not(:first-child) {
+  display: flex;
+  flex-direction: column;
+}
+.dsa-headline--h1 .dsa-headline__headline:not(:first-child):before {
+  content: "";
+  font-size: inherit;
+  background-color: var(--ks-color-primary);
+  height: 3px;
+  width: 30%;
+  min-width: 3rem;
+  max-width: 4rem;
+  margin-bottom: var(--dsa-headline--gap);
+}
+.dsa-headline--h1.dsa-headline--align-center .dsa-headline__headline,
+.dsa-headline--h1.dsa-headline--align-center .dsa-headline__subheadline {
+  align-items: center;
+}
+.dsa-headline--h1.dsa-headline--align-left .dsa-headline__headline,
+.dsa-headline--h1.dsa-headline--align-left .dsa-headline__subheadline {
+  align-items: flex-start;
+}
+.dsa-headline--h1.dsa-headline--align-right .dsa-headline__headline,
+.dsa-headline--h1.dsa-headline--align-right .dsa-headline__subheadline {
+  align-items: flex-end;
+}
 .dsa-headline--h2 {
   font: var(--dsa-headline_h2--font, var(--ks-font-display-xl));
   --subheadline--font-size: var(--dsa-headline_h2__subheadline--font-size, 50%);

package/dist/components/hero/hero.css

@@ -62,7 +62,7 @@
   :root .dsa-hero,
   [ks-inverted=true] .dsa-hero,
   [ks-inverted=false] .dsa-hero {
-    --dsa-hero--min-height: 42rem;
+    --dsa-hero--min-height: 34rem;
     --dsa-hero--min-height_small: 20rem;
     --dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
   }

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,12 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Tue, 29 Jul 2025 11:26:34 GMT
+ * Generated on Thu, 31 Jul 2025 10:50:30 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
-  --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
-  --ks-background-color-bold-base: var(--ks-color-primary-to-bg-8-base);
-  --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
+  --ks-background-color-accent-inverted-base: var(--ks-color-fg-inverted-to-bg-9-base);
+  --ks-background-color-bold-base: var(--ks-color-fg-to-bg-8-base);
+  --ks-background-color-bold-inverted-base: var(--ks-color-primary-base);
   --ks-background-color-clear-base: var(--ks-color-transparent-base);
   --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
   --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-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-3-base);
+  --ks-text-color-default-base: var(--ks-color-fg-alpha-2-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);
@@ -742,12 +742,12 @@
   --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-alpha-4-base);
   --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
   --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
-  --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
+  --ks-text-color-copy-base: var(--ks-color-fg-alpha-2-base);
   --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
   --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
   --ks-text-color-copy-interactive-active-base: var(--ks-color-link-to-fg-3-base);
   --ks-text-color-copy-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
-  --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
+  --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
   --ks-text-color-copy-inverted-interactive-base: var(--ks-color-link-inverted-base);
   --ks-text-color-copy-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
   --ks-text-color-copy-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);

package/dist/components/section/section.css

@@ -26,17 +26,13 @@
   --dsa-section--background-color_default: var(--ks-background-color-default);
   --dsa-section--background-color_accent: var(--ks-background-color-accent);
   --dsa-section--background-color_bold: var(--ks-background-color-bold);
-  --dsa-section--transition_to-default: linear-gradient(
-    178deg,
-    transparent 75%,
-    var(--ks-background-color-default) 75%
-  );
-  --dsa-section--transition_to-accent: linear-gradient(178deg, transparent 75%, var(--ks-background-color-accent) 75%);
-  --dsa-section--transition_to-bold: linear-gradient(178deg, transparent 75%, var(--ks-background-color-bold) 75%);
+  --dsa-section--transition_to-default: linear-gradient(178deg, transparent, var(--ks-background-color-default));
+  --dsa-section--transition_to-accent: linear-gradient(178deg, transparent, var(--ks-background-color-accent));
+  --dsa-section--transition_to-bold: linear-gradient(178deg, transparent, var(--ks-background-color-bold));
   --dsa-section--transition_to-inverted: linear-gradient(
     178deg,
-    transparent 75%,
-    var(--ks-background-color-default-inverted) 75%
+    transparent,
+    var(--ks-background-color-default-inverted)
   );
   --dsa-section__slider-arrow--color: var(--ks-text-color-interface-interactive);
   --dsa-section__slider-arrow--size: 2rem;
@@ -135,9 +131,6 @@
 .l-section.dsa-section-style--deko {
   background-image: var(--dsa-section_deko--background-image, radial-gradient(180deg, transparent 0%, var(--ks-background-color-default) 100%));
 }
-.l-section.dsa-section-style--colorful {
-  background-image: var(--dsa-section_colorful--background-image, linear-gradient(145deg, var(--ks-color-primary) 30%, #4aaea9 100%));
-}
 .l-section.dsa-section--spotlight {
   position: relative;
 }

package/dist/components/stats/stats.css

@@ -3,7 +3,7 @@
   --dsa-stats--gap-horizontal: var(--ks-spacing-inline-m);
   --dsa-stats__item--gap: var(--ks-spacing-stack-s);
   --dsa-stats__icon--color: var(--ks-text-color-primary);
-  --dsa-stats__icon--size: 5em;
+  --dsa-stats__icon--size: 4em;
   --dsa-stats__number--font: var(--ks-font-display-xxl);
   --dsa-stats__number--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-stats__number--background: var(--dsa-typo--highlight);

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

@@ -14,13 +14,13 @@
   --dsa-teaser-card__image--transform_hover: scale(1.1);
   --dsa-teaser-card__image--transition: transform var(--ks-transition-fade);
   --dsa-teaser-card__topic--color: var(--dsa-topic--color);
-  --dsa-teaser-card__label--font: var(--ks-font-interface-s);
+  --dsa-teaser-card__label--font: var(--ks-font-interface-xs);
   --dsa-teaser-card__label--font-weight: var(--ks-font-weight-semi-bold);
-  --dsa-teaser-card__label--color: var(--ks-text-color-primary);
-  --dsa-teaser-card__label--background-color: var(--ks-background-color-bold);
+  --dsa-teaser-card__label--color: var(--dsa-text-color-on-primary);
+  --dsa-teaser-card__label--background-color: var(--ks-background-color-primary);
   --dsa-teaser-card__label--padding: 0.5em 1em;
   --dsa-teaser-card__label--border-radius: var(--ks-border-radius-pill);
-  --dsa-teaser-card__label--border: 1px solid var(--ks-border-color-interface);
+  --dsa-teaser-card__label--border: 0;
   --dsa-teaser-card__button--font: var(--ks-font-interface-m);
   --dsa-teaser-card--padding: var(--ks-spacing-inset-m);
   --dsa-teaser-card__topic--font: var(--ks-font-display-m);
@@ -121,13 +121,12 @@
 .dsa-teaser-card .dsa-teaser-card__label {
   position: absolute;
   z-index: 1;
-  top: 0;
-  right: 0;
+  top: var(--ks-spacing-inset-xs);
+  right: var(--ks-spacing-inset-xs);
   border-radius: var(--dsa-teaser-card__label--border-radius);
   border: var(--dsa-teaser-card__label--border, 0);
   pointer-events: initial;
   padding: var(--dsa-teaser-card__label--padding);
-  transform: translate(0.5em, -50%);
   font: var(--dsa-teaser-card__label--font);
   text-align: center;
   font-weight: var(--dsa-teaser-card__label--font-weight);

package/dist/global.css

@@ -312,7 +312,7 @@ h3 {
   --dsa-link--color_hover: var(--ks-text-color-default-interactive-hover);
   --dsa-link--text-decoration: none;
   --dsa-link--text-decoration_hover: none;
-  --dsa-typo--highlight: var(--ks-color-primary);
+  --dsa-typo--highlight: var(--ks-text-color-primary);
   --dsa-content--horizontal-spacing: var(--ks-spacing-inset-l);
   --dsa-content--vertical-spacing: var(--ks-spacing-xxl);
   --dsa-content--width_narrow: calc(var(--ks-font-size-copy-m) * 34);
@@ -340,7 +340,7 @@ h3 {
 }
 @media (min-width: 62em) {
   :root, [ks-inverted], [ks-theme] {
-    --dsa-logo--height: 4.5rem;
+    --dsa-logo--height: 3.5rem;
   }
 }
 

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 29 Jul 2025 11:26:37 GMT
+ * Generated on Thu, 31 Jul 2025 10:50: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 Tue, 29 Jul 2025 11:26:41 GMT
+ * Generated on Thu, 31 Jul 2025 10:50: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 Tue, 29 Jul 2025 11:26:39 GMT
+ * Generated on Thu, 31 Jul 2025 10:50:34 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 29 Jul 2025 11:26:43 GMT
+ * Generated on Thu, 31 Jul 2025 10:50:39 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,13 +1,13 @@
 /**
  * Do not edit directly
- * Generated on Tue, 29 Jul 2025 11:26:34 GMT
+ * Generated on Thu, 31 Jul 2025 10:50:30 GMT
  */
 
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
-  --ks-background-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
-  --ks-background-color-bold-base: var(--ks-color-primary-to-bg-8-base);
-  --ks-background-color-bold-inverted-base: var(--ks-color-primary-inverted-to-bg-6-base);
+  --ks-background-color-accent-inverted-base: var(--ks-color-fg-inverted-to-bg-9-base);
+  --ks-background-color-bold-base: var(--ks-color-fg-to-bg-8-base);
+  --ks-background-color-bold-inverted-base: var(--ks-color-primary-base);
   --ks-background-color-clear-base: var(--ks-color-transparent-base);
   --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
   --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -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-3-base);
+  --ks-text-color-default-base: var(--ks-color-fg-alpha-2-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);
@@ -743,12 +743,12 @@
   --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-alpha-4-base);
   --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
   --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
-  --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
+  --ks-text-color-copy-base: var(--ks-color-fg-alpha-2-base);
   --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
   --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
   --ks-text-color-copy-interactive-active-base: var(--ks-color-link-to-fg-3-base);
   --ks-text-color-copy-interactive-selected-base: var(--ks-color-link-to-fg-3-base);
-  --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
+  --ks-text-color-copy-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
   --ks-text-color-copy-inverted-interactive-base: var(--ks-color-link-inverted-base);
   --ks-text-color-copy-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-2-base);
   --ks-text-color-copy-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-2-base);

package/dist/tokens/tokens.js

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Tue, 29 Jul 2025 11:26:35 GMT
+ * Generated on Thu, 31 Jul 2025 10:50:30 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f2f2f2";
-export const KsBackgroundColorAccentInvertedBase = "#351f22";
-export const KsBackgroundColorBoldBase = "#f7dee4";
-export const KsBackgroundColorBoldInvertedBase = "#5d1c26";
+export const KsBackgroundColorAccentInvertedBase = "#2b2b2b";
+export const KsBackgroundColorBoldBase = "#dedede";
+export const KsBackgroundColorBoldInvertedBase = "#c3002f";
 export const KsBackgroundColorClearBase = "rgba(0, 0, 0, 0)";
 export const KsBackgroundColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
 export const KsBackgroundColorClearInteractiveHoverBase = "rgba(195, 0, 47, 0.13)";
@@ -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(0, 0, 0, 0.76)";
+export const KsTextColorDefaultBase = "rgba(0, 0, 0, 0.87)";
 export const KsTextColorDefaultInteractiveBase = "#c3002f";
 export const KsTextColorDefaultInteractiveHoverBase = "rgba(195, 0, 47, 0.63)";
 export const KsTextColorDefaultInteractiveActiveBase = "#c3002f";
@@ -747,12 +747,12 @@ export const KsTextColorDefaultInvertedInteractiveBase = "#c3002f";
 export const KsTextColorDefaultInvertedInteractiveHoverBase = "rgba(195, 0, 47, 0.63)";
 export const KsTextColorDefaultInvertedInteractiveActiveBase = "#c3002f";
 export const KsTextColorDefaultInvertedInteractiveSelectedBase = "#c3002f";
-export const KsTextColorCopyBase = "rgba(0, 0, 0, 0.76)";
+export const KsTextColorCopyBase = "rgba(0, 0, 0, 0.87)";
 export const KsTextColorCopyInteractiveBase = "#c3002f";
 export const KsTextColorCopyInteractiveHoverBase = "#aa0029";
 export const KsTextColorCopyInteractiveActiveBase = "#940024";
 export const KsTextColorCopyInteractiveSelectedBase = "#940024";
-export const KsTextColorCopyInvertedBase = "rgba(255, 255, 255, 0.76)";
+export const KsTextColorCopyInvertedBase = "rgba(255, 255, 255, 0.87)";
 export const KsTextColorCopyInvertedInteractiveBase = "#c3002f";
 export const KsTextColorCopyInvertedInteractiveHoverBase = "#cb214a";
 export const KsTextColorCopyInvertedInteractiveActiveBase = "#cb214a";

package/package.json

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