@kickstartds/ds-agency-premium 1.4.0--canary.14.690.0 → 1.4.0--canary.14.696.0

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

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

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

@@ -72,6 +72,6 @@ interface SettingsProps {
      */
     seo: SeoProps;
 }
-export * from "../../BlogPostProps-e1cbd5d3.js";
+export * from "../../BlogPostProps-440f88a5.js";
 export * from "../../BlogOverviewProps-f385fc47.js";
 export { Sections, ToggleFloating, ToggleInverted, ToggleInverted1, PageProps, Header, Footer, SettingsProps };

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

@@ -1,12 +1,13 @@
 .dsa-nav-flyout {
   --dsa-nav-flyout--padding: 0 var(--ks-spacing-inset-xl);
   --dsa-nav-flyout--max-width: 30rem;
+  --dsa-nav-flyout--shadow: 20px 0px 30px var(--ks-color-fg-inverted-base);
+  --dsa-nav-flyout--gap: var(--ks-spacing-stack-m);
   --dsa-nav-flyout--background: linear-gradient(
     125deg,
     var(--ks-background-color-default),
     var(--ks-color-primary-to-bg-6)
   );
-  --dsa-nav-flyout--shadow: 20px 0px 30px var(--ks-color-fg-inverted-base);
   --dsa-nav-flyout__label--color: var(--ks-color-fg);
   --dsa-nav-flyout__label--color_hover: var(--ks-text-color-interface-interactive-hover);
   --dsa-nav-flyout__label--color_active: var(--ks-text-color-interface-interactive-active);
@@ -28,12 +29,12 @@
 .dsa-nav-flyout {
   display: none;
   flex-direction: column;
-  gap: var(--ks-spacing-stack-m);
+  gap: var(--dsa-nav-flyout--gap);
   left: -100%;
   height: 100vh;
   overflow: hidden;
   position: fixed;
-  width: 100vw;
+  width: 82vw;
   transition: all var(--ks-duration-slow);
   padding: var(--dsa-nav-flyout--padding);
   right: 0;
@@ -43,17 +44,13 @@
   background: var(--dsa-nav-flyout--background);
   backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
+  max-width: var(--dsa-nav-flyout--max-width);
 }
 @media (max-width: 62rem) {
   .dsa-nav-flyout {
     display: flex;
   }
 }
-@media (min-width: 36em) {
-  .dsa-nav-flyout {
-    max-width: var(--dsa-nav-flyout--max-width);
-  }
-}
 .dsa-nav-flyout ul {
   padding: 0;
   margin: 0;

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

@@ -1,8 +1,9 @@
 .dsa-nav-toggle {
-  --nav-toggle--color: var(--ks-text-color-default);
-  --nav-toggle--color_open: var(--ks-text-color-default);
-  --nav-toggle_floating--color: var(--ks-text-color-interface-interactive);
-  --nav-toggle_floating--color_open: var(--ks-text-color-interface-interactive);
+  --dsa-nav-toggle--size: var(--dsa-logo--height);
+  --dsa-nav-toggle--color: var(--ks-text-color-default);
+  --dsa-nav-toggle--color_open: var(--ks-text-color-default);
+  --dsa-nav-toggle_floating--color: var(--ks-text-color-interface-interactive);
+  --dsa-nav-toggle_floating--color_open: var(--ks-text-color-interface-interactive);
 }
 
 html.overlay-open {
@@ -40,14 +41,14 @@ button.dsa-nav-toggle .dsa-nav-toggle__icon {
   position: relative;
   display: block;
   cursor: pointer;
-  height: var(--dsa-logo--height);
-  width: var(--dsa-logo--height);
+  height: var(--dsa-nav-toggle--size);
+  width: var(--dsa-nav-toggle--size);
   transform: scale(0.7) translate(7.5%, 7.5%);
   transition: inherit;
-  color: var(--nav-toggle--color);
+  color: var(--dsa-nav-toggle--color);
 }
 .dsa-header--floating button.dsa-nav-toggle .dsa-nav-toggle__icon {
-  color: var(--nav-toggle_floating--color);
+  color: var(--dsa-nav-toggle_floating--color);
 }
 @media (min-width: 40em) {
   button.dsa-nav-toggle .dsa-nav-toggle__icon {
@@ -55,13 +56,13 @@ button.dsa-nav-toggle .dsa-nav-toggle__icon {
   }
 }
 .overlay-open button.dsa-nav-toggle .dsa-nav-toggle__icon, .overlay-open .header-is-scrolling button.dsa-nav-toggle .dsa-nav-toggle__icon {
-  color: var(--nav-toggle--color_open);
+  color: var(--dsa-nav-toggle--color_open);
 }
 .overlay-open .dsa-header--floating button.dsa-nav-toggle .dsa-nav-toggle__icon, .overlay-open .header-is-scrolling .dsa-header--floating button.dsa-nav-toggle .dsa-nav-toggle__icon {
-  color: var(--nav-toggle_floating--color_open);
+  color: var(--dsa-nav-toggle_floating--color_open);
 }
 .header-is-scrolling-up button.dsa-nav-toggle .dsa-nav-toggle__icon {
-  color: var(--nav-toggle--color_open);
+  color: var(--dsa-nav-toggle--color_open);
 }
 button.dsa-nav-toggle .dsa-nav-toggle__icon::before, button.dsa-nav-toggle .dsa-nav-toggle__icon::after {
   content: "";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 14:01:33 GMT
+ * Generated on Thu, 22 Aug 2024 14:28:24 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 14:01:36 GMT
+ * Generated on Thu, 22 Aug 2024 14:28: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, 22 Aug 2024 14:01:40 GMT
+ * Generated on Thu, 22 Aug 2024 14:28:32 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, 22 Aug 2024 14:01:38 GMT
+ * Generated on Thu, 22 Aug 2024 14:28:30 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, 22 Aug 2024 14:01:42 GMT
+ * Generated on Thu, 22 Aug 2024 14:28:34 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, 22 Aug 2024 14:01:33 GMT
+ * Generated on Thu, 22 Aug 2024 14:28:24 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 14:01:34 GMT
+ * Generated on Thu, 22 Aug 2024 14:28:25 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json

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