@kickstartds/ds-agency-premium 1.6.72--canary.43.2486.0 → 1.6.72--canary.43.2500.0

package/dist/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-7cac90e5.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}

@@ -5,7 +5,7 @@
  */
 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-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}

@@ -22,8 +22,8 @@ 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/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/index/index.d.ts

@@ -29,7 +29,7 @@ interface SettingsProps {
     seo: SeoProps;
     iconSprite?: IconSprite;
 }
-export * from "../../BlogPostProps-c760fd2a.js";
+export * from "../../BlogPostProps-6b3cff22.js";
 export * from "../../BlogOverviewProps-9f207f1c.js";
 export * from "../../PageProps-aa29c554.js";
 export { IconSprite, SettingsProps };

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/components/teaser-card/teaser-card.css

@@ -10,6 +10,8 @@
   --dsa-teaser-card--border-color_hover: var(--ks-border-color-card-interactive-hover);
   --dsa-teaser-card--border-radius: var(--ks-border-radius-card) var(--ks-border-radius-card)
     var(--ks-border-radius-card) calc(var(--ks-border-radius-card) * 2);
+  --dsa-teaser-card--border-radius: var(--ks-border-radius-card) var(--ks-border-radius-card)
+    var(--ks-border-radius-card) min(calc(var(--ks-border-radius-card) * 2), calc(var(--dsa-teaser-card--padding) * 2));
   --dsa-teaser-card--shadow: none;
   --dsa-teaser-card--shadow_hover: none;
   --dsa-teaser-card__image--transform_hover: scale(1.05);

package/dist/global.css

@@ -679,6 +679,7 @@ h3 {
 }
 
 :root {
+  /* Colors */
   --ks-brand-color-primary: #3065c0;
   --ks-brand-color-primary-inverted: #4e83e0;
   --ks-brand-color-on-primary: var(--ks-color-fg-inverted);
@@ -709,17 +710,22 @@ h3 {
 }
 
 :root {
-  --ks-brand-font-family-display:
-    Montserrat, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
-  --ks-brand-font-family-copy:
-    system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande",
-    "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu",
-    "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
-  --ks-brand-font-family-interface:
-    system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande",
-    "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu",
-    "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
-  --ks-brand-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+  /* Font Families */
+  --ks-brand-font-family-display: Montserrat, Baskerville,
+    "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+  --ks-brand-font-family-copy: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-interface: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
+    Consolas, "Liberation Mono", monospace;
+  /* Font Weights */
   --ks-brand-font-weight-light: 300;
   --ks-brand-font-weight-regular: 400;
   --ks-brand-font-weight-medium: 500;
@@ -727,12 +733,14 @@ h3 {
   --ks-brand-font-weight-bold: 700;
 }
 
+/* Normalized user input tokens (range: 1-2) */
 /*
 Shrink Factor:      Determine scaling from m to xxs
 Grow Factor:        Determine scaling from m to xxl
 Breakpoint Factor:  Higher bp factor means large spacings increase
                     more at bigger screen sizes than small spacings
 */
+/* Font Size */
 :root {
   --ks-brand-font-size-display-base: 20px;
   --ks-brand-font-size-display-shrink-factor: 1.5;
@@ -752,6 +760,7 @@ Breakpoint Factor:  Higher bp factor means large spacings increase
   --ks-brand-font-size-mono-bp-factor: 1.5;
 }
 
+/* Spacing */
 :root {
   --ks-brand-spacing-base: 16px;
   --ks-brand-spacing-shrink-factor: 1.5;

package/dist/tokens/branding-token-burgundy.css

@@ -0,0 +1,113 @@
+:root {
+  /* Colors */
+  --ks-brand-color-primary: oklch(52.408% 0.21712 344.427);
+  --ks-brand-color-primary-inverted: oklch(56.86% 0.255 257.57);
+
+  --ks-brand-color-on-primary: var(--ks-color-fg-inverted);
+  --ks-brand-color-on-primary-inverted: var(--ks-color-fg-inverted);
+
+  --ks-brand-color-bg: oklch(97.386% 0.01826 336.224);
+  --ks-brand-color-bg-inverted: #0f203e;
+
+  --ks-brand-color-fg: #06081f;
+  --ks-brand-color-fg-inverted: #fff;
+
+  --ks-brand-color-link: oklch(52.408% 0.21712 344.427);
+  --ks-brand-color-link-inverted: #98b2e0;
+
+  --ks-brand-color-positive: #23831b;
+  --ks-brand-color-positive-inverted: #6edb64;
+
+  --ks-brand-color-negative: #ff1a57;
+  --ks-brand-color-negative-inverted: #d21d48;
+
+  --ks-brand-color-informative: #64c2db;
+  --ks-brand-color-informative-inverted: #00718f;
+
+  --ks-brand-color-notice: #64c2db;
+  --ks-brand-color-notice-inverted: #00718f;
+
+  --ks-brand-color-scale-9: 5%;
+  --ks-brand-color-scale-8: 15%;
+  --ks-brand-color-scale-7: 27%;
+  --ks-brand-color-scale-6: 39%;
+  --ks-brand-color-scale-5: 50%;
+  --ks-brand-color-scale-4: 61%;
+  --ks-brand-color-scale-3: 73%;
+  --ks-brand-color-scale-2: 85%;
+  --ks-brand-color-scale-1: 95%;
+}
+
+:root {
+  /* Font Families */
+  --ks-brand-font-family-display: Montserrat, Baskerville,
+    "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+  --ks-brand-font-family-copy: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-interface: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
+    Consolas, "Liberation Mono", monospace;
+
+  /* Font Weights */
+  --ks-brand-font-weight-light: 300;
+  --ks-brand-font-weight-regular: 400;
+  --ks-brand-font-weight-medium: 500;
+  --ks-brand-font-weight-semi-bold: 600;
+  --ks-brand-font-weight-bold: 700;
+}
+
+/* Normalized user input tokens (range: 1-2) */
+
+/*
+Shrink Factor:      Determine scaling from m to xxs
+Grow Factor:        Determine scaling from m to xxl
+Breakpoint Factor:  Higher bp factor means large spacings increase
+                    more at bigger screen sizes than small spacings
+*/
+
+/* Font Size */
+:root {
+  --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;
+}
+
+/* Spacing */
+:root {
+  --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 {
+  --ks-brand-border-width-default: 1px;
+  --ks-brand-border-width-emphasized: 2px;
+
+  --ks-brand-border-radius-control: 0;
+  --ks-brand-border-radius-card: 0;
+  --ks-brand-border-radius-surface: 0;
+}

package/dist/tokens/branding-token-coffee.css

@@ -0,0 +1,114 @@
+:root {
+  /* Colors */
+  --ks-brand-color-primary: rgb(255, 169, 89);
+  --ks-brand-color-primary-inverted: rgb(255, 169, 89);
+
+  --ks-brand-color-on-primary: var(--ks-color-fg-inverted);
+  --ks-brand-color-on-primary-inverted: black;
+
+  --ks-brand-color-bg: oklch(24% 0.023 329.708);
+  --ks-brand-color-bg-inverted: #0f203e;
+
+  --ks-brand-color-fg: rgb(255, 169, 89);
+  --ks-brand-color-fg-inverted: oklch(24% 0.023 329.708);
+
+  --ks-brand-color-link: oklch(90.382% 0.06694 65.317);
+  --ks-brand-color-link-inverted: #98b2e0;
+
+  --ks-brand-color-positive: #23831b;
+  --ks-brand-color-positive-inverted: #6edb64;
+
+  --ks-brand-color-negative: #ff1a57;
+  --ks-brand-color-negative-inverted: #d21d48;
+
+  --ks-brand-color-informative: #64c2db;
+  --ks-brand-color-informative-inverted: #00718f;
+
+  --ks-brand-color-notice: #64c2db;
+  --ks-brand-color-notice-inverted: #00718f;
+
+  --ks-brand-color-scale-9: 5%;
+  --ks-brand-color-scale-8: 15%;
+  --ks-brand-color-scale-7: 27%;
+  --ks-brand-color-scale-6: 39%;
+  --ks-brand-color-scale-5: 50%;
+  --ks-brand-color-scale-4: 61%;
+  --ks-brand-color-scale-3: 73%;
+  --ks-brand-color-scale-2: 85%;
+  --ks-brand-color-scale-1: 95%;
+}
+
+:root {
+  /* Font Families */
+  --ks-brand-font-family-display: Montserrat, Baskerville,
+    "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+  --ks-brand-font-family-copy: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-interface: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
+    Consolas, "Liberation Mono", monospace;
+
+  /* Font Weights */
+  --ks-brand-font-weight-light: 300;
+  --ks-brand-font-weight-regular: 400;
+  --ks-brand-font-weight-medium: 500;
+  --ks-brand-font-weight-semi-bold: 600;
+  --ks-brand-font-weight-bold: 700;
+}
+
+/* Normalized user input tokens (range: 1-2) */
+
+/*
+Shrink Factor:      Determine scaling from m to xxs
+Grow Factor:        Determine scaling from m to xxl
+Breakpoint Factor:  Higher bp factor means large spacings increase
+                    more at bigger screen sizes than small spacings
+*/
+
+/* Font Size */
+:root {
+  --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: 14px;
+  --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: 14px;
+  --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: 14px;
+  --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;
+}
+
+/* Spacing */
+:root {
+  --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;
+}
+
+/* Border */
+:root {
+  --ks-brand-border-width-default: 1px;
+  --ks-brand-border-width-emphasized: 2px;
+
+  --ks-brand-border-radius-control: var(--ks-spacing-xs);
+  --ks-brand-border-radius-card: var(--ks-spacing-s);
+  --ks-brand-border-radius-surface: var(--ks-spacing-m);
+}

package/dist/tokens/branding-token-mint.css

@@ -0,0 +1,114 @@
+:root {
+  /* Colors */
+  --ks-brand-color-primary: #02816e;
+  --ks-brand-color-primary-inverted: #4e83e0;
+
+  --ks-brand-color-on-primary: var(--ks-color-fg-inverted);
+  --ks-brand-color-on-primary-inverted: var(--ks-color-fg);
+
+  --ks-brand-color-bg: oklch(98.71% 0.02 123.72);
+  --ks-brand-color-bg-inverted: #0f203e;
+
+  --ks-brand-color-fg: #06081f;
+  --ks-brand-color-fg-inverted: #fff;
+
+  --ks-brand-color-link: #007e6c;
+  --ks-brand-color-link-inverted: #98b2e0;
+
+  --ks-brand-color-positive: #23831b;
+  --ks-brand-color-positive-inverted: #6edb64;
+
+  --ks-brand-color-negative: #ff1a57;
+  --ks-brand-color-negative-inverted: #d21d48;
+
+  --ks-brand-color-informative: #64c2db;
+  --ks-brand-color-informative-inverted: #00718f;
+
+  --ks-brand-color-notice: #64c2db;
+  --ks-brand-color-notice-inverted: #00718f;
+
+  --ks-brand-color-scale-9: 5%;
+  --ks-brand-color-scale-8: 15%;
+  --ks-brand-color-scale-7: 27%;
+  --ks-brand-color-scale-6: 39%;
+  --ks-brand-color-scale-5: 50%;
+  --ks-brand-color-scale-4: 61%;
+  --ks-brand-color-scale-3: 73%;
+  --ks-brand-color-scale-2: 85%;
+  --ks-brand-color-scale-1: 95%;
+}
+
+:root {
+  /* Font Families */
+  --ks-brand-font-family-display: Montserrat, Baskerville,
+    "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+  --ks-brand-font-family-copy: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-interface: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
+    Consolas, "Liberation Mono", monospace;
+
+  /* Font Weights */
+  --ks-brand-font-weight-light: 300;
+  --ks-brand-font-weight-regular: 400;
+  --ks-brand-font-weight-medium: 500;
+  --ks-brand-font-weight-semi-bold: 600;
+  --ks-brand-font-weight-bold: 700;
+}
+
+/* Normalized user input tokens (range: 1-2) */
+
+/*
+Shrink Factor:      Determine scaling from m to xxs
+Grow Factor:        Determine scaling from m to xxl
+Breakpoint Factor:  Higher bp factor means large spacings increase
+                    more at bigger screen sizes than small spacings
+*/
+
+/* Font Size */
+:root {
+  --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: 18px;
+  --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: 18px;
+  --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: 18px;
+  --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;
+}
+
+/* Spacing */
+:root {
+  --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;
+}
+
+/* Border */
+:root {
+  --ks-brand-border-width-default: 1px;
+  --ks-brand-border-width-emphasized: 2px;
+
+  --ks-brand-border-radius-control: var(--ks-spacing-xxs);
+  --ks-brand-border-radius-card: var(--ks-spacing-xs);
+  --ks-brand-border-radius-surface: var(--ks-spacing-s);
+}

package/dist/tokens/branding-token-neon.css

@@ -0,0 +1,113 @@
+:root {
+  /* Colors */
+  --ks-brand-color-primary: #e21879;
+  --ks-brand-color-primary-inverted: #4d25ef;
+
+  --ks-brand-color-on-primary: var(--ks-color-fg);
+  --ks-brand-color-on-primary-inverted: var(--ks-color-fg-inverted);
+
+  --ks-brand-color-bg: #06081f;
+  --ks-brand-color-bg-inverted: #f1f1f3;
+
+  --ks-brand-color-fg: #fff;
+  --ks-brand-color-fg-inverted: #06081f;
+
+  --ks-brand-color-link: #b7a5ff;
+  --ks-brand-color-link-inverted: #6642f6;
+
+  --ks-brand-color-positive: #23831b;
+  --ks-brand-color-positive-inverted: #6edb64;
+
+  --ks-brand-color-negative: #ff1a57;
+  --ks-brand-color-negative-inverted: #d21d48;
+
+  --ks-brand-color-informative: #64c2db;
+  --ks-brand-color-informative-inverted: #00718f;
+
+  --ks-brand-color-notice: #64c2db;
+  --ks-brand-color-notice-inverted: #00718f;
+
+  --ks-brand-color-scale-9: 5%;
+  --ks-brand-color-scale-8: 15%;
+  --ks-brand-color-scale-7: 27%;
+  --ks-brand-color-scale-6: 39%;
+  --ks-brand-color-scale-5: 50%;
+  --ks-brand-color-scale-4: 61%;
+  --ks-brand-color-scale-3: 73%;
+  --ks-brand-color-scale-2: 85%;
+  --ks-brand-color-scale-1: 95%;
+}
+
+:root {
+  /* Font Families */
+  --ks-brand-font-family-display: Montserrat, Baskerville,
+    "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+  --ks-brand-font-family-copy: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-interface: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
+    Consolas, "Liberation Mono", monospace;
+
+  /* Font Weights */
+  --ks-brand-font-weight-light: 300;
+  --ks-brand-font-weight-regular: 400;
+  --ks-brand-font-weight-medium: 500;
+  --ks-brand-font-weight-semi-bold: 600;
+  --ks-brand-font-weight-bold: 700;
+}
+
+/* Normalized user input tokens (range: 1-2) */
+
+/*
+Shrink Factor:      Determine scaling from m to xxs
+Grow Factor:        Determine scaling from m to xxl
+Breakpoint Factor:  Higher bp factor means large spacings increase
+                    more at bigger screen sizes than small spacings
+*/
+
+/* Font Size */
+:root {
+  --ks-brand-font-size-display-base: 20px;
+  --ks-brand-font-size-display-shrink-factor-input: 1.5;
+  --ks-brand-font-size-display-grow-factor-input: 1.5;
+  --ks-brand-font-size-display-bp-factor-input: 1.5;
+
+  --ks-brand-font-size-copy-base: 18px;
+  --ks-brand-font-size-copy-shrink-factor-input: 1.5;
+  --ks-brand-font-size-copy-grow-factor-input: 1.5;
+  --ks-brand-font-size-copy-bp-factor-input: 1.5;
+
+  --ks-brand-font-size-interface-base: 18px;
+  --ks-brand-font-size-interface-shrink-factor-input: 1.5;
+  --ks-brand-font-size-interface-grow-factor-input: 1.5;
+  --ks-brand-font-size-interface-bp-factor-input: 1.5;
+
+  --ks-brand-font-size-mono-base: 18px;
+  --ks-brand-font-size-mono-shrink-factor-input: 1.5;
+  --ks-brand-font-size-mono-grow-factor-input: 1.5;
+  --ks-brand-font-size-mono-bp-factor-input: 1.5;
+}
+
+/* Spacing */
+:root {
+  --ks-brand-spacing-base: 18px;
+  --ks-brand-spacing-shrink-factor: 1.5;
+  --ks-brand-spacing-grow-factor: 1.5;
+  --ks-brand-spacing-bp-factor: 1.5;
+}
+
+:root {
+  --ks-brand-border-width-default: 1px;
+  --ks-brand-border-width-emphasized: 2px;
+
+  --ks-brand-border-radius-control: var(--ks-spacing-xs);
+  --ks-brand-border-radius-card: var(--ks-spacing-s);
+  --ks-brand-border-radius-surface: var(--ks-spacing-m);
+}

package/dist/tokens/branding-token-water.css

@@ -0,0 +1,114 @@
+:root {
+  /* Colors */
+  --ks-brand-color-primary: rgb(93, 136, 236);
+  --ks-brand-color-primary-inverted: rgb(0, 18, 61);
+
+  --ks-brand-color-on-primary: var(--ks-color-primary-inverted);
+  --ks-brand-color-on-primary-inverted: black;
+
+  --ks-brand-color-bg: rgb(0, 16, 54);
+  --ks-brand-color-bg-inverted: #0f203e;
+
+  --ks-brand-color-fg: rgb(210, 216, 232);
+  --ks-brand-color-fg-inverted: oklch(24% 0.023 329.708);
+
+  --ks-brand-color-link: var(--ks-color-primary);
+  --ks-brand-color-link-inverted: #98b2e0;
+
+  --ks-brand-color-positive: #23831b;
+  --ks-brand-color-positive-inverted: #6edb64;
+
+  --ks-brand-color-negative: #ff1a57;
+  --ks-brand-color-negative-inverted: #d21d48;
+
+  --ks-brand-color-informative: #64c2db;
+  --ks-brand-color-informative-inverted: #00718f;
+
+  --ks-brand-color-notice: #64c2db;
+  --ks-brand-color-notice-inverted: #00718f;
+
+  --ks-brand-color-scale-9: 5%;
+  --ks-brand-color-scale-8: 15%;
+  --ks-brand-color-scale-7: 27%;
+  --ks-brand-color-scale-6: 39%;
+  --ks-brand-color-scale-5: 50%;
+  --ks-brand-color-scale-4: 61%;
+  --ks-brand-color-scale-3: 73%;
+  --ks-brand-color-scale-2: 85%;
+  --ks-brand-color-scale-1: 95%;
+}
+
+:root {
+  /* Font Families */
+  --ks-brand-font-family-display: Montserrat, Baskerville,
+    "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+  --ks-brand-font-family-copy: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-interface: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
+    Consolas, "Liberation Mono", monospace;
+
+  /* Font Weights */
+  --ks-brand-font-weight-light: 300;
+  --ks-brand-font-weight-regular: 400;
+  --ks-brand-font-weight-medium: 500;
+  --ks-brand-font-weight-semi-bold: 600;
+  --ks-brand-font-weight-bold: 700;
+}
+
+/* Normalized user input tokens (range: 1-2) */
+
+/*
+Shrink Factor:      Determine scaling from m to xxs
+Grow Factor:        Determine scaling from m to xxl
+Breakpoint Factor:  Higher bp factor means large spacings increase
+                    more at bigger screen sizes than small spacings
+*/
+
+/* Font Size */
+:root {
+  --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: 14px;
+  --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: 14px;
+  --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: 14px;
+  --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;
+}
+
+/* Spacing */
+:root {
+  --ks-brand-spacing-base: 18px;
+  --ks-brand-spacing-shrink-factor: 1.35;
+  --ks-brand-spacing-grow-factor: 1.35;
+  --ks-brand-spacing-bp-factor: 1.75;
+}
+
+/* Border */
+:root {
+  --ks-brand-border-width-default: 1px;
+  --ks-brand-border-width-emphasized: 2px;
+
+  --ks-brand-border-radius-control: var(--ks-border-radius-pill);
+  --ks-brand-border-radius-card: var(--ks-spacing-l);
+  --ks-brand-border-radius-surface: var(--ks-spacing-xl);
+}

package/dist/tokens/branding-token.css

@@ -0,0 +1,113 @@
+:root {
+  /* Colors */
+  --ks-brand-color-primary: #3065c0;
+  --ks-brand-color-primary-inverted: #4e83e0;
+
+  --ks-brand-color-on-primary: var(--ks-color-fg-inverted);
+  --ks-brand-color-on-primary-inverted: var(--ks-color-fg);
+
+  --ks-brand-color-bg: #fff;
+  --ks-brand-color-bg-inverted: #0f203e;
+
+  --ks-brand-color-fg: #06081f;
+  --ks-brand-color-fg-inverted: #fff;
+
+  --ks-brand-color-link: #3065c0;
+  --ks-brand-color-link-inverted: #98b2e0;
+
+  --ks-brand-color-positive: #23831b;
+  --ks-brand-color-positive-inverted: #6edb64;
+
+  --ks-brand-color-negative: #ff1a57;
+  --ks-brand-color-negative-inverted: #d21d48;
+
+  --ks-brand-color-informative: #64c2db;
+  --ks-brand-color-informative-inverted: #00718f;
+
+  --ks-brand-color-notice: #64c2db;
+  --ks-brand-color-notice-inverted: #00718f;
+
+  --ks-brand-color-scale-9: 5%;
+  --ks-brand-color-scale-8: 15%;
+  --ks-brand-color-scale-7: 27%;
+  --ks-brand-color-scale-6: 39%;
+  --ks-brand-color-scale-5: 50%;
+  --ks-brand-color-scale-4: 61%;
+  --ks-brand-color-scale-3: 73%;
+  --ks-brand-color-scale-2: 85%;
+  --ks-brand-color-scale-1: 95%;
+}
+
+:root {
+  /* Font Families */
+  --ks-brand-font-family-display: Montserrat, Baskerville,
+    "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
+  --ks-brand-font-family-copy: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-interface: system-ui, -apple-system, BlinkMacSystemFont,
+    "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue",
+    "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell",
+    "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic",
+    "Liberation Sans", sans-serif;
+  --ks-brand-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
+    Consolas, "Liberation Mono", monospace;
+
+  /* Font Weights */
+  --ks-brand-font-weight-light: 300;
+  --ks-brand-font-weight-regular: 400;
+  --ks-brand-font-weight-medium: 500;
+  --ks-brand-font-weight-semi-bold: 600;
+  --ks-brand-font-weight-bold: 700;
+}
+
+/* Normalized user input tokens (range: 1-2) */
+
+/*
+Shrink Factor:      Determine scaling from m to xxs
+Grow Factor:        Determine scaling from m to xxl
+Breakpoint Factor:  Higher bp factor means large spacings increase
+                    more at bigger screen sizes than small spacings
+*/
+
+/* Font Size */
+:root {
+  --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;
+}
+
+/* Spacing */
+:root {
+  --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 {
+  --ks-brand-border-width-default: 1px;
+  --ks-brand-border-width-emphasized: 2px;
+
+  --ks-brand-border-radius-control: var(--ks-spacing-xs);
+  --ks-brand-border-radius-card: var(--ks-spacing-s);
+  --ks-brand-border-radius-surface: var(--ks-spacing-m);
+}

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Dec 2025 11:23:45 GMT
+ * Generated on Mon, 08 Dec 2025 09:51:50 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 11:23:49 GMT
+ * Generated on Mon, 08 Dec 2025 09:51:53 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 11:23:47 GMT
+ * Generated on Mon, 08 Dec 2025 09:51:52 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 11:23:50 GMT
+ * Generated on Mon, 08 Dec 2025 09:51:55 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 11:23:42 GMT
+ * Generated on Mon, 08 Dec 2025 09:51:47 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

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

package/package.json

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