@kickstartds/ds-agency-premium 1.6.71--canary.43.2358.0 → 1.6.71--canary.43.2365.0

package/dist/{BlogOverviewProps-6a826e52.d.ts → BlogOverviewProps-9f207f1c.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-7cac90e5.js";
-import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
+import { SectionProps } from "./SectionProps-6a826e52.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

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

@@ -3,9 +3,9 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { BlogHeadProps } from "./BlogHeadProps-f5855e93.js";
+import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
 import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
-import { SectionProps } from "./SectionProps-7cac90e5.js";
+import { SectionProps } from "./SectionProps-6a826e52.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

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

package/dist/{SectionProps-7cac90e5.d.ts → SectionProps-6a826e52.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 { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
 import { BusinessCardProps } from "./BusinessCardProps-e10e7b62.js";
 import { ContactProps } from "./ContactProps-7cac90e5.js";
 import { ContentNavProps } from "./ContentNavProps-0e282a9f.js";
@@ -17,13 +17,13 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-fec6b267.js";
 import { HtmlProps } from "./HtmlProps-9d091769.js";
-import { ImageStoryProps } from "./ImageStoryProps-4e2b2ecf.js";
+import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-d4677d2c.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";
 import { SliderProps } from "./SliderProps-789f8508.js";
-import { SplitEvenProps } from "./SplitEvenProps-7cac90e5.js";
-import { SplitWeightedProps } from "./SplitWeightedProps-7cac90e5.js";
+import { SplitEvenProps } from "./SplitEvenProps-789f8508.js";
+import { SplitWeightedProps } from "./SplitWeightedProps-789f8508.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";
 import { TeaserCardProps } from "./TeaserCardProps-d069476f.js";
 import { TestimonialsProps } from "./TestimonialsProps-e344f597.js";

package/dist/{SplitEvenProps-7cac90e5.d.ts → SplitEvenProps-789f8508.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 { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
 import { BusinessCardProps } from "./BusinessCardProps-e10e7b62.js";
 import { ContactProps } from "./ContactProps-7cac90e5.js";
 import { ContentNavProps } from "./ContentNavProps-0e282a9f.js";
@@ -17,7 +17,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-fec6b267.js";
 import { HtmlProps } from "./HtmlProps-9d091769.js";
-import { ImageStoryProps } from "./ImageStoryProps-4e2b2ecf.js";
+import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-d4677d2c.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

package/dist/{SplitWeightedProps-7cac90e5.d.ts → SplitWeightedProps-789f8508.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 { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
 import { BusinessCardProps } from "./BusinessCardProps-e10e7b62.js";
 import { ContactProps } from "./ContactProps-7cac90e5.js";
 import { ContentNavProps } from "./ContentNavProps-0e282a9f.js";
@@ -17,7 +17,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-fec6b267.js";
 import { HtmlProps } from "./HtmlProps-9d091769.js";
-import { ImageStoryProps } from "./ImageStoryProps-4e2b2ecf.js";
+import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-d4677d2c.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BlogHeadProps } from "../../BlogHeadProps-f5855e93.js";
+import { BlogHeadProps } from "../../BlogHeadProps-c04a5ed8.js";
 declare const BlogHeadContextDefault: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogHeadContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogHead: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,4 @@
-import { BlogOverviewProps } from "../../BlogOverviewProps-6a826e52.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/blog-teaser/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogTeaserProps } from "../../BlogTeaserProps-d62a0a9a.js";
+import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.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/image-story/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { ImageStoryProps } from "../../ImageStoryProps-4e2b2ecf.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-6a826e52.js";
-export * from "../../PageProps-6a826e52.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-6a826e52.js";
+import { PageProps } from "../../PageProps-aa29c554.js";
 import { FC, PropsWithChildren } from "react";
 declare const Page: FC<PropsWithChildren<PageProps>>;
 export type { PageProps };

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { SplitEvenProps as SplitEvenComponentProps } from "../../SplitEvenProps-7cac90e5.js";
+import { SplitEvenProps as SplitEvenComponentProps } from "../../SplitEvenProps-789f8508.js";
 interface ComponentProps {
     firstComponents?: React.ReactNode;
     secondComponents?: React.ReactNode;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { SplitWeightedProps as SplitWeightedComponentProps } from "../../SplitWeightedProps-7cac90e5.js";
+import { SplitWeightedProps as SplitWeightedComponentProps } from "../../SplitWeightedProps-789f8508.js";
 interface ComponentProps {
     main?: React.ReactNode;
     aside?: React.ReactNode;

package/dist/global.css

@@ -681,16 +681,20 @@ h3 {
 :root {
   --color-primary: #ff00ff;
   --color-primary-inverted: #00f2ff;
-  --ks-color-bg: #fff;
-  --ks-color-bg-inverted: #212124;
-  --ks-color-fg: #000;
-  --ks-color-fg-inverted: #fff;
+  --color-bg: #fff;
+  --color-bg-inverted: #212124;
+  --color-fg: #000;
+  --color-fg-inverted: #fff;
 }
 
 :root,
 [ks-theme] {
   --ks-color-primary-base: var(--color-primary);
   --ks-color-primary-inverted-base: var(--color-primary-inverted);
+  --ks-color-fg-base: var(--color-fg);
+  --ks-color-fg-inverted-base: var(--color-fg-inverted);
+  --ks-color-bg-base: var(--color-bg);
+  --ks-color-bg-inverted-base: var(--color-bg-inverted);
 }
 
 :root,
@@ -698,11 +702,19 @@ h3 {
 [ks-inverted=false] {
   --ks-color-primary: var(--ks-color-primary-base);
   --ks-color-primary-inverted: var(--ks-color-primary-inverted-base);
+  --ks-color-fg: var(--ks-color-fg-base);
+  --ks-color-fg-inverted: var(--ks-color-fg-inverted-base);
+  --ks-color-bg: var(--ks-color-bg-base);
+  --ks-color-bg-inverted: var(--ks-color-bg-inverted-base);
 }
 
 [ks-inverted=true] {
   --ks-color-primary: var(--ks-color-primary-inverted-base);
   --ks-color-primary-inverted: var(--ks-color-primary-base);
+  --ks-color-fg: var(--ks-color-fg-inverted-base);
+  --ks-color-fg-inverted: var(--ks-color-fg-base);
+  --ks-color-bg: var(--ks-color-bg-inverted-base);
+  --ks-color-bg-inverted: var(--ks-color-bg-base);
 }
 
 :root,
@@ -835,6 +847,42 @@ h3 {
   --ks-color-fg-inverted-to-bg-7: color-mix(in srgb, var(--ks-color-fg-inverted) 70%, var(--ks-color-bg-inverted));
   --ks-color-fg-inverted-to-bg-8: color-mix(in srgb, var(--ks-color-fg-inverted) 80%, var(--ks-color-bg-inverted));
   --ks-color-fg-inverted-to-bg-9: color-mix(in srgb, var(--ks-color-fg-inverted) 90%, var(--ks-color-bg-inverted));
+  --ks-color-bg-alpha-1: color-mix(in srgb, var(--ks-color-bg) 10%, transparent);
+  --ks-color-bg-alpha-2: color-mix(in srgb, var(--ks-color-bg) 20%, transparent);
+  --ks-color-bg-alpha-3: color-mix(in srgb, var(--ks-color-bg) 30%, transparent);
+  --ks-color-bg-alpha-4: color-mix(in srgb, var(--ks-color-bg) 40%, transparent);
+  --ks-color-bg-alpha-5: color-mix(in srgb, var(--ks-color-bg) 50%, transparent);
+  --ks-color-bg-alpha-6: color-mix(in srgb, var(--ks-color-bg) 60%, transparent);
+  --ks-color-bg-alpha-7: color-mix(in srgb, var(--ks-color-bg) 70%, transparent);
+  --ks-color-bg-alpha-8: color-mix(in srgb, var(--ks-color-bg) 80%, transparent);
+  --ks-color-bg-alpha-9: color-mix(in srgb, var(--ks-color-bg) 90%, transparent);
+  --ks-color-bg-inverted-alpha-1: color-mix(in srgb, var(--ks-color-bg-inverted) 10%, transparent);
+  --ks-color-bg-inverted-alpha-2: color-mix(in srgb, var(--ks-color-bg-inverted) 20%, transparent);
+  --ks-color-bg-inverted-alpha-3: color-mix(in srgb, var(--ks-color-bg-inverted) 30%, transparent);
+  --ks-color-bg-inverted-alpha-4: color-mix(in srgb, var(--ks-color-bg-inverted) 40%, transparent);
+  --ks-color-bg-inverted-alpha-5: color-mix(in srgb, var(--ks-color-bg-inverted) 50%, transparent);
+  --ks-color-bg-inverted-alpha-6: color-mix(in srgb, var(--ks-color-bg-inverted) 60%, transparent);
+  --ks-color-bg-inverted-alpha-7: color-mix(in srgb, var(--ks-color-bg-inverted) 70%, transparent);
+  --ks-color-bg-inverted-alpha-8: color-mix(in srgb, var(--ks-color-bg-inverted) 80%, transparent);
+  --ks-color-bg-inverted-alpha-9: color-mix(in srgb, var(--ks-color-bg-inverted) 90%, transparent);
+  --ks-color-bg-to-fg-1: color-mix(in srgb, var(--ks-color-bg) 10%, var(--ks-color-fg));
+  --ks-color-bg-to-fg-2: color-mix(in srgb, var(--ks-color-bg) 20%, var(--ks-color-fg));
+  --ks-color-bg-to-fg-3: color-mix(in srgb, var(--ks-color-bg) 30%, var(--ks-color-fg));
+  --ks-color-bg-to-fg-4: color-mix(in srgb, var(--ks-color-bg) 40%, var(--ks-color-fg));
+  --ks-color-bg-to-fg-5: color-mix(in srgb, var(--ks-color-bg) 50%, var(--ks-color-fg));
+  --ks-color-bg-to-fg-6: color-mix(in srgb, var(--ks-color-bg) 60%, var(--ks-color-fg));
+  --ks-color-bg-to-fg-7: color-mix(in srgb, var(--ks-color-bg) 70%, var(--ks-color-fg));
+  --ks-color-bg-to-fg-8: color-mix(in srgb, var(--ks-color-bg) 80%, var(--ks-color-fg));
+  --ks-color-bg-to-fg-9: color-mix(in srgb, var(--ks-color-bg) 90%, var(--ks-color-fg));
+  --ks-color-bg-inverted-to-fg-1: color-mix(in srgb, var(--ks-color-bg-inverted) 10%, var(--ks-color-fg-inverted));
+  --ks-color-bg-inverted-to-fg-2: color-mix(in srgb, var(--ks-color-bg-inverted) 20%, var(--ks-color-fg-inverted));
+  --ks-color-bg-inverted-to-fg-3: color-mix(in srgb, var(--ks-color-bg-inverted) 30%, var(--ks-color-fg-inverted));
+  --ks-color-bg-inverted-to-fg-4: color-mix(in srgb, var(--ks-color-bg-inverted) 40%, var(--ks-color-fg-inverted));
+  --ks-color-bg-inverted-to-fg-5: color-mix(in srgb, var(--ks-color-bg-inverted) 50%, var(--ks-color-fg-inverted));
+  --ks-color-bg-inverted-to-fg-6: color-mix(in srgb, var(--ks-color-bg-inverted) 60%, var(--ks-color-fg-inverted));
+  --ks-color-bg-inverted-to-fg-7: color-mix(in srgb, var(--ks-color-bg-inverted) 70%, var(--ks-color-fg-inverted));
+  --ks-color-bg-inverted-to-fg-8: color-mix(in srgb, var(--ks-color-bg-inverted) 80%, var(--ks-color-fg-inverted));
+  --ks-color-bg-inverted-to-fg-9: color-mix(in srgb, var(--ks-color-bg-inverted) 90%, var(--ks-color-fg-inverted));
 }
 
 :root,
@@ -882,7 +930,7 @@ h3 {
   --ks-line-height-copy-l: calc(var(--ks-line-height-copy-m) * var(--ks-line-height-copy-grow-factor));
   --ks-line-height-copy-xl: calc(var(--ks-line-height-copy-l) * var(--ks-line-height-copy-grow-factor));
   --ks-line-height-copy-xxl: calc(var(--ks-line-height-copy-xl) * var(--ks-line-height-copy-grow-factor));
-  --ks-line-height-copy-base-factor: 1.5;
+  --ks-line-height-interface-base-factor: 1.5;
   --ks-line-height-interface-shrink-factor: 1;
   --ks-line-height-interface-grow-factor: 1;
   --ks-line-height-interface-xxs: calc(
@@ -900,7 +948,7 @@ h3 {
   --ks-line-height-interface-xxl: calc(
     var(--ks-line-height-interface-xl) * var(--ks-line-height-interface-grow-factor)
   );
-  --ks-line-height-copy-base-factor: 1.5;
+  --ks-line-height-mono-base-factor: 1.5;
   --ks-line-height-mono-shrink-factor: 1;
   --ks-line-height-mono-grow-factor: 1;
   --ks-line-height-mono-xxs: calc(var(--ks-line-height-mono-xs) * calc(var(--ks-line-height-mono-shrink-factor) * 1));
@@ -957,13 +1005,13 @@ h3 {
   --font-size-display-shrink-factor: 0.925;
   --font-size-display-grow-factor: 1.3;
   --font-size-display-bp-factor: 1.02;
-  --font-size-copy-shrink-factor: 0.8;
+  --font-size-copy-shrink-factor: 0.85;
   --font-size-copy-grow-factor: 1.2;
   --font-size-copy-bp-factor: 1.01;
-  --font-size-interface-shrink-factor: 0.8;
+  --font-size-interface-shrink-factor: 0.85;
   --font-size-interface-grow-factor: 1.2;
   --font-size-interface-bp-factor: 1.01;
-  --font-size-mono-shrink-factor: 0.8;
+  --font-size-mono-shrink-factor: 0.85;
   --font-size-mono-grow-factor: 1.2;
   --font-size-mono-bp-factor: 1.01;
   --font-size-display-xxs-bp-factor: calc(1 * var(--font-size-display-bp-factor));
@@ -1749,8 +1797,6 @@ h3 {
 [ks-theme] {
   --ks-text-color-primary-base: var(--ks-color-primary);
   --ks-text-color-primary-inverted-base: var(--ks-color-primary-inverted);
-  --ks-text-color-primary-translucent-base: var(--ks-color-primary-alpha-5);
-  --ks-text-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-5);
   --ks-text-color-primary-interactive-base: var(--ks-color-primary);
   --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted);
   --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-6);
@@ -1760,8 +1806,6 @@ h3 {
 :root {
   --ks-text-color-primary: var(--ks-text-color-primary-base);
   --ks-text-color-primary-inverted: var(--ks-text-color-primary-inverted-base);
-  --ks-text-color-primary-translucent: var(--ks-text-color-primary-translucent-base);
-  --ks-text-color-primary-inverted-translucent: var(--ks-text-color-primary-inverted-translucent-base);
   --ks-text-color-primary-interactive: var(--ks-text-color-primary-interactive-base);
   --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-inverted-interactive-base);
   --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-interactive-hover-base);
@@ -1771,8 +1815,6 @@ h3 {
 [ks-inverted=true] {
   --ks-text-color-primary: var(--ks-text-color-primary-inverted-base);
   --ks-text-color-primary-inverted: var(--ks-text-color-primary-base);
-  --ks-text-color-primary-translucent: var(--ks-text-color-primary-inverted-translucent-base);
-  --ks-text-color-primary-inverted-translucent: var(--ks-text-color-primary-translucent-base);
   --ks-text-color-primary-interactive: var(--ks-text-color-primary-inverted-interactive-base);
   --ks-text-color-primary-inverted-interactive: var(--ks-text-color-primary-interactive-base);
   --ks-text-color-primary-interactive-hover: var(--ks-text-color-primary-inverted-interactive-hover-base);
@@ -1783,8 +1825,6 @@ h3 {
 [ks-theme] {
   --ks-border-color-primary-base: var(--ks-color-primary);
   --ks-border-color-primary-inverted-base: var(--ks-color-primary-inverted);
-  --ks-border-color-primary-translucent-base: var(--ks-color-primary-alpha-5);
-  --ks-border-color-primary-inverted-translucent-base: var(--ks-color-primary-inverted-alpha-5);
   --ks-border-color-primary-interactive-base: var(--ks-color-primary);
   --ks-border-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted);
   --ks-border-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-6);
@@ -1794,8 +1834,6 @@ h3 {
 :root {
   --ks-border-color-primary: var(--ks-border-color-primary-base);
   --ks-border-color-primary-inverted: var(--ks-border-color-primary-inverted-base);
-  --ks-border-color-primary-translucent: var(--ks-border-color-primary-translucent-base);
-  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-inverted-translucent-base);
   --ks-border-color-primary-interactive: var(--ks-border-color-primary-interactive-base);
   --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-inverted-interactive-base);
   --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-interactive-hover-base);
@@ -1805,8 +1843,6 @@ h3 {
 [ks-inverted=true] {
   --ks-border-color-primary: var(--ks-border-color-primary-inverted-base);
   --ks-border-color-primary-inverted: var(--ks-border-color-primary-base);
-  --ks-border-color-primary-translucent: var(--ks-border-color-primary-inverted-translucent-base);
-  --ks-border-color-primary-inverted-translucent: var(--ks-border-color-primary-translucent-base);
   --ks-border-color-primary-interactive: var(--ks-border-color-primary-inverted-interactive-base);
   --ks-border-color-primary-inverted-interactive: var(--ks-border-color-primary-interactive-base);
   --ks-border-color-primary-interactive-hover: var(--ks-border-color-primary-inverted-interactive-hover-base);

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Nov 2025 12:03:46 GMT
+ * Generated on Wed, 19 Nov 2025 08:06:45 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, 18 Nov 2025 12:03:50 GMT
+ * Generated on Wed, 19 Nov 2025 08:06:49 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, 18 Nov 2025 12:03:48 GMT
+ * Generated on Wed, 19 Nov 2025 08:06:47 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, 18 Nov 2025 12:03:52 GMT
+ * Generated on Wed, 19 Nov 2025 08:06:51 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 Tue, 18 Nov 2025 12:03:43 GMT
+ * Generated on Wed, 19 Nov 2025 08:06:43 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 18 Nov 2025 12:03:44 GMT
+ * Generated on Wed, 19 Nov 2025 08:06:43 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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