@kickstartds/ds-agency-premium 1.6.71--canary.45.1819.0 → 1.6.71--canary.45.1821.0

package/dist/components/contact/contact.css

@@ -124,12 +124,4 @@
 .dsa-contact a.dsa-contact__link:hover {
   color: var(--dsa-contact__link--color_hover);
   text-decoration: var(--dsa-contact__link--text-decoration_hover);
-}
-.dsa-contact .c-headline {
-  --c-headline--color: var(--dsa-contact__headline--color);
-  --c-headline--font: var(--dsa-contact__headline--font);
-  --c-headline--font-weight: var(--dsa-contact__headline--font-weight);
-  --c-headline__subheadline--color: var(--dsa-contact__headline__subheadline--color);
-  --c-headline__subheadline--font: var(--dsa-contact__headline__subheadline--font);
-  --c-headline__subheadline--font-weight: var(--dsa-contact__headline__subheadline--font-weight);
 }

package/dist/components/cta/cta.css

@@ -4,18 +4,15 @@
   --dsa-cta__content--vertical-padding: var(--dsa-content--vertical-spacing);
   --dsa-cta__content--horizontal-padding: var(--dsa-content--horizontal-spacing);
   --dsa-cta__content--max-width: var(--dsa-content--width_narrow);
-  --dsa-cta__copy--font: var(--ks-font-copy-m);
-  --dsa-cta__copy--color: var(--ks-text-color-default);
   --dsa-cta__headline--color: var(--dsa-headline--color);
-  --dsa-cta__headline--font: var(--dsa-headline_h2--font);
   --dsa-cta__subheadline--color: var(--dsa-headline__subheadline--color);
-  --dsa-cta__subheadline--font: var(--dsa-headline_h2__subheadline--font);
+  --dsa-cta__copy--font: var(--ks-font-copy-m);
+  --dsa-cta__copy--color: var(--ks-text-color-default);
   --dsa-cta__image--padding: var(--ks-spacing-inset-m);
   --dsa-cta_color-neutral__headline--color: var(--ks-text-color-default);
   --dsa-cta_color-neutral__subheadline--color: var(--ks-text-color-default);
   --dsa-cta_color-neutral__copy--color: var(--ks-text-color-default);
   --dsa-cta_highlight-text__headline--font: var(--dsa-headline_h1--font);
-  --dsa-cta_highlight-text__subheadline--font: var(--dsa-headline_h1__subheadline--font);
   --dsa-cta_highlight-text__copy--font: var(--ks-font-copy-l);
 }
 
@@ -38,10 +35,6 @@
 .dsa-cta.c-storytelling.dsa-cta--highlight-text {
   --dsa-cta__copy--font: var(--dsa-cta_highlight-text__copy--font, var(--ks-font-copy-l));
   --dsa-cta__headline--font: var(--dsa-cta_highlight-text__headline--font, var(--dsa-headline_h1--font));
-  --dsa-cta__subheadline--font: var(
-    --dsa-cta_highlight-text__subheadline--font,
-    var(--dsa-headline_h1__subheadline--font)
-  );
 }
 .dsa-cta.c-storytelling.dsa-cta--no-padding .c-storytelling__box {
   padding: 0;
@@ -62,14 +55,10 @@
   max-width: 100%;
 }
 .dsa-cta.c-storytelling .c-storytelling__box .dsa-headline__headline {
-  font: var(--dsa-cta__headline--font, var(--dsa-headline_h2--font, var(--ks-font-display-xl)));
   color: var(--dsa-cta__headline--color, var(--ks-text-color-display));
-  font-weight: var(--dsa-headline--font-weight, var(--ks-font-weight-semi-bold));
 }
 .dsa-cta.c-storytelling .c-storytelling__box .dsa-headline__subheadline {
-  font: var(--dsa-cta__subheadline--font, var(--dsa-headline_h2__subheadline--font, var(--ks-font-display-xl)));
   color: var(--dsa-cta__subheadline--color, var(--ks-text-color-primary));
-  font-weight: var(--dsa-headline__subheadline--font-weight, var(--ks-font-weight-medium));
 }
 .dsa-cta.c-storytelling .c-storytelling__box .c-rich-text {
   font: var(--dsa-cta__copy--font, var(--ks-font-copy-m));

package/dist/components/event-registration/event-registration.css

@@ -3,9 +3,6 @@
   flex-direction: column;
   gap: var(--ks-spacing-stack-s);
 }
-.dsa-event-registration__label {
-  font: var(--dsa-headline_h2__subheadline--font);
-}
 .dsa-event-registration__link {
   width: fit-content;
   font: var(--ks-font-interface-s);

package/dist/components/headline/headline.css

@@ -7,45 +7,37 @@
   --dsa-headline--space-after_small: var(--ks-spacing-stack-m);
   --dsa-headline--space-after_minimum: var(--ks-spacing-stack-s);
   --dsa-headline--higlight-background: var(--dsa-typo--highlight);
-  --dsa-headline__subheadline--color: var(--ks-text-color-primary);
-  --dsa-headline__subheadline--font-weight: var(--ks-font-weight-semi-bold);
+  --dsa-headline__subheadline--color: var(--ks-color-fg-alpha-4);
+  --dsa-headline__subheadline--font-weight: var(--ks-font-weight-bold);
+  --dsa-headline__subheadline--text-transform: uppercase;
+  --dsa-headline__subheadline--letter-spacing: 0.045em;
+  --dsa-headline__subheadline--font-family: var(--ks-font-family-display);
   --dsa-headline_h1--font: var(--ks-font-display-xxl);
-  --dsa-headline_h1__subheadline--font: var(--ks-font-copy-l);
+  --dsa-headline_h1__subheadline--font-size: 50%;
   --dsa-headline_h1--space-after_large: var(--ks-spacing-stack-l);
   --dsa-headline_h1--space-after_small: var(--ks-spacing-stack-m);
   --dsa-headline_h1--space-after_minimum: var(--ks-spacing-stack-s);
   --dsa-headline_h2--font: var(--ks-font-display-xl);
-  --dsa-headline_h2__subheadline--font: var(--ks-font-copy-m);
+  --dsa-headline_h2__subheadline--font-size: 50%;
   --dsa-headline_h2--space-after_large: var(--ks-spacing-stack-l);
   --dsa-headline_h2--space-after_small: var(--ks-spacing-stack-m);
   --dsa-headline_h2--space-after_minimum: 0;
   --dsa-headline_h3--font: var(--ks-font-display-l);
-  --dsa-headline_h3__subheadline--font: var(--ks-font-copy-m);
+  --dsa-headline_h3__subheadline--font-size: 50%;
   --dsa-headline_h3--space-after_large: var(--ks-spacing-stack-m);
   --dsa-headline_h3--space-after_small: var(--ks-spacing-stack-s);
   --dsa-headline_h3--space-after_minimum: 0;
   --dsa-headline_h4--font: var(--ks-font-display-m);
-  --dsa-headline_h4__subheadline--font: var(--ks-font-copy-s);
+  --dsa-headline_h4__subheadline--font-size: 75%;
   --dsa-headline_h4--space-after_large: var(--ks-spacing-stack-m);
   --dsa-headline_h4--space-after_small: var(--ks-spacing-stack-s);
   --dsa-headline_h4--space-after_minimum: 0;
   --dsa-headline_p--font: var(--ks-font-copy-m);
-  --dsa-headline__subheadline_p--font: var(--ks-font-copy-s);
-  --dsa-headline_p__subheadline--font: var(--ks-font-copy-s);
+  --dsa-headline_p__subheadline--font-size: 75%;
   --dsa-headline_p--space-after_large: var(--ks-spacing-stack-xs);
   --dsa-headline_p--space-after_small: var(--ks-spacing-xxs);
   --dsa-headline_p--space-after_minimum: 0;
 }
-@media (min-width: 48em) {
-  :root, [ks-inverted], [ks-theme] {
-    --dsa-headline_h1__subheadline--font: var(--ks-font-copy-xl);
-  }
-}
-@media (min-width: 48em) {
-  :root, [ks-inverted], [ks-theme] {
-    --dsa-headline_h2__subheadline--font: var(--ks-font-copy-l);
-  }
-}
 
 .dsa-headline {
   max-width: unset;
@@ -65,57 +57,57 @@
 .dsa-headline:hover .dsa-headline__anchor {
   visibility: visible;
 }
-.dsa-headline .dsa-headline__headline {
-  font: var(--headline--font);
-  text-transform: var(--dsa-headline--text-transform);
-}
 .dsa-headline--h1 {
-  --headline--font: var(--dsa-headline_h1--font, var(--ks-font-display-xxl));
-  --subheadline--font: var(--dsa-headline_h1__subheadline--font, var(--ks-font-copy-xl));
+  font: var(--dsa-headline_h1--font, var(--ks-font-display-xxl));
+  --subheadline--font-size: var(--dsa-headline_h1--font-size, 50%);
   --headline--space-after_minimum: var(--dsa-headline_h1--space-after_minimum);
   --headline--space-after_small: var(--dsa-headline_h1--space-after_small);
   --headline--space-after_large: var(--dsa-headline_h1--space-after_large);
 }
 .dsa-headline--h2 {
-  --headline--font: var(--dsa-headline_h2--font, var(--ks-font-display-xl));
-  --subheadline--font: var(--dsa-headline_h2__subheadline--font, var(--ks-font-copy-l));
+  font: var(--dsa-headline_h2--font, var(--ks-font-display-xl));
+  --subheadline--font-size: var(--dsa-headline_h2__subheadline--font-size, 50%);
   --headline--space-after_minimum: var(--dsa-headline_h2--space-after_minimum);
   --headline--space-after_small: var(--dsa-headline_h2--space-after_small);
   --headline--space-after_large: var(--dsa-headline_h2--space-after_large);
 }
 .dsa-headline--h3 {
-  --headline--font: var(--dsa-headline_h3--font, var(--ks-font-display-l));
-  --subheadline--font: var(--dsa-headline_h3__subheadline--font, var(--ks-font-copy-l));
+  font: var(--dsa-headline_h3--font, var(--ks-font-display-l));
+  --subheadline--font-size: var(--dsa-headline_h3__subheadline--font-size, 50%);
   --headline--space-after_minimum: var(--dsa-headline_h3--space-after_minimum);
   --headline--space-after_small: var(--dsa-headline_h3--space-after_small);
   --headline--space-after_large: var(--dsa-headline_h3--space-after_large);
 }
 .dsa-headline--h4 {
-  --headline--font: var(--dsa-headline_h4--font, var(--ks-font-display-m));
-  --subheadline--font: var(--dsa-headline_h4__subheadline--font, var(--ks-font-copy-m));
+  font: var(--dsa-headline_h4--font, var(--ks-font-display-m));
+  --subheadline--font-size: var(--dsa-headline_h4__subheadline--font-size, 75%);
   --headline--space-after_minimum: var(--dsa-headline_h4--space-after_minimum);
   --headline--space-after_small: var(--dsa-headline_h4--space-after_small);
   --headline--space-after_large: var(--dsa-headline_h4--space-after_large);
 }
 .dsa-headline--p {
-  --headline--font: var(--dsa-headline_p--font, var(--ks-font-copy-m));
-  --subheadline--font: var(--dsa-headline_p__subheadline--font, var(--ks-font-copy-s));
+  font: var(--dsa-headline_p--font, var(--ks-font-copy-m));
+  --subheadline--font-size: var(--dsa-headline_p__subheadline--font-size, 75%);
   --headline--space-after_minimum: var(--dsa-headline_p--space-after_minimum);
   --headline--space-after_small: var(--dsa-headline_p--space-after_small);
   --headline--space-after_large: var(--dsa-headline_p--space-after_large);
 }
 .dsa-headline .dsa-headline__headline {
-  font: var(--headline--font);
   color: var(--dsa-headline--color, var(--ks-text-color-display));
+  font: inherit;
   font-weight: var(--dsa-headline--font-weight);
+  text-transform: var(--dsa-headline--text-transform);
   margin: 0;
 }
 .dsa-headline .dsa-headline__subheadline {
-  font: var(--subheadline--font);
+  font-family: var(--dsa-headline__subheadline--font-family);
+  font-size: var(--subheadline--font-size, 50%);
   margin: 0;
   max-width: var(--dsa-content--width_default);
   color: var(--dsa-headline__subheadline--color, var(--ks-text-color-primary));
   font-weight: var(--dsa-headline__subheadline--font-weight, var(--ks-font-weight-bold));
+  text-transform: var(--dsa-headline__subheadline--text-transform, none);
+  letter-spacing: var(--dsa-headline__subheadline--letter-spacing, 0);
 }
 .dsa-headline--space-after-minimum {
   margin-bottom: var(--headline--space-after_minimum);

package/dist/components/mosaic/mosaic.css

@@ -6,7 +6,6 @@
   --dsa-mosaic__headline--color: var(--dsa-headline--color);
   --dsa-mosaic__headline--font: var(--dsa-headline_h2--font);
   --dsa-mosaic__subheadline--color: var(--dsa-headline__subheadline--color);
-  --dsa-mosaic__subheadline--font: var(--dsa-headline-font-copy-xs);
 }
 
 .dsa-mosaic .dsa-headline__headline {
@@ -15,7 +14,6 @@
   font-weight: var(--dsa-headline--font-weight, var(--ks-font-weight-semi-bold));
 }
 .dsa-mosaic .dsa-headline__subheadline {
-  font: var(--dsa-mosaic__subheadline--font, var(--dsa-headline_h2__subheadline--font, var(--ks-font-display-xl)));
   color: var(--dsa-mosaic__subheadline--color, var(--ks-text-color-primary));
   font-weight: var(--dsa-headline__subheadline--font-weight, var(--ks-font-weight-medium));
 }

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Jul 2025 11:46:40 GMT
+ * Generated on Tue, 08 Jul 2025 11:52:16 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);
@@ -732,12 +732,12 @@
   --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
   --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
   --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
-  --ks-text-color-default-base: var(--ks-color-fg-alpha-3-base);
+  --ks-text-color-default-base: var(--ks-color-fg-alpha-2-base);
   --ks-text-color-default-interactive-base: var(--ks-color-link-base);
   --ks-text-color-default-interactive-hover-base: var(--ks-color-link-alpha-4-base);
   --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
   --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
-  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
+  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
   --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
   --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-alpha-4-base);
   --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);

package/dist/components/presets.json

@@ -1372,7 +1372,7 @@
     "id": "components-cta--split-banner",
     "group": "Components/Cta",
     "name": "SplitBanner",
-    "code": "<Cta\n  align=\"center\"\n  backgroundColor=\"#001856\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'What can we do for you?',\n      url: '#'\n    }\n  ]}\n  colorNeutral\n  headline=\"Design System Services\"\n  image={{\n    align: 'center',\n    padding: false,\n    src: 'img/colored-square.png'\n  }}\n  order={{\n    desktopImageLast: false,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"Subheadline\"\n  text=\"Here at Systemics, we bring a range of design system services that can make a difference.\"\n  textAlign=\"left\"\n/>",
+    "code": "<Cta\n  align=\"center\"\n  backgroundColor=\"#d9e4ff\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'What can we do for you?',\n      url: '#'\n    }\n  ]}\n  colorNeutral\n  headline=\"Design System Services\"\n  image={{\n    align: 'center',\n    padding: false,\n    src: 'img/colored-square.png'\n  }}\n  order={{\n    desktopImageLast: false,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"Subheadline\"\n  text=\"Here at Systemics, we bring a range of design system services that can make a difference.\"\n  textAlign=\"left\"\n/>",
     "args": {
       "headline": "Design System Services",
       "sub": "Subheadline",
@@ -1399,7 +1399,7 @@
       "padding": true,
       "inverted": false,
       "text": "Here at Systemics, we bring a range of design system services that can make a difference.",
-      "backgroundColor": "#001856"
+      "backgroundColor": "#d9e4ff"
     },
     "screenshot": "img/screenshots/components-cta--split-banner.png"
   },
@@ -1446,7 +1446,7 @@
     "id": "components-cta--colored-banner",
     "group": "Components/Cta",
     "name": "ColoredBanner",
-    "code": "<Cta\n  align=\"center\"\n  backgroundColor=\"#a30051\"\n  buttons={[\n    {\n      label: 'Learn More',\n      url: '#'\n    },\n    {\n      label: 'Contact Us',\n      url: '#'\n    }\n  ]}\n  colorNeutral\n  headline=\"Expertise in Scalable Solutions\"\n  highlightText\n  image={{\n    align: 'center',\n    padding: true\n  }}\n  order={{\n    desktopImageLast: true,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"Subheadline\"\n  text=\"Leverage our expertise in creating scalable and robust applications using modern technologies.\"\n  textAlign=\"left\"\n/>",
+    "code": "<Cta\n  align=\"center\"\n  backgroundColor=\"#ffd4ea\"\n  buttons={[\n    {\n      label: 'Learn More',\n      url: '#'\n    },\n    {\n      label: 'Contact Us',\n      url: '#'\n    }\n  ]}\n  colorNeutral\n  headline=\"Expertise in Scalable Solutions\"\n  highlightText\n  image={{\n    align: 'center',\n    padding: true\n  }}\n  order={{\n    desktopImageLast: true,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"Subheadline\"\n  text=\"Leverage our expertise in creating scalable and robust applications using modern technologies.\"\n  textAlign=\"left\"\n/>",
     "args": {
       "headline": "Expertise in Scalable Solutions",
       "sub": "Subheadline",
@@ -1475,7 +1475,7 @@
       "padding": true,
       "inverted": false,
       "text": "Leverage our expertise in creating scalable and robust applications using modern technologies.",
-      "backgroundColor": "#a30051"
+      "backgroundColor": "#ffd4ea"
     },
     "screenshot": "img/screenshots/components-cta--colored-banner.png"
   },

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Jul 2025 11:46:43 GMT
+ * Generated on Tue, 08 Jul 2025 11:52:18 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 08 Jul 2025 11:46:48 GMT
+ * Generated on Tue, 08 Jul 2025 11:52:23 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 08 Jul 2025 11:46:46 GMT
+ * Generated on Tue, 08 Jul 2025 11:52:20 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 08 Jul 2025 11:46:50 GMT
+ * Generated on Tue, 08 Jul 2025 11:52:25 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Jul 2025 11:46:40 GMT
+ * Generated on Tue, 08 Jul 2025 11:52:16 GMT
  */
 
 :root, [ks-theme] {
@@ -733,12 +733,12 @@
   --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
   --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
   --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
-  --ks-text-color-default-base: var(--ks-color-fg-alpha-3-base);
+  --ks-text-color-default-base: var(--ks-color-fg-alpha-2-base);
   --ks-text-color-default-interactive-base: var(--ks-color-link-base);
   --ks-text-color-default-interactive-hover-base: var(--ks-color-link-alpha-4-base);
   --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
   --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
-  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
+  --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
   --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
   --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-alpha-4-base);
   --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Jul 2025 11:46:41 GMT
+ * Generated on Tue, 08 Jul 2025 11:52:16 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";
@@ -737,12 +737,12 @@ export const KsSpacingInsetStretchS = "0.875rem 0.6364rem";
 export const KsSpacingInsetStretchM = "1.2031rem 0.875rem";
 export const KsSpacingInsetStretchL = "1.6543rem 1.2031rem";
 export const KsSpacingInsetStretchXl = "2.2747rem 1.6543rem";
-export const KsTextColorDefaultBase = "rgba(6, 8, 31, 0.76)";
+export const KsTextColorDefaultBase = "rgba(6, 8, 31, 0.87)";
 export const KsTextColorDefaultInteractiveBase = "#3065c0";
 export const KsTextColorDefaultInteractiveHoverBase = "rgba(48, 101, 192, 0.63)";
 export const KsTextColorDefaultInteractiveActiveBase = "#3065c0";
 export const KsTextColorDefaultInteractiveSelectedBase = "#3065c0";
-export const KsTextColorDefaultInvertedBase = "#ffffff";
+export const KsTextColorDefaultInvertedBase = "rgba(255, 255, 255, 0.87)";
 export const KsTextColorDefaultInvertedInteractiveBase = "#98b2e0";
 export const KsTextColorDefaultInvertedInteractiveHoverBase = "rgba(152, 178, 224, 0.63)";
 export const KsTextColorDefaultInvertedInteractiveActiveBase = "#98b2e0";

package/package.json

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