@kickstartds/ds-agency-premium 1.3.30--canary.553.cf58b54.0 → 1.3.31

package/dist/{FooterProps-9f94ed98.d.ts → FooterProps-10c950a6.d.ts}

@@ -7,6 +7,10 @@
  * Picture source
  */
 type Source = string;
+/**
+ * Picture source
+ */
+type Source1 = string;
 /**
  * Alt text to display for picture
  */
@@ -29,7 +33,6 @@ type Byline = string;
 type Inverted = boolean;
 interface FooterProps {
     logo: Logo;
-    logoHref?: string;
     byline?: Byline;
     inverted?: Inverted;
     navItems?: {
@@ -40,8 +43,10 @@ interface FooterProps {
 }
 interface Logo {
     src?: Source;
+    srcInverted?: Source1;
     alt?: AltText;
+    homepageHref?: string;
     width?: Width;
     height?: Height;
 }
-export { Source, AltText, Width, Height, Byline, Inverted, FooterProps, Logo };
+export { Source, Source1, AltText, Width, Height, Byline, Inverted, FooterProps, Logo };

package/dist/{HeaderProps-c41aeb76.d.ts → HeaderProps-7be94a61.d.ts}

@@ -4,17 +4,13 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 /**
- * Add a link to the logo
- */
-type Link = string;
-/**
- * Logo file source
+ * Picture source
  */
 type Source = string;
 /**
- * Logo inverted file source
+ * Picture source
  */
-type SourceInverted = string;
+type Source1 = string;
 /**
  * Alt text to display for picture
  */
@@ -28,9 +24,9 @@ type Width = number;
  */
 type Height = number;
 /**
- * Toggle the inversion of the logo inside the mobile navigation
+ * Toggle the inversion of the flyout navigation
  */
-type FlyoutLogoInverted = boolean;
+type FlyoutInverted = boolean;
 /**
  * Make the header float over the first Section
  */
@@ -41,8 +37,7 @@ type Floating = boolean;
 type Inverted = boolean;
 interface HeaderProps {
     logo: Logo;
-    logoHref?: string;
-    flyoutLogoInverted?: FlyoutLogoInverted;
+    flyoutInverted?: FlyoutInverted;
     floating?: Floating;
     inverted?: Inverted;
     navItems?: {
@@ -52,11 +47,11 @@ interface HeaderProps {
     }[];
 }
 interface Logo {
-    href?: Link;
     src?: Source;
-    srcInverted?: SourceInverted;
+    srcInverted?: Source1;
     alt?: AltText;
+    homepageHref?: string;
     width?: Width;
     height?: Height;
 }
-export { Link, Source, SourceInverted, AltText, Width, Height, FlyoutLogoInverted, Floating, Inverted, HeaderProps, Logo };
+export { Source, Source1, AltText, Width, Height, FlyoutInverted, Floating, Inverted, HeaderProps, Logo };

package/dist/LogoProps-01796f0a.d.ts

@@ -0,0 +1,44 @@
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * Picture source
+ */
+type Source = string;
+/**
+ * Picture source
+ */
+type Source1 = string;
+/**
+ * Alt text to display for picture
+ */
+type AltText = string;
+/**
+ * Toggle wether the inverted or default version of the logo is being displayed
+ */
+type Inverted = boolean;
+/**
+ * Width of the picture
+ */
+type Width = number;
+/**
+ * Height of the picture
+ */
+type Height = number;
+/**
+ * Add additional css classes that should be applied to the logo
+ */
+type AdditionalClasses = string;
+interface LogoProps {
+    src?: Source;
+    srcInverted?: Source1;
+    alt?: AltText;
+    homepageHref?: string;
+    inverted?: Inverted;
+    width?: Width;
+    height?: Height;
+    className?: AdditionalClasses;
+}
+export { Source, Source1, AltText, Inverted, Width, Height, AdditionalClasses, LogoProps };

package/dist/LogosProps-f9474fe2.d.ts

@@ -0,0 +1,97 @@
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * A short tagline atop the logos
+ */
+type LogoTagline = string;
+/**
+ * The logos to display
+ *
+ * @minItems 1
+ * @maxItems 20
+ */
+type Logos = [Logo] | [Logo, Logo] | [Logo, Logo, Logo] | [Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo, Logo] | [
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo,
+    Logo
+];
+/**
+ * The URL of the logo image
+ */
+type URL = string;
+/**
+ * The alt text of the logo
+ */
+type Caption = string;
+/**
+ * The alignment of the logo layout
+ */
+type Alignment = "left" | "center";
+/**
+ * The amount of logos to display per row
+ */
+type LogosPerRow = number;
+/**
+ * Activate/disable the CTA
+ */
+type CTAToggle = boolean;
+/**
+ * A short CTA text
+ */
+type CallToActionText = string;
+/**
+ * The CTA link
+ */
+type CallToActionLink = string;
+/**
+ * The text label displayed on the link
+ */
+type LinkLabel = string;
+/**
+ * Component used to display a set of logos
+ */
+interface LogosProps {
+    tagline?: LogoTagline;
+    logo?: Logos;
+    align?: Alignment;
+    logosPerRow?: LogosPerRow;
+    cta?: CallToAction;
+}
+/**
+ * Logo entry for Logos component
+ */
+interface Logo {
+    src: URL;
+    alt?: Caption;
+}
+/**
+ * The call to action
+ */
+interface CallToAction {
+    toggle?: CTAToggle;
+    text?: CallToActionText;
+    link: CallToActionLink;
+    label: LinkLabel;
+    style: "button" | "text";
+}
+export { LogoTagline, Logos, URL, Caption, Alignment, LogosPerRow, CTAToggle, CallToActionText, CallToActionLink, LinkLabel, LogosProps, Logo, CallToAction };

package/dist/SectionProps-93230a76.d.ts

@@ -10,7 +10,7 @@ import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-cf82a16d.js";
 import { ImageStoryProps } from "./ImageStoryProps-24e0335c.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
-import { LogosProps } from "./LogosProps-58c84ccc.js";
+import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";
 import { SliderProps } from "./SliderProps-93230a76.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";

package/dist/SliderProps-93230a76.d.ts

@@ -8,7 +8,7 @@ import { FeaturesProps } from "./FeaturesProps-b05859d6.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-cf82a16d.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
-import { LogosProps } from "./LogosProps-58c84ccc.js";
+import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";
 import { TeaserCardProps } from "./TeaserCardProps-b9c28e78.js";
 import { TestimonialsProps } from "./TestimonialsProps-f7211553.js";

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BlogOverviewProps } from "../../BlogOverviewProps-525f7f9f.js";
+import { BlogOverviewProps } from "../../BlogOverviewProps-f385fc47.js";
 declare const BlogOverview: {
     ({ latest, more }: BlogOverviewProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/button/button.css

@@ -36,9 +36,6 @@
   text-transform: var(--dsa-button--text-transform);
   transition-property: box-shadow, transform, background-color, color, border;
 }
-.dsa-button.c-button .icon {
-  margin-left: var(--ks-spacing-xxs);
-}
 .dsa-button.c-button.c-button--solid {
   --c-button--color: var(--dsa-button_primary--color, var(--dsa-text-color-on-primary));
   --c-button--color-hover: var(--dsa-button_primary--color_hover, var(--dsa-text-color-on-primary));

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
 import { ButtonProps } from "../../ButtonProps-03ff6d21.js";
-declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 declare const ButtonProvider: FC<PropsWithChildren>;
 export { Button, ButtonProvider };

package/dist/components/cta/cta.css

@@ -16,8 +16,8 @@
 }
 
 @media (min-width: 640px) {
-  .c-header--floating + .l-container--storytelling .c-storytelling.dsa-cta,
-  .c-header--floating + .l-section .l-container--storytelling:first-child .c-storytelling.dsa-cta {
+  .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)));
     z-index: 1;
   }

package/dist/components/footer/footer.css

@@ -1,4 +1,4 @@
-.c-footer {
+.dsa-footer {
   --dsa-footer--background-color: var(--ks-background-color-default);
   --dsa-footer--border-top: 1px solid var(--ks-border-color-accent);
   --dsa-footer--max-width: var(--l-section--content-width-wide);
@@ -11,19 +11,19 @@
   --dsa-footer__logo--height: 1.5rem;
 }
 @media (min-width: 62em) {
-  .c-footer {
-    --dsa-footer__logo--height: 2rem;
+  .dsa-footer {
+    --dsa-footer__logo--height: 4rem;
   }
 }
 
-.c-footer {
+.dsa-footer {
   position: relative;
   z-index: 1;
   width: 100%;
   display: flex;
   background-color: var(--dsa-footer--background-color, var(--ks-background-color-default));
 }
-.c-footer__content {
+.dsa-footer__content {
   padding: var(--l-section--space-small) var(--l-section--content-padding);
   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));
@@ -34,24 +34,20 @@
   align-items: center;
   gap: var(--dsa-footer--gap-vertical, var(--ks-spacing-stack-m));
 }
-.c-footer__logo {
-  display: block;
+.dsa-footer__logo {
+  --dsa-logo--height: var(--dsa-footer__logo--height) !important;
 }
-.c-footer__logo img {
-  height: var(--dsa-footer__logo--height);
-  width: auto;
-}
-.c-footer__byline {
+.dsa-footer__byline {
   font: var(--dsa-footer__byline--font, var(--ks-font-copy-xs));
   color: var(--dsa-footer__byline--color, var(--ks-text-color-default));
 }
-.c-footer__links {
+.dsa-footer__links {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: var(--dsa-footer__links--gap, var(--ks-spacing-stack-s) var(--ks-spacing-inline-m));
 }
-.c-footer__link {
+.dsa-footer__link {
   font: var(--dsa-footer__links--font, var(--ks-font-interface-s));
   color: var(--dsa-footer__links--color, var(--dsa-link--color));
 }

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

@@ -12,16 +12,24 @@
           "title": "Source",
           "description": "Picture source",
           "type": "string",
-          "format": "image",
-          "examples": [
-            "https://picsum.photos/seed/kdspicture/300/300"
-          ]
+          "format": "image"
+        },
+        "srcInverted": {
+          "title": "Source",
+          "description": "Picture source",
+          "type": "string",
+          "format": "image"
         },
         "alt": {
           "title": "Alt text",
           "description": "Alt text to display for picture",
           "type": "string"
         },
+        "homepageHref": {
+          "type": "string",
+          "format": "uri",
+          "default": "/"
+        },
         "width": {
           "title": "Width",
           "description": "Width of the picture",
@@ -43,11 +51,6 @@
       },
       "additionalProperties": false
     },
-    "logoHref": {
-      "type": "string",
-      "format": "uri",
-      "default": "/"
-    },
     "byline": {
       "title": "Byline",
       "description": "Small line of text displayed below the logo",

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

@@ -9,38 +9,24 @@
       "type": "object",
       "properties": {
         "src": {
-          "title": "Source",
-          "description": "Picture source",
-          "type": "string",
-          "format": "image",
-          "examples": ["https://picsum.photos/seed/kdspicture/300/300"]
+          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/src"
+        },
+        "srcInverted": {
+          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/srcInverted"
         },
         "alt": {
-          "title": "Alt text",
-          "description": "Alt text to display for picture",
-          "type": "string"
+          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/alt"
+        },
+        "homepageHref": {
+          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/homepageHref"
         },
         "width": {
-          "title": "Width",
-          "description": "Width of the picture",
-          "type": "integer",
-          "minimum": 0,
-          "examples": [300]
+          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/width"
         },
         "height": {
-          "title": "Height",
-          "description": "Height of the picture",
-          "type": "integer",
-          "minimum": 0,
-          "examples": [300]
+          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/height"
         }
-      },
-      "additionalProperties": false
-    },
-    "logoHref": {
-      "type": "string",
-      "format": "uri",
-      "default": "/"
+      }
     },
     "byline": {
       "title": "Byline",

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

@@ -1,4 +1,4 @@
 import { FC } from "react";
-import { FooterProps } from "../../FooterProps-9f94ed98.js";
+import { FooterProps } from "../../FooterProps-10c950a6.js";
 declare const Footer: FC<FooterProps>;
 export { Footer };

package/dist/components/footer/index.js

@@ -2,10 +2,11 @@ import "./footer.css";
 import { createElement } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import classnames from 'classnames';
-import { Picture } from '@kickstartds/base/lib/picture';
 import { Link } from '@kickstartds/base/lib/link';
+import { Logo } from '../logo/index.js';
+import '@kickstartds/base/lib/picture';
 
-const Footer = ({ logo, logoHref = "/", byline, inverted = false, navItems = [], }) => (jsx("div", { className: classnames("c-footer"), "ks-inverted": inverted.toString(), children: jsxs("div", { className: "c-footer__content", children: [jsx(Link, { className: "c-footer__logo", href: logoHref, children: jsx(Picture, { ...logo, lazy: true }) }), byline && jsx("span", { className: "c-footer__byline", children: byline }), navItems.length > 0 ? (jsx("div", { className: "c-footer__links", children: navItems.map(({ label, active, ...linkProps }) => (createElement(Link, { ...linkProps, className: "c-footer__link", key: linkProps.href + label }, label))) })) : null] }) }));
+const Footer = ({ logo, byline, inverted = false, navItems = [], }) => (jsx("div", { className: classnames("dsa-footer"), "ks-inverted": inverted.toString(), children: jsxs("div", { className: "dsa-footer__content", children: [jsx(Logo, { ...logo, inverted: inverted }), byline && jsx("span", { className: "dsa-footer__byline", children: byline }), navItems.length > 0 ? (jsx("div", { className: "dsa-footer__links", children: navItems.map(({ label, active, ...linkProps }) => (createElement(Link, { ...linkProps, className: "dsa-footer__link", key: linkProps.href + label }, label))) })) : null] }) }));
 Footer.displayName = "Footer";
 
 export { Footer };

package/dist/components/header/header.css

@@ -33,22 +33,6 @@
   display: flex;
   justify-content: space-between;
 }
-.dsa-header__logo {
-  display: block;
-}
-.dsa-header__logo__img {
-  height: var(--dsa-header__logo--height);
-  width: auto;
-}
-[ks-inverted=true] .dsa-header__logo__img {
-  display: none;
-}
-.dsa-header__logo__img--inverted {
-  display: none;
-}
-[ks-inverted=true] .dsa-header__logo__img--inverted {
-  display: block;
-}
 
 .dsa-header--spacer {
   display: none;

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

@@ -8,36 +8,28 @@
       "title": "Logo",
       "type": "object",
       "properties": {
-        "href": {
-          "title": "Link",
-          "description": "Add a link to the logo",
-          "type": "string",
-          "format": "uri",
-          "default": "/"
-        },
         "src": {
           "title": "Source",
-          "description": "Logo file source",
+          "description": "Picture source",
           "type": "string",
-          "format": "image",
-          "examples": [
-            "logo.svg"
-          ]
+          "format": "image"
         },
         "srcInverted": {
-          "title": "Source Inverted",
-          "description": "Logo inverted file source",
+          "title": "Source",
+          "description": "Picture source",
           "type": "string",
-          "format": "image",
-          "examples": [
-            "logo-inverted.svg"
-          ]
+          "format": "image"
         },
         "alt": {
           "title": "Alt text",
           "description": "Alt text to display for picture",
           "type": "string"
         },
+        "homepageHref": {
+          "type": "string",
+          "format": "uri",
+          "default": "/"
+        },
         "width": {
           "title": "Width",
           "description": "Width of the picture",
@@ -59,15 +51,10 @@
       },
       "additionalProperties": false
     },
-    "logoHref": {
-      "type": "string",
-      "format": "uri",
-      "default": "/"
-    },
-    "flyoutLogoInverted": {
+    "flyoutInverted": {
       "type": "boolean",
-      "title": "Flyout Logo Inverted",
-      "description": "Toggle the inversion of the logo inside the mobile navigation",
+      "title": "Flyout Inverted",
+      "description": "Toggle the inversion of the flyout navigation",
       "default": false
     },
     "floating": {

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

@@ -5,13 +5,31 @@
   "type": "object",
   "properties": {
     "logo": {
-      "$ref": "http://schema.mydesignsystem.com/nav-main.schema.json#/properties/logo"
+      "title": "Logo",
+      "type": "object",
+      "properties": {
+        "src": {
+          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/src"
+        },
+        "srcInverted": {
+          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/srcInverted"
+        },
+        "alt": {
+          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/alt"
+        },
+        "homepageHref": {
+          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/homepageHref"
+        },
+        "width": {
+          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/width"
+        },
+        "height": {
+          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/height"
+        }
+      }
     },
-    "logoHref": {
-      "$ref": "http://schema.mydesignsystem.com/nav-main.schema.json#/properties/logoHref"
-    },
-    "flyoutLogoInverted": {
-      "$ref": "http://schema.mydesignsystem.com/nav-main.schema.json#/properties/flyoutLogoInverted"
+    "flyoutInverted": {
+      "$ref": "http://schema.mydesignsystem.com/nav-main.schema.json#/properties/flyoutInverted"
     },
     "floating": {
       "type": "boolean",

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

@@ -1,4 +1,4 @@
 import { FC } from "react";
-import { HeaderProps } from "../../HeaderProps-c41aeb76.js";
+import { HeaderProps } from "../../HeaderProps-7be94a61.js";
 declare const Header: FC<HeaderProps>;
 export { Header };

package/dist/components/header/index.js

@@ -1,17 +1,21 @@
 import "./header.css";
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import classnames from 'classnames';
-import { Picture } from '@kickstartds/base/lib/picture';
-import { Link } from '@kickstartds/base/lib/link';
 import { NavMain } from '../nav-main/index.js';
+import { Logo } from '../logo/index.js';
 import 'react';
+import '@kickstartds/base/lib/link';
 import '../nav-main/js/NavToggle.client.js';
 import '@kickstartds/core/lib/component';
 import '../nav-main/js/navMainEvents.client.js';
 import '@kickstartds/core/lib/core';
 import '../nav-main/js/body.client.js';
+import '@kickstartds/base/lib/picture';
 
-const Header = ({ logo, logoHref = "/", floating, inverted = false, flyoutLogoInverted = false, navItems = [], }) => (jsx(Fragment, { children: jsx("div", { className: classnames("dsa-header", floating ? `dsa-header--floating` : ""), "ks-inverted": inverted.toString(), children: jsxs("div", { className: "dsa-header__content", children: [jsxs(Link, { className: "dsa-header__logo", href: logoHref, children: [jsx(Picture, { className: "dsa-header__logo__img", src: logo?.src, alt: logo?.alt, width: logo?.width, height: logo?.height, lazy: inverted }), jsx(Picture, { className: "dsa-header__logo__img dsa-header__logo__img--inverted", src: logo?.srcInverted || logo?.src, alt: logo?.alt, width: logo?.width, height: logo?.height, lazy: !inverted })] }), jsx(NavMain, { flyoutLogoInverted: flyoutLogoInverted, logo: logo, logoHref: logoHref, items: navItems })] }) }) }));
+const Header = ({ logo, floating, inverted = false, flyoutInverted = false, navItems = [], }) => (jsx(Fragment, { children: jsx("div", { className: classnames("dsa-header", floating ? `dsa-header--floating` : ""), "ks-inverted": inverted.toString(), children: jsxs("div", { className: "dsa-header__content", children: [jsx(Logo, { ...logo, className: "dsa-header__logo", inverted: inverted }), jsx(NavMain, { flyoutInverted: flyoutInverted, items: navItems, logo: {
+                        ...logo,
+                        inverted: flyoutInverted,
+                    } })] }) }) }));
 Header.displayName = "Header";
 
 export { Header };

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

@@ -51,7 +51,7 @@
     },
     "className": {
       "title": "Additional Classes",
-      "description": "Add additional css classes that should be applied to the button",
+      "description": "Add additional css classes that should be applied to the image",
       "type": "string"
     },
     "style": {

package/dist/components/image/image.schema.json

@@ -44,7 +44,7 @@
     },
     "className": {
       "title": "Additional Classes",
-      "description": "Add additional css classes that should be applied to the button",
+      "description": "Add additional css classes that should be applied to the image",
       "type": "string"
     },
     "style": {

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

@@ -31,7 +31,7 @@ type Height = number;
  */
 type AspectRatio = "unset" | "square" | "wide" | "landscape";
 /**
- * Add additional css classes that should be applied to the button
+ * Add additional css classes that should be applied to the image
  */
 type AdditionalClasses = string;
 /**