@kickstartds/ds-agency-premium 1.6.72--canary.56.2533.0 → 1.6.72--canary.43.2537.0

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-m);
+  --ks-brand-border-radius-surface: var(--ks-spacing-l);
+}

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 Mon, 08 Dec 2025 14:15:13 GMT
+ * Generated on Tue, 09 Dec 2025 10:40:13 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -927,10 +927,10 @@
   --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
   --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
   --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
-  --ks-font-family-display: "NovelPro", Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
-  --ks-font-family-copy: "NovelSansPro", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --ks-font-family-interface: "NovelSansPro", 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-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+  --ks-font-family-display: 'NovelPro', Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
+  --ks-font-family-copy: 'NovelSansPro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --ks-font-family-interface: 'NovelSansPro', 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-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
   --ks-font-weight-light: 300;
   --ks-font-weight-regular: 400;
   --ks-font-weight-semi-bold: 500;
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 08 Dec 2025 14:15:17 GMT
+ * Generated on Tue, 09 Dec 2025 10:40:17 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -3654,10 +3654,10 @@
   --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
   --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
   --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
-  --ks-font-family-display: "Google Sans Display", "Helvetica Neue", "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
-  --ks-font-family-copy: "Google Sans 18pt", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --ks-font-family-interface: "Google Sans Text", 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-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+  --ks-font-family-display: 'Google Sans Display', 'Helvetica Neue', 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
+  --ks-font-family-copy: 'Google Sans 18pt', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --ks-font-family-interface: 'Google Sans Text', 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-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
   --ks-font-weight-light: 300;
   --ks-font-weight-regular: 400;
   --ks-font-weight-semi-bold: 500;
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 08 Dec 2025 14:15:15 GMT
+ * Generated on Tue, 09 Dec 2025 10:40:15 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -6475,10 +6475,10 @@
   --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
   --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
   --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
-  --ks-font-family-display: system-ui, "Helvetica Neue", "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
-  --ks-font-family-copy: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --ks-font-family-interface: system-ui, 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-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+  --ks-font-family-display: system-ui, 'Helvetica Neue', 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
+  --ks-font-family-copy: system-ui, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --ks-font-family-interface: system-ui, 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-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
   --ks-font-weight-light: 300;
   --ks-font-weight-regular: 400;
   --ks-font-weight-semi-bold: 500;
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 08 Dec 2025 14:15:19 GMT
+ * Generated on Tue, 09 Dec 2025 10:40:19 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -9386,10 +9386,10 @@
   --ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
   --ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
   --ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
-  --ks-font-family-display: TeleNeo, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
-  --ks-font-family-copy: TeleNeo, "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --ks-font-family-interface: TeleNeo, 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-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+  --ks-font-family-display: TeleNeo, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
+  --ks-font-family-copy: TeleNeo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --ks-font-family-interface: TeleNeo, 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-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
   --ks-font-weight-light: 300;
   --ks-font-weight-regular: 400;
   --ks-font-weight-semi-bold: 500;

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Dec 2025 14:15:10 GMT
+ * Generated on Tue, 09 Dec 2025 10:40:11 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Dec 2025 14:15:11 GMT
+ * Generated on Tue, 09 Dec 2025 10:40:11 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.72--canary.56.2533.0",
+  "version": "1.6.72--canary.43.2537.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {
@@ -23,6 +23,10 @@
     "./static/*": "./dist/static/*",
     "./tokens/*": "./dist/tokens/*",
     "./icon-sprite": "./dist/tokens/IconSprite.js",
+    "./playground/*": {
+      "types": "./dist/playground/*/index.d.ts",
+      "default": "./dist/playground/*/index.js"
+    },
     "./*.css": "./dist/*.css",
     "./*.js": {
       "types": "./dist/*.d.ts",
@@ -40,12 +44,13 @@
   ],
   "scripts": {
     "build-storybook": "yarn build-tokens && yarn schema && yarn token && yarn search && storybook build",
+    "postbuild-storybook": "yarn presets && yarn playroom:build && mkdir -p dist/components && cp snippets.json dist/components/presets.json",
     "build-tokens-ds-agency": "kickstartDS tokens compile",
     "build-tokens-business": "kickstartDS tokens compile --token-dictionary-path src/token-business/dictionary --sd-config-path sd.config-business.cjs",
     "build-tokens-ngo": "kickstartDS tokens compile --token-dictionary-path src/token-ngo/dictionary --sd-config-path sd.config-ngo.cjs",
     "build-tokens-google": "kickstartDS tokens compile --token-dictionary-path src/token-google/dictionary --sd-config-path sd.config-google.cjs",
     "build-tokens-telekom": "kickstartDS tokens compile --token-dictionary-path src/token-telekom/dictionary --sd-config-path sd.config-telekom.cjs",
-    "build-tokens": "run-s build-tokens-* && node scripts/patchThemeTokens.cjs",
+    "build-tokens": "run-s build-tokens-* && node scripts/patchThemeTokens.js",
     "chromatic": "chromatic --build-script-name \"build-storybook\" --output-dir \"storybook-static\" --skip \"@(renovate/**|dependabot/**)\" --exit-zero-on-changes --exit-once-uploaded",
     "init-tokens": "kickstartDS tokens init",
     "playroom": "run-p watch:* playroom:start",
@@ -67,7 +72,7 @@
     "test": "rimraf __snapshots__ && run-p -r test:*",
     "test:server": "npx http-server storybook-static --port 6006 --silent",
     "test:suite": "npx wait-on http://127.0.0.1:6006 && test-storybook",
-    "token": "node scripts/customPropertyExtract.cjs",
+    "token": "node scripts/customPropertyExtract.js",
     "watch:schema": "yarn schema && chokidar \"src/**/*.schema.json\" -c \"yarn schema\"",
     "watch:token": "yarn token && chokidar \"src/**/*-tokens.scss\" -c \"yarn token {path}\"",
     "watch:dictionary": "yarn build-tokens && chokidar \"src/token/dictionary/*.json\" -c \"yarn build-tokens\""
@@ -75,13 +80,12 @@
   "dependencies": {
     "@bedrock-layout/primitives": "^3.0.23",
     "@bedrock-layout/spacing-constants": "^3.2.5",
-    "@storybook/react-vite": "^10.2.0-alpha.3",
     "classnames": "^2.3.2",
     "markdown-to-jsx": "^7.5.0"
   },
   "devDependencies": {
-    "@auto-it/npm": "^11.3.6",
-    "@auto-it/released": "^11.3.6",
+    "@auto-it/npm": "^11.0.1",
+    "@auto-it/released": "^11.0.1",
     "@kickstartds/base": "^4.1.0",
     "@kickstartds/blog": "^4.1.0",
     "@kickstartds/content": "^4.1.1",
@@ -93,18 +97,19 @@
     "@kickstartds/storybook-addon-html": "^1.0.0",
     "@kickstartds/storybook-addon-jsonschema": "^4.0.0",
     "@kickstartds/style-dictionary": "^4.0.2",
-    "@rollup/plugin-typescript": "^12.3.0",
-    "@storybook/addon-a11y": "^10.2.0-alpha.3",
-    "@storybook/addon-docs": "^10.2.0-alpha.3",
-    "@storybook/addon-links": "^10.2.0-alpha.3",
-    "@storybook/addon-mcp": "^0.1.4-next.2",
-    "@storybook/test-runner": "^0.24.2",
+    "@storybook/addon-a11y": "^8.0.5",
+    "@storybook/addon-actions": "^8.0.5",
+    "@storybook/addon-essentials": "^8.0.5",
+    "@storybook/addon-links": "^8.0.5",
+    "@storybook/react": "^8.0.5",
+    "@storybook/react-vite": "^8.0.5",
+    "@storybook/test-runner": "^0.17.0",
     "@testing-library/react": "^14.1.2",
     "@types/jest": "^29.5.11",
     "@types/jest-image-snapshot": "^6.4.0",
-    "@types/react": "^19.2.7",
+    "@types/react": "^18.2.21",
     "@vitejs/plugin-react": "^4.2.1",
-    "auto": "^11.3.6",
+    "auto": "^11.0.1",
     "c15t": "^1.5.0",
     "change-case": "^4.1.2",
     "chokidar-cli": "^3.0.0",
@@ -125,14 +130,16 @@
     "playroom": "^0.34.1",
     "postcss": "^8.4.29",
     "postcss-url": "^10.1.3",
-    "react": "19.2.1",
-    "react-dom": "19.2.1",
-    "rollup": "^4.53.3",
-    "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-node-externals": "^8.1.2",
-    "sass": "^1.66.1",
+    "puppeteer": "^24.30.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "rollup": "^3.28.1",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-node-externals": "^6.1.1",
+    "rollup-plugin-ts": "^3.4.4",
+    "sass": "^1.94.2",
     "sass-loader": "^13.3.3",
-    "storybook": "^10.2.0-alpha.3",
+    "storybook": "^8.0.5",
     "storybook-addon-playroom": "^5.0.0",
     "storybook-design-token": "^3.1.0",
     "style-loader": "^3.3.3",
@@ -146,8 +153,8 @@
     "@kickstartds/core": "^4.0.2",
     "@kickstartds/form": "^4.0.2",
     "c15t": "^1.5.0",
-    "react": "^17 || ^18 || ^19",
-    "react-dom": "^17 || ^18 || ^19"
+    "react": "^17 || ^18",
+    "react-dom": "^17 || ^18"
   },
   "peerDependenciesMeta": {
     "c15t": {

package/dist/.storybook/main.d.ts

@@ -1,3 +0,0 @@
-import { StorybookConfig } from "@storybook/react-vite";
-declare const config: StorybookConfig;
-export default config;

package/dist/.storybook/manager.d.ts

@@ -1 +0,0 @@
-import "./manager.css";

package/dist/.storybook/preview.d.ts

@@ -1,5 +0,0 @@
-import "lazysizes/plugins/attrchange/ls.attrchange";
-import { Preview } from "@storybook/react-vite";
-import "./preview.css";
-declare const preview: Preview;
-export default preview;

package/dist/.storybook/test-runner.d.ts

@@ -1,3 +0,0 @@
-import { TestRunnerConfig } from "@storybook/test-runner";
-declare const config: TestRunnerConfig;
-export default config;

package/dist/.storybook/themeSwitch.d.ts

@@ -1,4 +0,0 @@
-import { Args, GlobalTypes } from "@storybook/types";
-import { Decorator } from "@storybook/react-vite";
-export declare const globalThemeTypes: GlobalTypes;
-export declare const themeSwitchDecorator: Decorator<Args>;

package/dist/.storybook/themes.d.ts

@@ -1 +0,0 @@
-export declare const light: import("storybook/theming").ThemeVars;