@kickstartds/ds-agency-premium 1.3.31 → 1.3.32--canary.565.63e8986.0

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

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

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

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

package/dist/LogosProps-58c84ccc.d.ts

@@ -0,0 +1,242 @@
+/* eslint-disable */
+/**
+ * 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.
+ */
+/**
+ * The URL of the logo image
+ */
+type URL = string;
+/**
+ * The alt text of the logo
+ */
+type Caption = string;
+/**
+ * Logo entry for Logos component
+ */
+interface LogoProps {
+    src: URL;
+    alt?: Caption;
+}
+/**
+ * A short tagline atop the logos
+ */
+type LogoTagline = string;
+/**
+ * The logos to display
+ *
+ * @minItems 1
+ * @maxItems 20
+ */
+type Logos = [LogoProps] | [LogoProps, LogoProps] | [LogoProps, LogoProps, LogoProps] | [LogoProps, LogoProps, LogoProps, LogoProps] | [LogoProps, LogoProps, LogoProps, LogoProps, LogoProps] | [LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps] | [LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps] | [LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps] | [LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps] | [LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps, LogoProps] | [
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps
+] | [
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps
+] | [
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps
+] | [
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps
+] | [
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps
+] | [
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps
+] | [
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps
+] | [
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps
+] | [
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps
+] | [
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps,
+    LogoProps
+];
+/**
+ * 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;
+}
+/**
+ * The call to action
+ */
+interface CallToAction {
+    toggle?: CTAToggle;
+    text?: CallToActionText;
+    link: CallToActionLink;
+    label: LinkLabel;
+    style: "button" | "text";
+}
+export { URL, Caption, LogoProps, LogoTagline, Logos, Alignment, LogosPerRow, CTAToggle, CallToActionText, CallToActionLink, LinkLabel, LogosProps, 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-f9474fe2.js";
+import { LogosProps } from "./LogosProps-58c84ccc.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-f9474fe2.js";
+import { LogosProps } from "./LogosProps-58c84ccc.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";
 import { TeaserCardProps } from "./TeaserCardProps-b9c28e78.js";
 import { TestimonialsProps } from "./TestimonialsProps-f7211553.js";

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BlogPostProps } from "../../BlogPostProps-e1cbd5d3.js";
+import { BlogPostProps } from "../../BlogPostProps-0910f130.js";
 declare const BlogPost: {
     ({ head, content, aside, cta }: BlogPostProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/button/button.css

@@ -36,6 +36,9 @@
   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<HTMLButtonElement | HTMLAnchorElement>>;
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 declare const ButtonProvider: FC<PropsWithChildren>;
 export { Button, ButtonProvider };

package/dist/components/cta/cta.css

@@ -16,8 +16,8 @@
 }
 
 @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 {
+  .c-header--floating + .l-container--storytelling .c-storytelling.dsa-cta,
+  .c-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 @@
-.dsa-footer {
+.c-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) {
-  .dsa-footer {
-    --dsa-footer__logo--height: 4rem;
+  .c-footer {
+    --dsa-footer__logo--height: 2rem;
   }
 }
 
-.dsa-footer {
+.c-footer {
   position: relative;
   z-index: 1;
   width: 100%;
   display: flex;
   background-color: var(--dsa-footer--background-color, var(--ks-background-color-default));
 }
-.dsa-footer__content {
+.c-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,20 +34,24 @@
   align-items: center;
   gap: var(--dsa-footer--gap-vertical, var(--ks-spacing-stack-m));
 }
-.dsa-footer__logo {
-  --dsa-logo--height: var(--dsa-footer__logo--height) !important;
+.c-footer__logo {
+  display: block;
 }
-.dsa-footer__byline {
+.c-footer__logo img {
+  height: var(--dsa-footer__logo--height);
+  width: auto;
+}
+.c-footer__byline {
   font: var(--dsa-footer__byline--font, var(--ks-font-copy-xs));
   color: var(--dsa-footer__byline--color, var(--ks-text-color-default));
 }
-.dsa-footer__links {
+.c-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));
 }
-.dsa-footer__link {
+.c-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,24 +12,16 @@
           "title": "Source",
           "description": "Picture source",
           "type": "string",
-          "format": "image"
-        },
-        "srcInverted": {
-          "title": "Source",
-          "description": "Picture source",
-          "type": "string",
-          "format": "image"
+          "format": "image",
+          "examples": [
+            "https://picsum.photos/seed/kdspicture/300/300"
+          ]
         },
         "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",
@@ -51,6 +43,11 @@
       },
       "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,24 +9,38 @@
       "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"
+          "title": "Source",
+          "description": "Picture source",
+          "type": "string",
+          "format": "image",
+          "examples": ["https://picsum.photos/seed/kdspicture/300/300"]
         },
         "alt": {
-          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/alt"
-        },
-        "homepageHref": {
-          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/homepageHref"
+          "title": "Alt text",
+          "description": "Alt text to display for picture",
+          "type": "string"
         },
         "width": {
-          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/width"
+          "title": "Width",
+          "description": "Width of the picture",
+          "type": "integer",
+          "minimum": 0,
+          "examples": [300]
         },
         "height": {
-          "$ref": "http://schema.mydesignsystem.com/logo.schema.json#/properties/height"
+          "title": "Height",
+          "description": "Height of the picture",
+          "type": "integer",
+          "minimum": 0,
+          "examples": [300]
         }
-      }
+      },
+      "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-10c950a6.js";
+import { FooterProps } from "../../FooterProps-9f94ed98.js";
 declare const Footer: FC<FooterProps>;
 export { Footer };

package/dist/components/footer/index.js

@@ -2,11 +2,10 @@ 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, 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] }) }));
+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] }) }));
 Footer.displayName = "Footer";
 
 export { Footer };

package/dist/components/header/header.css

@@ -33,6 +33,22 @@
   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,28 +8,36 @@
       "title": "Logo",
       "type": "object",
       "properties": {
+        "href": {
+          "title": "Link",
+          "description": "Add a link to the logo",
+          "type": "string",
+          "format": "uri",
+          "default": "/"
+        },
         "src": {
           "title": "Source",
-          "description": "Picture source",
+          "description": "Logo file source",
           "type": "string",
-          "format": "image"
+          "format": "image",
+          "examples": [
+            "logo.svg"
+          ]
         },
         "srcInverted": {
-          "title": "Source",
-          "description": "Picture source",
+          "title": "Source Inverted",
+          "description": "Logo inverted file source",
           "type": "string",
-          "format": "image"
+          "format": "image",
+          "examples": [
+            "logo-inverted.svg"
+          ]
         },
         "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",
@@ -51,10 +59,15 @@
       },
       "additionalProperties": false
     },
-    "flyoutInverted": {
+    "logoHref": {
+      "type": "string",
+      "format": "uri",
+      "default": "/"
+    },
+    "flyoutLogoInverted": {
       "type": "boolean",
-      "title": "Flyout Inverted",
-      "description": "Toggle the inversion of the flyout navigation",
+      "title": "Flyout Logo Inverted",
+      "description": "Toggle the inversion of the logo inside the mobile navigation",
       "default": false
     },
     "floating": {