@kickstartds/ds-agency-premium 1.3.4 → 1.3.6

package/dist/{FooterProps-55aaf559.d.ts → FooterProps-d28ccfb6.d.ts}

@@ -23,10 +23,15 @@ type Height = number;
  * Small line of text displayed below the logo
  */
 type Byline = string;
+/**
+ * Invert the color scheme of the footer
+ */
+type Inverted = boolean;
 interface FooterProps {
     logo: Logo;
     logoHref?: string;
     byline?: Byline;
+    inverted?: Inverted;
     navItems?: {
         href: string;
         label: string;
@@ -39,4 +44,4 @@ interface Logo {
     width?: Width;
     height?: Height;
 }
-export { Source, AltText, Width, Height, Byline, FooterProps, Logo };
+export { Source, AltText, Width, Height, Byline, Inverted, FooterProps, Logo };

package/dist/{HeaderProps-ae331ab2.d.ts → HeaderProps-34d278ee.d.ts}

@@ -23,10 +23,15 @@ type Height = number;
  * Make the header float over the first Section
  */
 type Floating = boolean;
+/**
+ * Invert the color scheme of the header
+ */
+type Inverted = boolean;
 interface HeaderProps {
     logo: Logo;
     logoHref?: string;
     floating?: Floating;
+    inverted?: Inverted;
     navItems?: {
         href: string;
         label: string;
@@ -39,4 +44,4 @@ interface Logo {
     width?: Width;
     height?: Height;
 }
-export { Source, AltText, Width, Height, Floating, HeaderProps, Logo };
+export { Source, AltText, Width, Height, Floating, Inverted, HeaderProps, Logo };

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

@@ -12,7 +12,7 @@ import { ImageStoryProps } from "./ImageStoryProps-24e0335c.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-58c84ccc.js";
 import { MosaicProps } from "./MosaicProps-aacb9422.js";
-import { SliderProps } from "./SliderProps-8cae490d.js";
+import { SliderProps } from "./SliderProps-93230a76.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";
 import { TeaserCardProps } from "./TeaserCardProps-b9c28e78.js";
 import { TestimonialsProps } from "./TestimonialsProps-f7211553.js";

package/dist/{SliderProps-8cae490d.d.ts → SliderProps-93230a76.d.ts}

@@ -3,6 +3,16 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
+import { CtaProps } from "./CtaProps-93230a76.js";
+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 { StatsProps } from "./StatsProps-bf5ef578.js";
+import { TeaserCardProps } from "./TeaserCardProps-b9c28e78.js";
+import { TestimonialsProps } from "./TestimonialsProps-f7211553.js";
+import { TextProps } from "./TextProps-a23170d2.js";
 /**
  * Automatically move to next slide after 4 seconds without user interaction
  */
@@ -29,6 +39,10 @@ type Type = "slider" | "carousel";
  * Additional css classes attached to the wrapping element
  */
 type Class = string;
+/**
+ * Allowed components for content
+ */
+type Content = (CtaProps | FeaturesProps | GalleryProps | HeroProps | ImageTextProps | LogosProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps)[];
 interface SliderProps {
     autoplay?: AutoPlay;
     nav?: ShowNavigation;
@@ -38,5 +52,6 @@ interface SliderProps {
     arrows?: ShowArrows;
     type?: Type;
     className?: Class;
+    components?: Content;
 }
-export { AutoPlay, ShowNavigation, TeaseNeighbourSlides, EqualizeSlidesHeights, Gap, ShowArrows, Type, Class, SliderProps };
+export { AutoPlay, ShowNavigation, TeaseNeighbourSlides, EqualizeSlidesHeights, Gap, ShowArrows, Type, Class, Content, SliderProps };

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

@@ -633,7 +633,8 @@
         "cardImage": {
           "type": "string",
           "title": "Card Preview Image",
-          "description": "Card preview image (larger, e.g. Twitter) used for the page"
+          "description": "Card preview image (larger, e.g. Twitter) used for the page",
+          "format": "image"
         },
         "type": {
           "const": "seo"

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

@@ -393,7 +393,8 @@
         "cardImage": {
           "type": "string",
           "title": "Card Preview Image",
-          "description": "Card preview image (larger, e.g. Twitter) used for the page"
+          "description": "Card preview image (larger, e.g. Twitter) used for the page",
+          "format": "image"
         },
         "type": {
           "const": "seo"

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

@@ -54,6 +54,12 @@
       "type": "string",
       "default": "© 2024 systemics Inc. All rights reserved."
     },
+    "inverted": {
+      "type": "boolean",
+      "title": "Inverted",
+      "description": "Invert the color scheme of the footer",
+      "default": false
+    },
     "navItems": {
       "type": "array",
       "items": {

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

@@ -48,6 +48,12 @@
       "type": "string",
       "default": "© 2024 systemics Inc. All rights reserved."
     },
+    "inverted": {
+      "type": "boolean",
+      "title": "Inverted",
+      "description": "Invert the color scheme of the footer",
+      "default": false
+    },
     "navItems": {
       "type": "array",
       "items": {

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

@@ -1,4 +1,4 @@
 import { FC } from "react";
-import { FooterProps } from "../../FooterProps-55aaf559.js";
+import { FooterProps } from "../../FooterProps-d28ccfb6.js";
 declare const Footer: FC<FooterProps>;
 export { Footer };

package/dist/components/footer/index.js

@@ -5,7 +5,7 @@ import classnames from 'classnames';
 import { Picture } from '@kickstartds/base/lib/picture';
 import { Link } from '@kickstartds/base/lib/link';
 
-const Footer = ({ logo, logoHref = "/", byline, navItems = [], }) => (jsx("div", { className: classnames("c-footer"), 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, ...linkProps }) => (createElement(Link, { ...linkProps, className: "c-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, 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, ...linkProps }) => (createElement(Link, { ...linkProps, className: "c-footer__link", key: linkProps.href + label }, label))) })) : null] }) }));
 Footer.displayName = "Footer";
 
 export { Footer };

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

@@ -54,6 +54,12 @@
       "description": "Make the header float over the first Section",
       "default": false
     },
+    "inverted": {
+      "type": "boolean",
+      "title": "Inverted",
+      "description": "Invert the color scheme of the header",
+      "default": false
+    },
     "navItems": {
       "type": "array",
       "items": {

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

@@ -46,6 +46,12 @@
       "description": "Make the header float over the first Section",
       "default": false
     },
+    "inverted": {
+      "type": "boolean",
+      "title": "Inverted",
+      "description": "Invert the color scheme of the header",
+      "default": false
+    },
     "navItems": {
       "$ref": "http://schema.mydesignsystem.com/nav-main.schema.json#/properties/items"
     }

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

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

package/dist/components/header/index.js

@@ -11,7 +11,7 @@ import '../nav-main/js/navMainEvents.client.js';
 import '@kickstartds/core/lib/core';
 import '../nav-main/js/body.client.js';
 
-const Header = ({ logo, floating, logoHref = "/", navItems = [], }) => (jsx(Fragment, { children: jsx("div", { className: classnames("dsa-header", floating ? `dsa-header--floating` : ""), children: jsxs("div", { className: "dsa-header__content", children: [jsx(Link, { className: "dsa-header__logo", href: logoHref, children: jsx(Picture, { ...logo, lazy: false }) }), jsx(NavMain, { logo: logo, logoHref: logoHref, items: navItems })] }) }) }));
+const Header = ({ logo, logoHref = "/", floating, inverted = false, navItems = [], }) => (jsx(Fragment, { children: jsx("div", { className: classnames("dsa-header", floating ? `dsa-header--floating` : ""), "ks-inverted": inverted, children: jsxs("div", { className: "dsa-header__content", children: [jsx(Link, { className: "dsa-header__logo", href: logoHref, children: jsx(Picture, { ...logo, lazy: false }) }), jsx(NavMain, { logo: logo, logoHref: logoHref, items: navItems })] }) }) }));
 Header.displayName = "Header";
 
 export { Header };

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

@@ -12,22 +12,49 @@ import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { HeaderProps } from "../../HeaderProps-ae331ab2.js";
-import { FooterProps } from "../../FooterProps-55aaf559.js";
+import { HeaderProps } from "../../HeaderProps-34d278ee.js";
+import { FooterProps } from "../../FooterProps-d28ccfb6.js";
 /**
  * Collection of sections (with their contents) to render on the page
  */
 type Sections = SectionProps[];
+/**
+ * Whether the header should float on scroll
+ */
+type Floating = boolean;
+/**
+ * Whether the header should have an inverted color scheme
+ */
+type Inverted = boolean;
+/**
+ * Whether the footer should have an inverted color scheme
+ */
+type Inverted1 = boolean;
 /**
  * Abstracts a page concept into JSON schema
  */
 interface PageProps {
     section?: Sections;
+    header?: Header;
+    footer?: Footer;
     /**
      * Referenced component SeoProps
      */
     seo: SeoProps;
 }
+/**
+ * Header settings for the page
+ */
+interface Header {
+    floating?: Floating;
+    inverted?: Inverted;
+}
+/**
+ * Footer settings for the page
+ */
+interface Footer {
+    inverted?: Inverted1;
+}
 /**
  * Abstracts global settings made for a website into JSON Schema
  */
@@ -47,4 +74,4 @@ interface SettingsProps {
 }
 export * from "../../BlogPostProps-0910f130.js";
 export * from "../../BlogOverviewProps-f385fc47.js";
-export { Sections, PageProps, SettingsProps };
+export { Sections, Floating, Inverted, Inverted1, PageProps, Header, Footer, SettingsProps };