@kickstartds/ds-agency-premium 1.7.0--canary.18.1660.0 → 1.7.0--canary.46.1791.0

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

@@ -58,7 +58,11 @@
           "format": "image"
         },
         "aspectRatio": {
-          "$ref": "http://schema.mydesignsystem.com/image.schema.json#/properties/aspectRatio"
+          "type": "string",
+          "title": "Aspect Ratio",
+          "description": "The aspect ratio of the image",
+          "enum": ["unset", "square", "wide", "landscape"],
+          "default": "unset"
         },
         "alt": {
           "title": "Alt text",

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

@@ -4,4 +4,5 @@ import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
 declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { ImageStoryProps };
 export { ImageStoryContextDefault, ImageStoryContext, ImageStory };

package/dist/components/image-story/index.js

@@ -32,7 +32,6 @@ const ImageStoryContextDefault = forwardRef(({ headline, largeHeadline = false,
                 text: text,
                 textAlign: textAlign,
                 vAlign: "top",
-                // @ts-expect-error
                 link: { buttons },
                 headline: {
                     text: headline,

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

@@ -5,4 +5,5 @@ declare const ImageTextContextDefault: import("react").ForwardRefExoticComponent
 declare const ImageTextContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageTextProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const ImageText: import("react").ForwardRefExoticComponent<ImageTextProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const ImageTextProvider: FC<ImageTextProps & HTMLAttributes<HTMLDivElement>>;
+export type { ImageTextProps };
 export { ImageTextContextDefault, ImageTextContext, ImageText, ImageTextProvider };

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

@@ -7,6 +7,10 @@
 import { HeaderProps } from "../../HeaderProps-e22382f1.js";
 import { FooterProps } from "../../FooterProps-171a3067.js";
 import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
+/**
+ * Content of the icon sprite for this project
+ */
+type IconSprite = string;
 /**
  * Abstracts global settings made for a website into JSON Schema
  */
@@ -23,8 +27,9 @@ interface SettingsProps {
      * Referenced component SeoProps
      */
     seo: SeoProps;
+    iconSprite?: IconSprite;
 }
 export * from "../../BlogPostProps-6b3cff22.js";
 export * from "../../BlogOverviewProps-9f207f1c.js";
 export * from "../../PageProps-aa29c554.js";
-export { SettingsProps };
+export { IconSprite, SettingsProps };

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

@@ -4,4 +4,5 @@ import { LogoProps } from "../../LogoProps-01796f0a.js";
 declare const LogoContextDefault: import("react").ForwardRefExoticComponent<LogoProps & ImgHTMLAttributes<HTMLImageElement> & import("react").RefAttributes<HTMLImageElement>>;
 declare const LogoContext: import("react").Context<import("react").ForwardRefExoticComponent<LogoProps & ImgHTMLAttributes<HTMLImageElement> & import("react").RefAttributes<HTMLImageElement>>>;
 declare const Logo: import("react").ForwardRefExoticComponent<LogoProps & ImgHTMLAttributes<HTMLImageElement> & import("react").RefAttributes<HTMLImageElement>>;
+export type { LogoProps };
 export { LogoContextDefault, LogoContext, Logo };

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

@@ -4,4 +4,5 @@ import { LogosProps } from "../../LogosProps-f9474fe2.js";
 declare const LogosContextDefault: import("react").ForwardRefExoticComponent<LogosProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const LogosContext: import("react").Context<import("react").ForwardRefExoticComponent<LogosProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Logos: import("react").ForwardRefExoticComponent<LogosProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { LogosProps };
 export { LogosContextDefault, LogosContext, Logos };

package/dist/components/logos/logos.css

@@ -26,7 +26,7 @@
 .dsa-logos__tagline {
   font: var(--dsa-logos__tagline--font, var(--ks-font-display-m));
   font-weight: var(--dsa-logos__tagline--font-weight, var(--dsa-headline--font-weight));
-  max-width: var(--l-section--content-width-narrow);
+  max-width: var(--dsa-content--width_narrow);
   color: var(--dsa-logos__tagline--color, var(--dsa-headline--color, var(--ks-text-color-display)));
   width: 100%;
 }
@@ -40,7 +40,7 @@
 }
 .dsa-logos__cta__text {
   color: var(--ks-text-color-default);
-  max-width: var(--l-section--content-width-narrow);
+  max-width: var(--dsa-content--width_narrow);
 }
 .dsa-logos__cta__text, .dsa-logos__cta__link {
   font: var(--ks-font-copy-m);

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

@@ -4,4 +4,5 @@ import { MosaicProps } from "../../MosaicProps-d52c7151.js";
 declare const MosaicContextDefault: import("react").ForwardRefExoticComponent<MosaicProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const MosaicContext: import("react").Context<import("react").ForwardRefExoticComponent<MosaicProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Mosaic: import("react").ForwardRefExoticComponent<MosaicProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { MosaicProps };
 export { MosaicContextDefault, MosaicContext, Mosaic };

package/dist/components/mosaic/mosaic.css

@@ -23,6 +23,9 @@
   font: var(--dsa-mosaic__copy--font, var(--dsa-rich-text--font, var(--ks-font-copy-m)));
   color: var(--dsa-mosaic__copy--color, var(--dsa-rich-text--color, var(--ks-text-color-copy)));
 }
+.dsa-mosaic .c-storytelling__box__content {
+  max-width: var(--dsa-content--width_narrow);
+}
 .dsa-mosaic .c-storytelling__box__content[style^=color] .dsa-headline__headline,
 .dsa-mosaic .c-storytelling__box__content[style^=color] .dsa-headline__subheadline {
   color: inherit;

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

@@ -94,6 +94,7 @@
               },
               "icon": {
                 "type": "string",
+                "format": "icon",
                 "title": "Icon",
                 "description": "Choose an icon"
               }

package/dist/components/nav-dropdown/index.d.ts

@@ -19,4 +19,5 @@ interface NavDropdownProps {
     className?: string;
 }
 declare const NavDropdown: FC<NavDropdownProps>;
+export type { NavDropdownProps };
 export { NavDropdown };

package/dist/components/nav-flyout/index.d.ts

@@ -31,4 +31,5 @@ interface NavFlyoutProps {
 declare const NavFlyoutContextDefault: import("react").ForwardRefExoticComponent<NavFlyoutProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
 declare const NavFlyoutContext: import("react").Context<import("react").ForwardRefExoticComponent<NavFlyoutProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>>;
 declare const NavFlyout: import("react").ForwardRefExoticComponent<NavFlyoutProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+export type { NavFlyoutProps };
 export { NavFlyoutContextDefault, NavFlyoutContext, NavFlyout };

package/dist/components/nav-main/index.d.ts

@@ -57,4 +57,5 @@ interface CTA {
 declare const NavMainContextDefault: import("react").ForwardRefExoticComponent<NavMainProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const NavMainContext: import("react").Context<import("react").ForwardRefExoticComponent<NavMainProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const NavMain: import("react").ForwardRefExoticComponent<NavMainProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { NavMainProps };
 export { NavMainContextDefault, NavMainContext, NavMain };

package/dist/components/nav-topbar/index.d.ts

@@ -26,4 +26,5 @@ interface NavTopbarProps {
 declare const NavTopbarContextDefault: import("react").ForwardRefExoticComponent<NavTopbarProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
 declare const NavTopbarContext: import("react").Context<import("react").ForwardRefExoticComponent<NavTopbarProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>>;
 declare const NavTopbar: import("react").ForwardRefExoticComponent<NavTopbarProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+export type { NavTopbarProps };
 export { NavTopbarContextDefault, NavTopbarContext, NavTopbar };

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

@@ -1,4 +1,5 @@
 import { PageProps } from "../../PageProps-aa29c554.js";
 import { FC, PropsWithChildren } from "react";
 declare const Page: FC<PropsWithChildren<PageProps>>;
+export type { PageProps };
 export { Page };