@kickstartds/ds-agency-premium 1.5.12 → 1.5.14

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

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-d9decb7c.js";
+import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export { BlogPost };

package/dist/components/cta/cta.css

@@ -1,6 +1,6 @@
 .dsa-cta {
   --dsa-cta--vertical-padding: var(--l-section--space-default);
-  --dsa-cta--horizontal-padding: var(--l-section--content-padding);
+  --dsa-cta--horizontal-padding: var(--dsa-content--spacing);
   --dsa-cta__copy--font: var(--dsa-rich-text--font);
   --dsa-cta__copy--color: var(--ks-text-color-default);
   --dsa-cta__headline--color: var(--dsa-headline--color);
@@ -17,7 +17,7 @@
 
 .dsa-cta.c-storytelling {
   --c-storytelling--padding-ratio: 2;
-  --c-storytelling--horizontal-padding: var(--l-section--content-padding);
+  --c-storytelling--horizontal-padding: var(--dsa-content--spacing);
   justify-content: center;
   align-items: center;
   padding: 0;
@@ -49,7 +49,7 @@
 }
 .dsa-cta.c-storytelling .c-storytelling__box {
   width: 100%;
-  padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--l-section--content-padding));
+  padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing));
 }
 @container storytelling (max-width: 640px) {
   .dsa-cta.c-storytelling .c-storytelling__box {
@@ -60,7 +60,7 @@
   }
 }
 .dsa-cta.c-storytelling .c-storytelling__box:only-child {
-  padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--l-section--content-padding));
+  padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing));
 }
 .dsa-cta.c-storytelling .c-storytelling__box__content {
   max-width: 100%;
@@ -80,31 +80,31 @@
   color: var(--dsa-cta__copy--color, var(--dsa-rich-text--color, var(--ks-text-color-copy)));
 }
 .dsa-cta.c-storytelling .c-storytelling__box:only-child {
-  --dsa-cta--horizontal-padding: var(--l-section--content-padding);
+  --dsa-cta--horizontal-padding: var(--dsa-content--spacing);
 }
 .dsa-cta.c-storytelling .c-storytelling__image {
   margin: 0;
 }
 @container storytelling (min-width: 640px) {
   .dsa-cta.c-storytelling.c-storytelling--order-desktop-image-last .c-storytelling__image {
-    padding-left: calc(var(--dsa-cta--horizontal-padding, var(--l-section--content-padding)) / var(--c-storytelling--padding-ratio));
+    padding-left: calc(var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing)) / var(--c-storytelling--padding-ratio));
   }
   .dsa-cta.c-storytelling.c-storytelling--order-desktop-image-last .c-storytelling__box {
-    padding-right: calc(var(--dsa-cta--horizontal-padding, var(--l-section--content-padding)) / var(--c-storytelling--padding-ratio));
+    padding-right: calc(var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing)) / var(--c-storytelling--padding-ratio));
   }
   .dsa-cta.c-storytelling .c-storytelling__box {
-    padding-left: calc(var(--dsa-cta--horizontal-padding, var(--l-section--content-padding)) / var(--c-storytelling--padding-ratio));
+    padding-left: calc(var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing)) / var(--c-storytelling--padding-ratio));
   }
   .dsa-cta.c-storytelling .c-storytelling__box__content--center .c-button-group {
     justify-content: center;
   }
   .dsa-cta.c-storytelling .c-storytelling__box:only-child {
     width: 100%;
-    max-width: calc(var(--l-section--content-width-default) - var(--l-section--content-padding) * var(--c-storytelling--padding-ratio));
+    max-width: calc(var(--l-section--content-width-default) - var(--dsa-content--spacing) * var(--c-storytelling--padding-ratio));
   }
   .dsa-cta.c-storytelling > .c-storytelling__image {
-    padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--l-section--content-padding));
-    padding-right: calc(var(--dsa-cta--horizontal-padding, var(--l-section--content-padding)) / var(--c-storytelling--padding-ratio));
+    padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing));
+    padding-right: calc(var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing)) / var(--c-storytelling--padding-ratio));
   }
   .dsa-cta.c-storytelling.c-storytelling--full > .c-storytelling__image {
     padding: 0;
@@ -122,7 +122,7 @@
 @media (min-width: 640px) {
   .dsa-header--floating + .l-container--storytelling .c-storytelling.dsa-cta,
   .dsa-header--floating + .l-section .l-container--storytelling:first-child .c-storytelling.dsa-cta {
-    padding-top: calc(var(--dsa-header--height) + var(--dsa-cta--horizontal-padding, var(--l-section--content-padding)));
+    padding-top: calc(var(--dsa-header--height) + var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing)));
     z-index: 1;
   }
 }

package/dist/components/footer/footer.css

@@ -27,7 +27,7 @@
   background-color: var(--dsa-footer--background-color, var(--ks-background-color-default));
 }
 .dsa-footer__content {
-  padding: var(--l-section--space-small) var(--l-section--content-padding);
+  padding: var(--l-section--space-small) var(--dsa-content--spacing);
   border-top: var(--dsa-footer--border-top, 1px solid var(--ks-border-color-accent));
   max-width: var(--dsa-footer--max-width, var(--l-section--content-width-wide));
   width: 100%;

package/dist/components/header/header.css

@@ -9,7 +9,7 @@
   [ks-theme],
   [ks-inverted] {
     --dsa-header--spacing-vertical: var(--ks-spacing-stack-s);
-    --dsa-header--spacing-horizontal: var(--l-section--content-padding);
+    --dsa-header--spacing-horizontal: var(--dsa-content--spacing);
   }
 }
 

package/dist/components/hero/hero.css

@@ -84,7 +84,7 @@
     height: var(--c-visual--min-height);
   }
   .c-visual.dsa-hero.dsa-hero--content-below .c-visual__content {
-    padding: 0 var(--l-section--content-padding);
+    padding: 0 var(--dsa-content--spacing);
     margin-top: -10%;
     position: relative;
   }

package/dist/components/image-story/image-story.css

@@ -1,6 +1,6 @@
 .dsa-image-story.c-storytelling {
   --dsa-image-story--gap: var(--ks-spacing-m);
-  --dsa-image-story--horizontal-padding: var(--l-section--content-padding);
+  --dsa-image-story--horizontal-padding: var(--dsa-content--spacing);
   --dsa-image-story--vertical-padding: var(--ks-spacing-xl);
   --dsa-image-story__copy--font: var(--dsa-rich-text--font);
   --dsa-image-story__copy--color: var(--dsa-rich-text--color);
@@ -8,7 +8,7 @@
 
 .c-storytelling.dsa-image-story {
   gap: var(--c-storytelling--horizontal-padding);
-  --c-storytelling--horizontal-padding: var(--dsa-image-story--horizontal-padding, var(--l-section--content-padding));
+  --c-storytelling--horizontal-padding: var(--dsa-image-story--horizontal-padding, var(--dsa-content--spacing));
   --c-storytelling--vertical-padding: var(--dsa-image-story--vertical-padding, var(--ks-spacing-xl));
 }
 .c-storytelling.dsa-image-story .c-storytelling__box__content {

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

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

package/dist/components/mosaic/mosaic.css

@@ -1,6 +1,6 @@
 .dsa-mosaic {
   --dsa-mosaic--vertical-padding: var(--l-section--space-default);
-  --dsa-mosaic--horizontal-padding: var(--l-section--content-padding);
+  --dsa-mosaic--horizontal-padding: var(--dsa-content--spacing);
   --dsa-mosaic__copy--font: var(--dsa-rich-text--font);
   --dsa-mosaic__copy--color: var(--ks-text-color-default);
   --dsa-mosaic__headline--color: var(--dsa-headline--color);

package/dist/components/nav-dropdown/nav-dropdown.css

@@ -1,6 +1,6 @@
 .dsa-nav-dropdown {
   --dsa-nav-dropdown--padding: var(--ks-spacing-inset-stretch-xs);
-  --dsa-nav-dropdown--background: var(--ks-background-color-card);
+  --dsa-nav-dropdown--background: var(--ks-background-color-default);
   --dsa-nav-dropdown--border-radius: var(--ks-border-radius-card);
   --dsa-nav-dropdown--box-shadow: var(--ks-box-shadow-card);
   --dsa-nav-dropdown--border: 1px solid var(--ks-border-color-card);
@@ -12,7 +12,10 @@
   --dsa-nav-dropdown__label--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-nav-dropdown__label--font-weight_active: var(--ks-font-weight-bold);
   --dsa-nav-dropdown__label--padding: 0.35em 0.25em;
-  --dsa-nav-dropdown__label_dimmed--opacity: 0.6;
+  --dsa-nav-dropdown__label_dimmed--opacity: 0.75;
+}
+.dsa-nav-dropdown[ks-inverted=true] {
+  --dsa-nav-dropdown--background: var(--ks-color-fg-inverted);
 }
 
 .dsa-nav-dropdown {

package/dist/components/nav-flyout/index.js

@@ -2,13 +2,12 @@ import "./nav-flyout.css";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { Link } from '@kickstartds/base/lib/link';
-import { Icon } from '@kickstartds/base/lib/icon';
 import { Logo } from '../logo/index.js';
 import { forwardRef, createContext, useContext } from 'react';
 import '@kickstartds/base/lib/picture';
 
 const NavFlyoutContextDefault = forwardRef(({ items, inverted, logo }, ref) => items && items.length > 0 ? (jsxs("nav", { className: "dsa-nav-flyout", "ks-inverted": inverted.toString(), id: "dsa-nav-flyout", "aria-label": "Hauptnavigation", ref: ref, children: [jsx(Logo, { ...logo, className: "dsa-nav-flyout__logo" }), jsx("ul", { className: "dsa-nav-flyout__list", children: items.map(({ label, href, active, items: subItems }) => {
-                return (jsxs("li", { className: classnames("dsa-nav-flyout__item", active && "dsa-nav-flyout__item--active"), children: [subItems?.length ? (jsxs("span", { tabIndex: 0, className: "dsa-nav-flyout__label", children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-flyout__label__icon", icon: "chevron-down" })) : ("")] })) : (jsx(Link, { href: href, className: `dsa-nav-flyout__label dsa-nav-flyout__link`, children: label })), subItems?.length ? (jsx("ul", { className: "dsa-nav-flyout__sublist", children: subItems.map(({ label, href, active }) => {
+                return (jsxs("li", { className: classnames("dsa-nav-flyout__item", active && "dsa-nav-flyout__item--active"), children: [subItems?.length ? (jsx("span", { tabIndex: 0, className: "dsa-nav-flyout__label", children: label })) : (jsx(Link, { href: href, className: `dsa-nav-flyout__label dsa-nav-flyout__link`, children: label })), subItems?.length ? (jsx("ul", { className: "dsa-nav-flyout__sublist", children: subItems.map(({ label, href, active }) => {
                                 return (jsx("li", { className: classnames("dsa-nav-flyout__item", active && "dsa-nav-flyout__item--active"), children: jsx(Link, { href: href, className: `dsa-nav-flyout__label dsa-nav-flyout__link`, children: label }) }, href));
                             }) })) : null] }, href));
             }) })] })) : null);

package/dist/components/nav-flyout/nav-flyout.css

@@ -18,7 +18,6 @@
   --dsa-nav-flyout__label--text-decoration: none;
   --dsa-nav-flyout__label--text-decoration_hover: none;
   --dsa-nav-flyout__label_dimmed--opacity: 0.8;
-  --dsa-nav-flyout__label__icon--size: 1.5em;
   --dsa-nav-flyout__sublist--padding: 0.25em 0 0.5em 0.75em;
   --dsa-nav-flyout__sublist__label--color: var(--ks-color-fg);
   --dsa-nav-flyout__sublist__label--font: var(--ks-font-interface-m);
@@ -92,10 +91,6 @@
   color: var(--dsa-nav-flyout__label--color_hover);
   text-decoration: var(--dsa-nav-flyout__label--text-decoration_hover);
 }
-.dsa-nav-flyout .dsa-nav-flyout__label__icon {
-  width: var(--dsa-nav-flyout__label__icon--size);
-  height: var(--dsa-nav-flyout__label__icon--size);
-}
 .dsa-nav-flyout .dsa-nav-flyout__sublist {
   padding: var(--dsa-nav-flyout__sublist--padding);
   font: var(--dsa-nav-flyout__sublist__label--font);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 05 Sep 2024 08:14:23 GMT
+ * Generated on Thu, 05 Sep 2024 09:08:24 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/components/section/section.css

@@ -18,6 +18,7 @@
   --dsa-section__content--width_wide: 75rem;
   --dsa-section__content--width_max: 100vw;
   --dsa-section__content--width_full: 100vw;
+  --dsa-section__content--padding: var(--dsa-content--spacing);
   --dsa-section--background-color_default: var(--ks-background-color-default);
   --dsa-section--background-color_accent: var(--ks-background-color-accent);
   --dsa-section--background-color_bold: var(--ks-background-color-bold);

package/dist/components/split/split.css

@@ -30,7 +30,7 @@
   flex-shrink: 1;
 }
 .l-split--sidebar-right > :first-child {
-  flex-basis: calc(var(--split__main--flex-basis) - var(--l-section--content-padding) * 2);
+  flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--spacing) * 2);
 }
 .l-split--sidebar-right > :last-child {
   flex-basis: var(--dsa-split__side--flex-basis, 210px);
@@ -41,7 +41,7 @@
   margin-top: var(--dsa-split__side-top-margin, var(--ks-spacing-stack-l));
 }
 .l-split--sidebar-left > :last-child {
-  flex-basis: calc(var(--split__main--flex-basis) - var(--l-section--content-padding) * 2);
+  flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--spacing) * 2);
 }
 .l-split--sidebar-left > :first-child {
   flex-basis: var(--dsa-split__side--flex-basis, 210px);

package/dist/global.css

@@ -310,13 +310,13 @@ h3 {
   --dsa-link--text-decoration_hover: underline;
   --dsa-header--height: calc(var(--dsa-logo--height) + var(--ks-spacing-stack-m) + var(--ks-spacing-stack-m));
   --dsa-gradient--higlight: linear-gradient(135deg, var(--ks-color-primary) 0%, var(--ks-color-secondary) 100%);
-  --dsa-section__content--padding: var(--ks-spacing-inset-l);
+  --dsa-content--spacing: var(--ks-spacing-inset-l);
   --dsa-section__content_wide--width: 1440px;
   --dsa-logo--height: 2.25rem;
 }
 @media (min-width: 48em) {
   :root, [ks-inverted], [ks-theme] {
-    --dsa-section__content--padding: var(--ks-spacing-inset-xl);
+    --dsa-content--spacing: var(--ks-spacing-inset-xl);
   }
 }
 @media (min-width: 48em) {

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 05 Sep 2024 08:14:26 GMT
+ * Generated on Thu, 05 Sep 2024 09:08:27 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 Thu, 05 Sep 2024 08:14:30 GMT
+ * Generated on Thu, 05 Sep 2024 09:08:31 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 Thu, 05 Sep 2024 08:14:28 GMT
+ * Generated on Thu, 05 Sep 2024 09:08:29 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 Thu, 05 Sep 2024 08:14:32 GMT
+ * Generated on Thu, 05 Sep 2024 09:08:33 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 Thu, 05 Sep 2024 08:14:23 GMT
+ * Generated on Thu, 05 Sep 2024 09:08:24 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 05 Sep 2024 08:14:24 GMT
+ * Generated on Thu, 05 Sep 2024 09:08:25 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json

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