@kickstartds/ds-agency-premium 1.6.71--canary.1911.3513a75.0 → 1.6.71--canary.45.1914.0

package/dist/{BlogOverviewProps-d62a0a9a.d.ts → BlogOverviewProps-9f207f1c.d.ts}

@@ -4,7 +4,7 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { SectionProps } from "./SectionProps-21d04028.js";
-import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/{HeroProps-2ff0068e.d.ts → HeroProps-fec6b267.d.ts}

@@ -28,6 +28,10 @@ type Height = "small" | "default" | "fullImage" | "fullScreen";
  * Toggle wether you want your text to be displayed within in box
  */
 type Textbox = boolean;
+/**
+ * Invert the text color for better contrast against the background
+ */
+type InvertText = boolean;
 /**
  * Text content to display inside the button
  */
@@ -40,6 +44,10 @@ type Icon = string;
  * The URL to link to when the button is clicked
  */
 type URL = string;
+/**
+ * Add a skip button to the hero module
+ */
+type SkipButton = boolean;
 /**
  * Enable grid layer
  */
@@ -80,7 +88,9 @@ interface HeroProps {
     colorNeutral?: ColorNeutral;
     height?: Height;
     textbox?: Textbox;
+    invertText?: InvertText;
     buttons?: Button[];
+    skipButton?: SkipButton;
     overlay?: GridLayer;
     image?: BackgroundImage;
     textPosition?: ModuleAligment;
@@ -101,4 +111,4 @@ interface BackgroundImage {
     indent?: ImageIndent;
     alt?: AltText;
 }
-export { Headline, ModuleSubheadline, ModuleText, HighlightText, ColorNeutral, Height, Textbox, Label, Icon, URL, GridLayer, MobileImageSource, TabletImageSource, DesktopImageSource, OptionalSource, ImageIndent, AltText, ModuleAligment, HeroProps, Button, BackgroundImage };
+export { Headline, ModuleSubheadline, ModuleText, HighlightText, ColorNeutral, Height, Textbox, InvertText, Label, Icon, URL, SkipButton, GridLayer, MobileImageSource, TabletImageSource, DesktopImageSource, OptionalSource, ImageIndent, AltText, ModuleAligment, HeroProps, Button, BackgroundImage };

package/dist/SectionProps-21d04028.d.ts

@@ -8,7 +8,7 @@ import { DividerProps } from "./DividerProps-2ef31901.js";
 import { FaqProps } from "./FaqProps-ad618cd5.js";
 import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
-import { HeroProps } from "./HeroProps-2ff0068e.js";
+import { HeroProps } from "./HeroProps-fec6b267.js";
 import { HtmlProps } from "./HtmlProps-9d091769.js";
 import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";

package/dist/SliderProps-789f8508.d.ts

@@ -6,7 +6,7 @@
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
-import { HeroProps } from "./HeroProps-2ff0068e.js";
+import { HeroProps } from "./HeroProps-fec6b267.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";

package/dist/components/blog-overview/blog-overview.schema.dereffed.json

@@ -773,6 +773,12 @@
                       "default": true,
                       "description": "Toggle wether you want your text to be displayed within in box"
                     },
+                    "invertText": {
+                      "type": "boolean",
+                      "title": "Invert Text",
+                      "description": "Invert the text color for better contrast against the background",
+                      "default": false
+                    },
                     "buttons": {
                       "type": "array",
                       "items": {
@@ -803,6 +809,12 @@
                         "additionalProperties": false
                       }
                     },
+                    "skipButton": {
+                      "type": "boolean",
+                      "title": "Skip Button",
+                      "description": "Add a skip button to the hero module",
+                      "default": false
+                    },
                     "overlay": {
                       "title": "Grid layer",
                       "description": "Enable grid layer",
@@ -1976,6 +1988,12 @@
                                 "default": true,
                                 "description": "Toggle wether you want your text to be displayed within in box"
                               },
+                              "invertText": {
+                                "type": "boolean",
+                                "title": "Invert Text",
+                                "description": "Invert the text color for better contrast against the background",
+                                "default": false
+                              },
                               "buttons": {
                                 "type": "array",
                                 "items": {
@@ -2006,6 +2024,12 @@
                                   "additionalProperties": false
                                 }
                               },
+                              "skipButton": {
+                                "type": "boolean",
+                                "title": "Skip Button",
+                                "description": "Add a skip button to the hero module",
+                                "default": false
+                              },
                               "overlay": {
                                 "title": "Grid layer",
                                 "description": "Enable grid layer",

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

@@ -1,4 +1,4 @@
-import { BlogOverviewProps } from "../../BlogOverviewProps-d62a0a9a.js";
+import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
 export type { BlogOverviewProps };

package/dist/components/blog-post/blog-post.schema.dereffed.json

@@ -1057,6 +1057,12 @@
                       "default": true,
                       "description": "Toggle wether you want your text to be displayed within in box"
                     },
+                    "invertText": {
+                      "type": "boolean",
+                      "title": "Invert Text",
+                      "description": "Invert the text color for better contrast against the background",
+                      "default": false
+                    },
                     "buttons": {
                       "type": "array",
                       "items": {
@@ -1087,6 +1093,12 @@
                         "additionalProperties": false
                       }
                     },
+                    "skipButton": {
+                      "type": "boolean",
+                      "title": "Skip Button",
+                      "description": "Add a skip button to the hero module",
+                      "default": false
+                    },
                     "overlay": {
                       "title": "Grid layer",
                       "description": "Enable grid layer",
@@ -2260,6 +2272,12 @@
                                 "default": true,
                                 "description": "Toggle wether you want your text to be displayed within in box"
                               },
+                              "invertText": {
+                                "type": "boolean",
+                                "title": "Invert Text",
+                                "description": "Invert the text color for better contrast against the background",
+                                "default": false
+                              },
                               "buttons": {
                                 "type": "array",
                                 "items": {
@@ -2290,6 +2308,12 @@
                                   "additionalProperties": false
                                 }
                               },
+                              "skipButton": {
+                                "type": "boolean",
+                                "title": "Skip Button",
+                                "description": "Add a skip button to the hero module",
+                                "default": false
+                              },
                               "overlay": {
                                 "title": "Grid layer",
                                 "description": "Enable grid layer",

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogTeaserProps } from "../../BlogTeaserProps-d62a0a9a.js";
+import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
 declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/button/button.css

@@ -1,8 +1,8 @@
 .dsa-button {
-  --dsa-button--padding: 0.65em 1.5em;
+  --dsa-button--padding: 0.75em 1.5em;
   --dsa-button--border-width: var(--ks-border-width-default);
   --dsa-button--border-radius: var(--ks-border-radius-control);
-  --dsa-button--font-weight: var(--ks-font-weight-regular);
+  --dsa-button--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-button--text-transform: default;
   --dsa-button_small--font: var(--ks-font-interface-s);
   --dsa-button_medium--font: var(--ks-font-interface-m);

package/dist/components/footer/footer.css

@@ -10,7 +10,7 @@
   --dsa-footer__link--font-weight: var(--dsa-link--font-weight);
   --dsa-footer__link--color: var(--dsa-link--color);
   --dsa-footer__link--text-tecoration: none;
-  --dsa-footer__link--text-tecoration_hover: none;
+  --dsa-footer__link--text-tecoration_hover: underline;
   --dsa-footer__logo--height: 1.5rem;
 }
 @media (min-width: 62em) {

package/dist/components/footer/footer.schema.dereffed.json

@@ -107,51 +107,43 @@
       "examples": [
         [
           {
-            "label": "Fahrzeugsuche",
+            "label": "Active Item",
             "url": "#",
             "active": true
           },
           {
-            "label": "Marken",
+            "label": "Navigation Item",
+            "url": "#"
+          },
+          {
+            "label": "Dropdown",
             "url": "#",
             "items": [
               {
-                "label": "Nissan",
+                "label": "Level 2 Item",
                 "url": "#"
               },
               {
-                "label": "Kia",
+                "label": "Active Item",
                 "active": true,
                 "url": "#"
               },
               {
-                "label": "Maserati",
+                "label": "An Item with a longer Label",
                 "url": "#"
               },
               {
-                "label": "Corvette",
+                "label": "And One last one",
                 "url": "#"
               }
             ]
           },
           {
-            "label": "Standorte",
-            "url": "#"
-          },
-          {
-            "label": "Bonusprogramm",
-            "url": "#"
-          },
-          {
-            "label": "News",
-            "url": "#"
-          },
-          {
-            "label": "Jobs",
+            "label": "One more Item",
             "url": "#"
           },
           {
-            "label": "Kontakt",
+            "label": "Last Item",
             "url": "#"
           }
         ]

package/dist/components/header/header.schema.dereffed.json

@@ -120,51 +120,43 @@
       "examples": [
         [
           {
-            "label": "Fahrzeugsuche",
+            "label": "Active Item",
             "url": "#",
             "active": true
           },
           {
-            "label": "Marken",
+            "label": "Navigation Item",
+            "url": "#"
+          },
+          {
+            "label": "Dropdown",
             "url": "#",
             "items": [
               {
-                "label": "Nissan",
+                "label": "Level 2 Item",
                 "url": "#"
               },
               {
-                "label": "Kia",
+                "label": "Active Item",
                 "active": true,
                 "url": "#"
               },
               {
-                "label": "Maserati",
+                "label": "An Item with a longer Label",
                 "url": "#"
               },
               {
-                "label": "Corvette",
+                "label": "And One last one",
                 "url": "#"
               }
             ]
           },
           {
-            "label": "Standorte",
-            "url": "#"
-          },
-          {
-            "label": "Bonusprogramm",
-            "url": "#"
-          },
-          {
-            "label": "News",
-            "url": "#"
-          },
-          {
-            "label": "Jobs",
+            "label": "One more Item",
             "url": "#"
           },
           {
-            "label": "Kontakt",
+            "label": "Last Item",
             "url": "#"
           }
         ]

package/dist/components/headline/headline.css

@@ -7,7 +7,7 @@
   --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-color-fg-to-bg-4);
+  --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;

package/dist/components/hero/hero.css

@@ -3,7 +3,9 @@
   container-name: hero;
 }
 
-.dsa-hero {
+:root .dsa-hero,
+[ks-inverted=true] .dsa-hero,
+[ks-inverted=false] .dsa-hero {
   --dsa-hero--min-height: 18rem;
   --dsa-hero--min-height_small: 13.2rem;
   --dsa-hero__headline--color: var(--dsa-headline--color);
@@ -20,10 +22,15 @@
   --dsa-hero__textbox--border-radius: var(--ks-border-radius-card);
   --dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
   --dsa-hero__textbox--padding: var(--ks-spacing-inset-squish-xl);
+  --dsa-hero_below__textbox--padding: var(--dsa-content--vertical-spacing);
+  --dsa-hero_offset__textbox--padding: var(--dsa-content--vertical-spacing);
+  --dsa-hero__skip-button--shadow: var(--dsa-overlay-text--shadow);
+  --dsa-hero__skip-button--color: var(--dsa-overlay-text--text-color);
+  --dsa-hero__skip-button--transform_hover: translateY(10%);
   --dsa-hero__overlay--background: radial-gradient(
     50% 125% at 100% 0%,
     var(--ks-color-primary-alpha-5) 0%,
-    var(--ks-color-fg-inverted-alpha-5) 100%
+    var(--ks-color-bg-alpha-4) 100%
   );
   --dsa-hero_offset__textbox--max-width: var(--dsa-content--width_default);
   --dsa-hero_offset__textbox--offset: -10%;
@@ -35,20 +42,26 @@
   --dsa-hero_below__textbox--max-width: var(--dsa-content--width_default);
 }
 @container hero (min-width: 640px) {
-  .dsa-hero {
+  :root .dsa-hero,
+  [ks-inverted=true] .dsa-hero,
+  [ks-inverted=false] .dsa-hero {
     --dsa-hero--min-height: 21rem;
     --dsa-hero--min-height_small: 13.35rem;
     --dsa-hero__textbox--max-width: 50vw;
   }
 }
 @container hero (min-width: 960px) {
-  .dsa-hero {
+  :root .dsa-hero,
+  [ks-inverted=true] .dsa-hero,
+  [ks-inverted=false] .dsa-hero {
     --dsa-hero--min-height: 31.5rem;
     --dsa-hero--min-height_small: 15.8rem;
   }
 }
 @container hero (min-width: 1024px) {
-  .dsa-hero {
+  :root .dsa-hero,
+  [ks-inverted=true] .dsa-hero,
+  [ks-inverted=false] .dsa-hero {
     --dsa-hero--min-height: 42rem;
     --dsa-hero--min-height_small: 20rem;
     --dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
@@ -62,6 +75,7 @@
 
 .c-visual.dsa-hero {
   --c-visual_overlay--background-size: 100%;
+  --c-visual--min-height: var(--dsa-hero--min-height);
   --c-visual_overlay--background: transparent;
   min-height: var(--dsa-hero--min-height);
 }
@@ -84,7 +98,7 @@
   --dsa-hero__subheadline--color: var(--dsa-hero_color-neutral__copy--color, var(--ks-text-color-default));
 }
 .c-visual.dsa-hero.c-visual--small {
-  min-height: var(--dsa-hero--min-height_small);
+  --dsa-hero--min-height: var(--dsa-hero--min-height_small);
 }
 @container hero (min-width: 640px) {
   .c-visual.dsa-hero {
@@ -129,15 +143,19 @@
   max-width: var(--dsa-content--width_wide);
 }
 .c-visual.dsa-hero .c-visual__continue-btn {
-  color: var(--dsa-overlay-text--text-color, var(--ks-color-fg));
-  filter: drop-shadow(var(--dsa-overlay-text--shadow, 0 0 10px var(--ks-color-bg-inverted-alpha-3-base)));
+  transform: translate(0);
+  color: var(--dsa-hero__skip-button--color, var(--dsa-overlay-text--text-color));
+  filter: drop-shadow(var(--dsa-hero__skip-button--shadow, var(--dsa-overlay-text--shadow)));
+}
+.c-visual.dsa-hero .c-visual__continue-btn:hover {
+  transform: var(--dsa-hero__skip-button--transform_hover, translateY(10%));
 }
 @container hero (min-width: 640px) {
   .c-visual.dsa-hero.dsa-hero--content-below .c-visual__media, .c-visual.dsa-hero.dsa-hero--content-offset .c-visual__media {
     position: relative;
   }
   .c-visual.dsa-hero.dsa-hero--content-below .c-visual__media .c-visual__image, .c-visual.dsa-hero.dsa-hero--content-offset .c-visual__media .c-visual__image {
-    height: var(--c-visual--min-height);
+    height: var(--dsa-hero--min-height);
   }
   .c-visual.dsa-hero.dsa-hero--content-below .c-visual__content, .c-visual.dsa-hero.dsa-hero--content-offset .c-visual__content {
     position: relative;
@@ -145,17 +163,21 @@
   .c-visual.dsa-hero.dsa-hero--content-below .c-visual__content .c-visual__box, .c-visual.dsa-hero.dsa-hero--content-offset .c-visual__content .c-visual__box {
     --c-visual_box--max-width: var(--dsa-hero_below__textbox--max-width, var(--dsa-content--width_default));
   }
+  .c-visual.dsa-hero.dsa-hero--content-below .c-visual__content {
+    padding: var(--dsa-hero_below__textbox--padding, var(--dsa-content--vertical-spacing));
+  }
   .c-visual.dsa-hero.dsa-hero--content-below .c-visual__content .c-visual__box {
     --c-visual_box--max-width: var(--dsa-hero_below__textbox--max-width, var(--dsa-content--width_default));
   }
   .c-visual.dsa-hero.dsa-hero--content-offset .c-visual__content {
+    padding: var(--dsa-hero_offset__textbox--padding, var(--dsa-content--vertical-spacing));
     margin-top: var(--dsa-hero_offset__textbox--offset, -10%);
   }
   .c-visual.dsa-hero.dsa-hero--content-offset .c-visual__content .c-visual__box {
     --c-visual_box--max-width: var(--dsa-hero_offset__textbox--max-width, var(--dsa-content--width_default));
   }
   .c-visual.dsa-hero.c-visual--no-crop {
-    --c-visual--min-height: 0;
+    --dsa-hero--min-height: 0;
   }
   @container hero (min-width: 640px) {
     .c-visual.dsa-hero.dsa-hero--content-below.c-visual--no-crop .c-visual__media .c-visual__image, .c-visual.dsa-hero.dsa-hero--content-offset.c-visual--no-crop .c-visual__media .c-visual__image {
@@ -167,8 +189,8 @@
     }
   }
   .c-visual.dsa-hero.dsa-hero--content-below.c-visual--full, .c-visual.dsa-hero.dsa-hero--content-offset.c-visual--full {
+    --dsa-hero--min-height: 0 !important;
     height: 100vh;
-    --c-visual--min-height: 0 !important;
   }
   @container hero (min-width: 640px) {
     .c-visual.dsa-hero.dsa-hero--content-below.c-visual--full .c-visual__media .c-visual__image, .c-visual.dsa-hero.dsa-hero--content-offset.c-visual--full .c-visual__media .c-visual__image {

package/dist/components/hero/hero.schema.dereffed.json

@@ -51,6 +51,12 @@
       "default": true,
       "description": "Toggle wether you want your text to be displayed within in box"
     },
+    "invertText": {
+      "type": "boolean",
+      "title": "Invert Text",
+      "description": "Invert the text color for better contrast against the background",
+      "default": false
+    },
     "buttons": {
       "type": "array",
       "items": {
@@ -81,6 +87,12 @@
         "additionalProperties": false
       }
     },
+    "skipButton": {
+      "type": "boolean",
+      "title": "Skip Button",
+      "description": "Add a skip button to the hero module",
+      "default": false
+    },
     "overlay": {
       "title": "Grid layer",
       "description": "Enable grid layer",

package/dist/components/hero/hero.schema.json

@@ -46,6 +46,12 @@
       "default": true,
       "description": "Toggle wether you want your text to be displayed within in box"
     },
+    "invertText": {
+      "type": "boolean",
+      "title": "Invert Text",
+      "description": "Invert the text color for better contrast against the background",
+      "default": false
+    },
     "buttons": {
       "type": "array",
       "items": {
@@ -64,6 +70,12 @@
         }
       }
     },
+    "skipButton": {
+      "type": "boolean",
+      "title": "Skip Button",
+      "description": "Add a skip button to the hero module",
+      "default": false
+    },
     "overlay": {
       "$ref": "http://schema.kickstartds.com/content/visual.schema.json#/properties/overlay"
     },

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { HeroProps } from "../../HeroProps-2ff0068e.js";
+import { HeroProps } from "../../HeroProps-fec6b267.js";
 declare const HeroContextDefault: import("react").ForwardRefExoticComponent<HeroProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const HeroContext: import("react").Context<import("react").ForwardRefExoticComponent<HeroProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Hero: import("react").ForwardRefExoticComponent<HeroProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/hero/index.js

@@ -8,13 +8,14 @@ import { ButtonContext } from '@kickstartds/base/lib/button';
 import { useButtonGroup } from '../button-group/index.js';
 import '@kickstartds/base/lib/button-group';
 
-const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightText, textPosition = "center", colorNeutral, image, overlay, textbox, className, buttons = [], ...rest }, ref) => {
+const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightText, textPosition = "center", colorNeutral, image, overlay, textbox, invertText = false, className, buttons = [], skipButton = false, ...rest }, ref) => {
     const ButtonGroup = useButtonGroup();
     return (jsx(ButtonContext.Provider
     // @ts-expect-error
     , { 
         // @ts-expect-error
-        value: ButtonGroup, children: jsx(Container, { name: "hero", children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, className: classnames(`dsa-hero dsa-hero--content-${textPosition}`, highlightText && `dsa-hero--highlight-text`, colorNeutral && `dsa-hero--color-neutral`, overlay && `dsa-hero--overlay`, className), height: height, overlay: overlay, skipButton: height === "fullScreen" ? true : false, inverted: true, box: {
+        value: ButtonGroup, children: jsx(Container, { name: "hero", children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, className: classnames(`dsa-hero dsa-hero--content-${textPosition}`, highlightText && `dsa-hero--highlight-text`, colorNeutral && `dsa-hero--color-neutral`, overlay && `dsa-hero--overlay`, className), height: height, overlay: overlay, skipButton: skipButton, box: {
+                        inverted: invertText,
                         background: textPosition === "below"
                             ? "transparent"
                             : textbox === true

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

@@ -29,8 +29,8 @@ interface SettingsProps {
     seo: SeoProps;
     iconSprite?: IconSprite;
 }
-export * from "../../BlogPostProps-c04a5ed8.js";
-export * from "../../BlogOverviewProps-d62a0a9a.js";
+export * from "../../BlogPostProps-6b3cff22.js";
+export * from "../../BlogOverviewProps-9f207f1c.js";
 export * from "../../PageProps-aa29c554.js";
 export { IconSprite, SettingsProps };
 export * from "../../EventDetailProps-42a7eebe.js";

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

@@ -1,5 +1,5 @@
 .dsa-nav-dropdown {
-  --dsa-nav-dropdown--padding: var(--ks-spacing-xs) var(--ks-spacing-xxs);
+  --dsa-nav-dropdown--padding: var(--ks-spacing-xxs) var(--ks-spacing-xxs) var(--ks-spacing-m) var(--ks-spacing-xxs);
   --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);
@@ -8,7 +8,7 @@
   --dsa-nav-dropdown__label--color: var(--ks-color-fg);
   --dsa-nav-dropdown__label--color_hover: var(--ks-text-color-interface-interactive-hover);
   --dsa-nav-dropdown__label--color_active: var(--ks-text-color-interface-interactive-active);
-  --dsa-nav-dropdown__label--background-color_hover: unset;
+  --dsa-nav-dropdown__label--background-color_hover: var(--ks-color-fg-alpha-8);
   --dsa-nav-dropdown__label--background-color_active: unset;
   --dsa-nav-dropdown__label--border-radius: var(--ks-border-radius-control);
   --dsa-nav-dropdown__label--font: var(--ks-font-interface-s);
@@ -16,7 +16,7 @@
   --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.45em 0.75em;
-  --dsa-nav-dropdown__label_dimmed--opacity: 0.6;
+  --dsa-nav-dropdown__label_dimmed--opacity: 1;
 }
 .dsa-nav-dropdown[ks-inverted=true] {
   --dsa-nav-dropdown--background: var(--ks-color-fg-inverted);