@kickstartds/ds-agency-premium 1.6.72--canary.43.2480.0 → 1.6.72--canary.43.2486.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-6a826e52.js";
-import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
+import { SectionProps } from "./SectionProps-7cac90e5.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

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

package/dist/{SectionProps-6a826e52.d.ts → SectionProps-7cac90e5.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-d62a0a9a.js";
-import { SplitWeightedProps } from "./SplitWeightedProps-d62a0a9a.js";
+import { SplitEvenProps } from "./SplitEvenProps-7cac90e5.js";
+import { SplitWeightedProps } from "./SplitWeightedProps-7cac90e5.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";
 import { TeaserCardProps } from "./TeaserCardProps-d069476f.js";
 import { TestimonialsProps } from "./TestimonialsProps-e344f597.js";

package/dist/{SplitEvenProps-d62a0a9a.d.ts → SplitEvenProps-7cac90e5.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-d62a0a9a.d.ts → SplitWeightedProps-7cac90e5.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-aside/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogAsideProps } from "../../BlogAsideProps-fb0241df.js";
+import { BlogAsideProps } from "../../BlogAsideProps-c760fd2a.js";
 declare const BlogAsideContextDefault: import("react").ForwardRefExoticComponent<BlogAsideProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogAsideContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogAsideProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogAside: import("react").ForwardRefExoticComponent<BlogAsideProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/blog-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-6a826e52.js";
+import { BlogPostProps } from "../../BlogPostProps-c760fd2a.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-6a826e52.js";
-export * from "../../BlogOverviewProps-6a826e52.js";
-export * from "../../PageProps-6a826e52.js";
+export * from "../../BlogPostProps-c760fd2a.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-6a826e52.js";
+import { SectionProps } from "../../SectionProps-7cac90e5.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-d62a0a9a.js";
+import { SplitEvenProps as SplitEvenComponentProps } from "../../SplitEvenProps-7cac90e5.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-d62a0a9a.js";
+import { SplitWeightedProps as SplitWeightedComponentProps } from "../../SplitWeightedProps-7cac90e5.js";
 interface ComponentProps {
     main?: React.ReactNode;
     aside?: React.ReactNode;

package/dist/global.css

@@ -734,29 +734,29 @@ Breakpoint Factor:  Higher bp factor means large spacings increase
                     more at bigger screen sizes than small spacings
 */
 :root {
-  --font-size-display-base: 20px;
-  --font-size-display-shrink-factor-input: 1.5;
-  --font-size-display-grow-factor-input: 1.5;
-  --font-size-display-bp-factor-input: 1.5;
-  --font-size-copy-base: 16px;
-  --font-size-copy-shrink-factor-input: 1.5;
-  --font-size-copy-grow-factor-input: 1.5;
-  --font-size-copy-bp-factor-input: 1.5;
-  --font-size-interface-base: 16px;
-  --font-size-interface-shrink-factor-input: 1.5;
-  --font-size-interface-grow-factor-input: 1.5;
-  --font-size-interface-bp-factor-input: 1.5;
-  --font-size-mono-base: 16px;
-  --font-size-mono-shrink-factor-input: 1.5;
-  --font-size-mono-grow-factor-input: 1.5;
-  --font-size-mono-bp-factor-input: 1.5;
+  --ks-brand-font-size-display-base: 20px;
+  --ks-brand-font-size-display-shrink-factor: 1.5;
+  --ks-brand-font-size-display-grow-factor: 1.5;
+  --ks-brand-font-size-display-bp-factor: 1.5;
+  --ks-brand-font-size-copy-base: 16px;
+  --ks-brand-font-size-copy-shrink-factor: 1.5;
+  --ks-brand-font-size-copy-grow-factor: 1.5;
+  --ks-brand-font-size-copy-bp-factor: 1.5;
+  --ks-brand-font-size-interface-base: 16px;
+  --ks-brand-font-size-interface-shrink-factor: 1.5;
+  --ks-brand-font-size-interface-grow-factor: 1.5;
+  --ks-brand-font-size-interface-bp-factor: 1.5;
+  --ks-brand-font-size-mono-base: 16px;
+  --ks-brand-font-size-mono-shrink-factor: 1.5;
+  --ks-brand-font-size-mono-grow-factor: 1.5;
+  --ks-brand-font-size-mono-bp-factor: 1.5;
 }
 
 :root {
-  --spacing-base: 16px;
-  --spacing-shrink-factor-input: 1.5;
-  --spacing-grow-factor-input: 1.5;
-  --spacing-bp-factor-input: 1.5;
+  --ks-brand-spacing-base: 16px;
+  --ks-brand-spacing-shrink-factor: 1.5;
+  --ks-brand-spacing-grow-factor: 1.5;
+  --ks-brand-spacing-bp-factor: 1.5;
 }
 
 :root {
@@ -770,46 +770,51 @@ Breakpoint Factor:  Higher bp factor means large spacings increase
 :root {
   /* Interpolated scaling tokens using normalized input and max tokens */
   --font-size-display-shrink-factor: calc(
-    1 + (var(--font-size-display-shrink-factor-input) - 1) * (var(--font-size-display-shrink-factor-max, 0.65) - 1)
+    1 + (var(--ks-brand-font-size-display-shrink-factor) - 1) * (var(--font-size-display-shrink-factor-max, 0.65) - 1)
   );
   --font-size-display-grow-factor: calc(
-    1 + (var(--font-size-display-grow-factor-input) - 1) * (var(--font-size-display-grow-factor-max, 1.75) - 1)
+    1 + (var(--ks-brand-font-size-display-grow-factor) - 1) * (var(--font-size-display-grow-factor-max, 1.75) - 1)
   );
   --font-size-display-bp-factor: calc(
-    1 + (var(--font-size-display-bp-factor-input) - 1) * (var(--font-size-display-bp-factor-max, 1.04) - 1)
+    1 + (var(--ks-brand-font-size-display-bp-factor) - 1) * (var(--font-size-display-bp-factor-max, 1.04) - 1)
   );
   --font-size-copy-shrink-factor: calc(
-    1 + (var(--font-size-copy-shrink-factor-input) - 1) * (var(--font-size-copy-shrink-factor-max, 0.65) - 1)
+    1 + (var(--ks-brand-font-size-copy-shrink-factor) - 1) * (var(--font-size-copy-shrink-factor-max, 0.65) - 1)
   );
   --font-size-copy-grow-factor: calc(
-    1 + (var(--font-size-copy-grow-factor-input) - 1) * (var(--font-size-copy-grow-factor-max, 1.75) - 1)
+    1 + (var(--ks-brand-font-size-copy-grow-factor) - 1) * (var(--font-size-copy-grow-factor-max, 1.75) - 1)
   );
   --font-size-copy-bp-factor: calc(
-    1 + (var(--font-size-copy-bp-factor-input) - 1) * (var(--font-size-copy-bp-factor-max, 1.04) - 1)
+    1 + (var(--ks-brand-font-size-copy-bp-factor) - 1) * (var(--font-size-copy-bp-factor-max, 1.04) - 1)
   );
   --font-size-interface-shrink-factor: calc(
-    1 + (var(--font-size-interface-shrink-factor-input) - 1) * (var(--font-size-interface-shrink-factor-max, 0.65) - 1)
+    1 + (var(--ks-brand-font-size-interface-shrink-factor) - 1) *
+      (var(--font-size-interface-shrink-factor-max, 0.65) - 1)
   );
   --font-size-interface-grow-factor: calc(
-    1 + (var(--font-size-interface-grow-factor-input) - 1) * (var(--font-size-interface-grow-factor-max, 1.75) - 1)
+    1 + (var(--ks-brand-font-size-interface-grow-factor) - 1) * (var(--font-size-interface-grow-factor-max, 1.75) - 1)
   );
   --font-size-interface-bp-factor: calc(
-    1 + (var(--font-size-interface-bp-factor-input) - 1) * (var(--font-size-interface-bp-factor-max, 1.04) - 1)
+    1 + (var(--ks-brand-font-size-interface-bp-factor) - 1) * (var(--font-size-interface-bp-factor-max, 1.04) - 1)
   );
   --font-size-mono-shrink-factor: calc(
-    1 + (var(--font-size-mono-shrink-factor-input) - 1) * (var(--font-size-mono-shrink-factor-max, 0.65) - 1)
+    1 + (var(--ks-brand-font-size-mono-shrink-factor) - 1) * (var(--font-size-mono-shrink-factor-max, 0.65) - 1)
   );
   --font-size-mono-grow-factor: calc(
-    1 + (var(--font-size-mono-grow-factor-input) - 1) * (var(--font-size-mono-grow-factor-max, 1.75) - 1)
+    1 + (var(--ks-brand-font-size-mono-grow-factor) - 1) * (var(--font-size-mono-grow-factor-max, 1.75) - 1)
   );
   --font-size-mono-bp-factor: calc(
-    1 + (var(--font-size-mono-bp-factor-input) - 1) * (var(--font-size-mono-bp-factor-max, 1.04) - 1)
+    1 + (var(--ks-brand-font-size-mono-bp-factor) - 1) * (var(--font-size-mono-bp-factor-max, 1.04) - 1)
   );
-  --spacing-shrink-factor: calc(
-    1 + (var(--spacing-shrink-factor-input) - 1) * (var(--spacing-shrink-factor-max, 0.5) - 1)
+  --ks-scale-spacing-shrink-factor: calc(
+    1 + (var(--ks-brand-spacing-shrink-factor) - 1) * (var(--ks-scale-spacing-shrink-factor-max, 0.5) - 1)
+  );
+  --ks-scale-spacing-grow-factor: calc(
+    1 + (var(--ks-brand-spacing-grow-factor) - 1) * (var(--ks-scale-spacing-grow-factor-max, 2) - 1)
+  );
+  --spacing-bp-factor: calc(
+    1 + (var(--ks-brand-spacing-bp-factor) - 1) * (var(--ks-scale-spacing-bp-factor-max, 1.05) - 1)
   );
-  --spacing-grow-factor: calc(1 + (var(--spacing-grow-factor-input) - 1) * (var(--spacing-grow-factor-max, 2) - 1));
-  --spacing-bp-factor: calc(1 + (var(--spacing-bp-factor-input) - 1) * (var(--spacing-bp-factor-max, 1.05) - 1));
 }
 
 :root,
@@ -817,13 +822,18 @@ Breakpoint Factor:  Higher bp factor means large spacings increase
 [ks-inverted=false],
 [ks-inverted=true] {
   /* Interpolated scaling tokens using normalized input and max tokens */
-  --spacing-shrink-factor: calc(
-    1 + (var(--spacing-shrink-factor-input) - 1) * (var(--spacing-shrink-factor-max, 0.5) - 1)
+  --ks-scale-spacing-shrink-factor: calc(
+    1 + (var(--ks-brand-spacing-shrink-factor) - 1) * (var(--ks-scale-spacing-shrink-factor-max, 0.5) - 1)
+  );
+  --ks-scale-spacing-grow-factor: calc(
+    1 + (var(--ks-brand-spacing-grow-factor) - 1) * (var(--ks-scale-spacing-grow-factor-max, 2) - 1)
+  );
+  --spacing-bp-factor: calc(
+    1 + (var(--ks-brand-spacing-bp-factor) - 1) * (var(--ks-scale-spacing-bp-factor-max, 1.05) - 1)
   );
-  --spacing-grow-factor: calc(1 + (var(--spacing-grow-factor-input) - 1) * (var(--spacing-grow-factor-max, 2) - 1));
-  --spacing-bp-factor: calc(1 + (var(--spacing-bp-factor-input) - 1) * (var(--spacing-bp-factor-max, 1.05) - 1));
 }
 
+/* Set max values for your scales */
 :root {
   --font-size-display-shrink-factor-max: 0.825;
   --font-size-display-grow-factor-max: 1.35;
@@ -837,9 +847,9 @@ Breakpoint Factor:  Higher bp factor means large spacings increase
   --font-size-mono-shrink-factor-max: 0.825;
   --font-size-mono-grow-factor-max: 1.35;
   --font-size-mono-bp-factor-max: 1.015;
-  --spacing-shrink-factor-max: 0.35;
-  --spacing-grow-factor-max: 1.8;
-  --spacing-bp-factor-max: 1.02;
+  --ks-scale-spacing-shrink-factor-max: 0.35;
+  --ks-scale-spacing-grow-factor-max: 1.8;
+  --ks-scale-spacing-bp-factor-max: 1.02;
 }
 
 :root,
@@ -2835,14 +2845,14 @@ Breakpoint Factor:  Higher bp factor means large spacings increase
   --ks-font-size-display-s-base: calc(
     var(--ks-font-size-display-m-base) * calc(var(--font-size-display-shrink-factor) * 1)
   );
-  --ks-font-size-display-m-base: var(--font-size-display-base);
+  --ks-font-size-display-m-base: var(--ks-brand-font-size-display-base);
   --ks-font-size-display-l-base: calc(var(--ks-font-size-display-m-base) * var(--font-size-display-grow-factor));
   --ks-font-size-display-xl-base: calc(var(--ks-font-size-display-l-base) * var(--font-size-display-grow-factor));
   --ks-font-size-display-xxl-base: calc(var(--ks-font-size-display-xl-base) * var(--font-size-display-grow-factor));
   --ks-font-size-copy-xxs-base: calc(var(--ks-font-size-copy-xs-base) * calc(var(--font-size-copy-shrink-factor) * 1));
   --ks-font-size-copy-xs-base: calc(var(--ks-font-size-copy-s-base) * calc(var(--font-size-copy-shrink-factor) * 1));
   --ks-font-size-copy-s-base: calc(var(--ks-font-size-copy-m-base) * calc(var(--font-size-copy-shrink-factor) * 1));
-  --ks-font-size-copy-m-base: var(--font-size-copy-base);
+  --ks-font-size-copy-m-base: var(--ks-brand-font-size-copy-base);
   --ks-font-size-copy-l-base: calc(var(--ks-font-size-copy-m-base) * var(--font-size-copy-grow-factor));
   --ks-font-size-copy-xl-base: calc(var(--ks-font-size-copy-l-base) * var(--font-size-copy-grow-factor));
   --ks-font-size-copy-xxl-base: calc(var(--ks-font-size-copy-xl-base) * var(--font-size-copy-grow-factor));
@@ -2855,7 +2865,7 @@ Breakpoint Factor:  Higher bp factor means large spacings increase
   --ks-font-size-interface-s-base: calc(
     var(--ks-font-size-interface-m-base) * calc(var(--font-size-interface-shrink-factor) * 1)
   );
-  --ks-font-size-interface-m-base: var(--font-size-interface-base);
+  --ks-font-size-interface-m-base: var(--ks-brand-font-size-interface-base);
   --ks-font-size-interface-l-base: calc(var(--ks-font-size-interface-m-base) * var(--font-size-interface-grow-factor));
   --ks-font-size-interface-xl-base: calc(var(--ks-font-size-interface-l-base) * var(--font-size-interface-grow-factor));
   --ks-font-size-interface-xxl-base: calc(
@@ -2864,7 +2874,7 @@ Breakpoint Factor:  Higher bp factor means large spacings increase
   --ks-font-size-mono-xxs-base: calc(var(--ks-font-size-mono-xs-base) * calc(var(--font-size-mono-shrink-factor) * 1));
   --ks-font-size-mono-xs-base: calc(var(--ks-font-size-mono-s-base) * calc(var(--font-size-mono-shrink-factor) * 1));
   --ks-font-size-mono-s-base: calc(var(--ks-font-size-mono-m-base) * calc(var(--font-size-mono-shrink-factor) * 1));
-  --ks-font-size-mono-m-base: var(--font-size-mono-base);
+  --ks-font-size-mono-m-base: var(--ks-brand-font-size-mono-base);
   --ks-font-size-mono-l-base: calc(var(--ks-font-size-mono-m-base) * var(--font-size-mono-grow-factor));
   --ks-font-size-mono-xl-base: calc(var(--ks-font-size-mono-l-base) * var(--font-size-mono-grow-factor));
   --ks-font-size-mono-xxl-base: calc(var(--ks-font-size-mono-xl-base) * var(--font-size-mono-grow-factor));
@@ -3346,60 +3356,72 @@ Breakpoint Factor:  Higher bp factor means large spacings increase
 [ks-theme],
 [ks-inverted=false],
 [ks-inverted=true] {
-  --spacing-xxs-bp-factor: calc(1 * var(--spacing-bp-factor));
-  --spacing-xs-bp-factor: calc(var(--spacing-xxs-bp-factor) * var(--spacing-bp-factor));
-  --spacing-s-bp-factor: calc(var(--spacing-xs-bp-factor) * var(--spacing-bp-factor));
-  --spacing-m-bp-factor: calc(var(--spacing-s-bp-factor) * var(--spacing-bp-factor));
-  --spacing-l-bp-factor: calc(var(--spacing-m-bp-factor) * var(--spacing-bp-factor));
-  --spacing-xl-bp-factor: calc(var(--spacing-l-bp-factor) * var(--spacing-bp-factor));
-  --spacing-xxl-bp-factor: calc(var(--spacing-xl-bp-factor) * var(--spacing-bp-factor));
+  --ks-scale-spacing-xxs-bp-factor: calc(1 * var(--spacing-bp-factor));
+  --ks-scale-spacing-xs-bp-factor: calc(var(--ks-scale-spacing-xxs-bp-factor) * var(--spacing-bp-factor));
+  --ks-scale-spacing-s-bp-factor: calc(var(--ks-scale-spacing-xs-bp-factor) * var(--spacing-bp-factor));
+  --ks-scale-spacing-m-bp-factor: calc(var(--ks-scale-spacing-s-bp-factor) * var(--spacing-bp-factor));
+  --ks-scale-spacing-l-bp-factor: calc(var(--ks-scale-spacing-m-bp-factor) * var(--spacing-bp-factor));
+  --ks-scale-spacing-xl-bp-factor: calc(var(--ks-scale-spacing-l-bp-factor) * var(--spacing-bp-factor));
+  --ks-scale-spacing-xxl-bp-factor: calc(var(--ks-scale-spacing-xl-bp-factor) * var(--spacing-bp-factor));
 }
 
 :root,
 [ks-theme],
 [ks-inverted=false],
 [ks-inverted=true] {
-  --ks-spacing-xxs-base: calc(var(--ks-spacing-xs-base) * calc(var(--spacing-shrink-factor) * 1));
-  --ks-spacing-xs-base: calc(var(--ks-spacing-s-base) * calc(var(--spacing-shrink-factor) * 1));
-  --ks-spacing-s-base: calc(var(--ks-spacing-m-base) * calc(var(--spacing-shrink-factor) * 1));
-  --ks-spacing-m-base: var(--spacing-base);
-  --ks-spacing-l-base: calc(var(--ks-spacing-m-base) * var(--spacing-grow-factor));
-  --ks-spacing-xl-base: calc(var(--ks-spacing-l-base) * var(--spacing-grow-factor));
-  --ks-spacing-xxl-base: calc(var(--ks-spacing-xl-base) * var(--spacing-grow-factor));
+  --ks-spacing-xxs-base: calc(var(--ks-spacing-xs-base) * calc(var(--ks-scale-spacing-shrink-factor) * 1));
+  --ks-spacing-xs-base: calc(var(--ks-spacing-s-base) * calc(var(--ks-scale-spacing-shrink-factor) * 1));
+  --ks-spacing-s-base: calc(var(--ks-spacing-m-base) * calc(var(--ks-scale-spacing-shrink-factor) * 1));
+  --ks-spacing-m-base: var(--ks-brand-spacing-base);
+  --ks-spacing-l-base: calc(var(--ks-spacing-m-base) * var(--ks-scale-spacing-grow-factor));
+  --ks-spacing-xl-base: calc(var(--ks-spacing-l-base) * var(--ks-scale-spacing-grow-factor));
+  --ks-spacing-xxl-base: calc(var(--ks-spacing-xl-base) * var(--ks-scale-spacing-grow-factor));
 }
 
 :root,
 [ks-theme],
 [ks-inverted=false],
 [ks-inverted=true] {
-  --ks-spacing-xxs-bp-factor-phone: calc(1 * var(--spacing-xxs-bp-factor));
-  --ks-spacing-xxs-bp-factor-tablet: calc(var(--ks-spacing-xxs-bp-factor-phone) * var(--spacing-xxs-bp-factor));
-  --ks-spacing-xxs-bp-factor-laptop: calc(var(--ks-spacing-xxs-bp-factor-tablet) * var(--spacing-xxs-bp-factor));
-  --ks-spacing-xxs-bp-factor-desktop: calc(var(--ks-spacing-xxs-bp-factor-laptop) * var(--spacing-xxs-bp-factor));
-  --ks-spacing-xs-bp-factor-phone: calc(1 * var(--spacing-xs-bp-factor));
-  --ks-spacing-xs-bp-factor-tablet: calc(var(--ks-spacing-xs-bp-factor-phone) * var(--spacing-xs-bp-factor));
-  --ks-spacing-xs-bp-factor-laptop: calc(var(--ks-spacing-xs-bp-factor-tablet) * var(--spacing-xs-bp-factor));
-  --ks-spacing-xs-bp-factor-desktop: calc(var(--ks-spacing-xs-bp-factor-laptop) * var(--spacing-xs-bp-factor));
-  --ks-spacing-s-bp-factor-phone: calc(1 * var(--spacing-s-bp-factor));
-  --ks-spacing-s-bp-factor-tablet: calc(var(--ks-spacing-s-bp-factor-phone) * var(--spacing-s-bp-factor));
-  --ks-spacing-s-bp-factor-laptop: calc(var(--ks-spacing-s-bp-factor-tablet) * var(--spacing-s-bp-factor));
-  --ks-spacing-s-bp-factor-desktop: calc(var(--ks-spacing-s-bp-factor-laptop) * var(--spacing-s-bp-factor));
-  --ks-spacing-m-bp-factor-phone: calc(1 * var(--spacing-m-bp-factor));
-  --ks-spacing-m-bp-factor-tablet: calc(var(--ks-spacing-m-bp-factor-phone) * var(--spacing-m-bp-factor));
-  --ks-spacing-m-bp-factor-laptop: calc(var(--ks-spacing-m-bp-factor-tablet) * var(--spacing-m-bp-factor));
-  --ks-spacing-m-bp-factor-desktop: calc(var(--ks-spacing-m-bp-factor-laptop) * var(--spacing-m-bp-factor));
-  --ks-spacing-l-bp-factor-phone: calc(1 * var(--spacing-l-bp-factor));
-  --ks-spacing-l-bp-factor-tablet: calc(var(--ks-spacing-l-bp-factor-phone) * var(--spacing-l-bp-factor));
-  --ks-spacing-l-bp-factor-laptop: calc(var(--ks-spacing-l-bp-factor-tablet) * var(--spacing-l-bp-factor));
-  --ks-spacing-l-bp-factor-desktop: calc(var(--ks-spacing-l-bp-factor-laptop) * var(--spacing-l-bp-factor));
-  --ks-spacing-xl-bp-factor-phone: calc(1 * var(--spacing-xl-bp-factor));
-  --ks-spacing-xl-bp-factor-tablet: calc(var(--ks-spacing-xl-bp-factor-phone) * var(--spacing-xl-bp-factor));
-  --ks-spacing-xl-bp-factor-laptop: calc(var(--ks-spacing-xl-bp-factor-tablet) * var(--spacing-xl-bp-factor));
-  --ks-spacing-xl-bp-factor-desktop: calc(var(--ks-spacing-xl-bp-factor-laptop) * var(--spacing-xl-bp-factor));
-  --ks-spacing-xxl-bp-factor-phone: calc(1 * var(--spacing-xxl-bp-factor));
-  --ks-spacing-xxl-bp-factor-tablet: calc(var(--ks-spacing-xxl-bp-factor-phone) * var(--spacing-xxl-bp-factor));
-  --ks-spacing-xxl-bp-factor-laptop: calc(var(--ks-spacing-xxl-bp-factor-tablet) * var(--spacing-xxl-bp-factor));
-  --ks-spacing-xxl-bp-factor-desktop: calc(var(--ks-spacing-xxl-bp-factor-laptop) * var(--spacing-xxl-bp-factor));
+  --ks-spacing-xxs-bp-factor-phone: calc(1 * var(--ks-scale-spacing-xxs-bp-factor));
+  --ks-spacing-xxs-bp-factor-tablet: calc(
+    var(--ks-spacing-xxs-bp-factor-phone) * var(--ks-scale-spacing-xxs-bp-factor)
+  );
+  --ks-spacing-xxs-bp-factor-laptop: calc(
+    var(--ks-spacing-xxs-bp-factor-tablet) * var(--ks-scale-spacing-xxs-bp-factor)
+  );
+  --ks-spacing-xxs-bp-factor-desktop: calc(
+    var(--ks-spacing-xxs-bp-factor-laptop) * var(--ks-scale-spacing-xxs-bp-factor)
+  );
+  --ks-spacing-xs-bp-factor-phone: calc(1 * var(--ks-scale-spacing-xs-bp-factor));
+  --ks-spacing-xs-bp-factor-tablet: calc(var(--ks-spacing-xs-bp-factor-phone) * var(--ks-scale-spacing-xs-bp-factor));
+  --ks-spacing-xs-bp-factor-laptop: calc(var(--ks-spacing-xs-bp-factor-tablet) * var(--ks-scale-spacing-xs-bp-factor));
+  --ks-spacing-xs-bp-factor-desktop: calc(var(--ks-spacing-xs-bp-factor-laptop) * var(--ks-scale-spacing-xs-bp-factor));
+  --ks-spacing-s-bp-factor-phone: calc(1 * var(--ks-scale-spacing-s-bp-factor));
+  --ks-spacing-s-bp-factor-tablet: calc(var(--ks-spacing-s-bp-factor-phone) * var(--ks-scale-spacing-s-bp-factor));
+  --ks-spacing-s-bp-factor-laptop: calc(var(--ks-spacing-s-bp-factor-tablet) * var(--ks-scale-spacing-s-bp-factor));
+  --ks-spacing-s-bp-factor-desktop: calc(var(--ks-spacing-s-bp-factor-laptop) * var(--ks-scale-spacing-s-bp-factor));
+  --ks-spacing-m-bp-factor-phone: calc(1 * var(--ks-scale-spacing-m-bp-factor));
+  --ks-spacing-m-bp-factor-tablet: calc(var(--ks-spacing-m-bp-factor-phone) * var(--ks-scale-spacing-m-bp-factor));
+  --ks-spacing-m-bp-factor-laptop: calc(var(--ks-spacing-m-bp-factor-tablet) * var(--ks-scale-spacing-m-bp-factor));
+  --ks-spacing-m-bp-factor-desktop: calc(var(--ks-spacing-m-bp-factor-laptop) * var(--ks-scale-spacing-m-bp-factor));
+  --ks-spacing-l-bp-factor-phone: calc(1 * var(--ks-scale-spacing-l-bp-factor));
+  --ks-spacing-l-bp-factor-tablet: calc(var(--ks-spacing-l-bp-factor-phone) * var(--ks-scale-spacing-l-bp-factor));
+  --ks-spacing-l-bp-factor-laptop: calc(var(--ks-spacing-l-bp-factor-tablet) * var(--ks-scale-spacing-l-bp-factor));
+  --ks-spacing-l-bp-factor-desktop: calc(var(--ks-spacing-l-bp-factor-laptop) * var(--ks-scale-spacing-l-bp-factor));
+  --ks-spacing-xl-bp-factor-phone: calc(1 * var(--ks-scale-spacing-xl-bp-factor));
+  --ks-spacing-xl-bp-factor-tablet: calc(var(--ks-spacing-xl-bp-factor-phone) * var(--ks-scale-spacing-xl-bp-factor));
+  --ks-spacing-xl-bp-factor-laptop: calc(var(--ks-spacing-xl-bp-factor-tablet) * var(--ks-scale-spacing-xl-bp-factor));
+  --ks-spacing-xl-bp-factor-desktop: calc(var(--ks-spacing-xl-bp-factor-laptop) * var(--ks-scale-spacing-xl-bp-factor));
+  --ks-spacing-xxl-bp-factor-phone: calc(1 * var(--ks-scale-spacing-xxl-bp-factor));
+  --ks-spacing-xxl-bp-factor-tablet: calc(
+    var(--ks-spacing-xxl-bp-factor-phone) * var(--ks-scale-spacing-xxl-bp-factor)
+  );
+  --ks-spacing-xxl-bp-factor-laptop: calc(
+    var(--ks-spacing-xxl-bp-factor-tablet) * var(--ks-scale-spacing-xxl-bp-factor)
+  );
+  --ks-spacing-xxl-bp-factor-desktop: calc(
+    var(--ks-spacing-xxl-bp-factor-laptop) * var(--ks-scale-spacing-xxl-bp-factor)
+  );
 }
 
 :root,

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Dec 2025 08:34:03 GMT
+ * Generated on Fri, 05 Dec 2025 11:23: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 Fri, 05 Dec 2025 08:34:07 GMT
+ * Generated on Fri, 05 Dec 2025 11:23: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 Fri, 05 Dec 2025 08:34:05 GMT
+ * Generated on Fri, 05 Dec 2025 11:23: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 Fri, 05 Dec 2025 08:34:09 GMT
+ * Generated on Fri, 05 Dec 2025 11:23:50 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, 05 Dec 2025 08:34:00 GMT
+ * Generated on Fri, 05 Dec 2025 11:23:42 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Dec 2025 08:34:01 GMT
+ * Generated on Fri, 05 Dec 2025 11:23:43 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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