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

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

@@ -1,8 +1,29 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { HtmlProps } from "../../HtmlProps-9d091769.js";
-declare const HtmlContextDefault: import("react").ForwardRefExoticComponent<HtmlProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-declare const HtmlContext: import("react").Context<import("react").ForwardRefExoticComponent<HtmlProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
-declare const Html: import("react").ForwardRefExoticComponent<HtmlProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export type { HtmlProps };
+/* 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 `yarn run schema` to regenerate this file.
+ */
+type HTMLString = string;
+/**
+ * Add additional css classes that should be applied to the element
+ */
+type AdditionalClasses = string;
+/**
+ * Optional custom component identifier
+ */
+type KsComponentAttribute = string;
+/**
+ * Display raw HTML.
+ */
+interface HTMLProps {
+    html?: HTMLString;
+    className?: AdditionalClasses;
+    component?: KsComponentAttribute;
+}
+declare const HtmlContextDefault: import("react").ForwardRefExoticComponent<HTMLProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const HtmlContext: import("react").Context<import("react").ForwardRefExoticComponent<HTMLProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const Html: import("react").ForwardRefExoticComponent<HTMLProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export { HtmlContextDefault, HtmlContext, Html };

package/dist/components/html/index.js

@@ -1,23 +1,9 @@
-import "./html.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import classnames from 'classnames';
-import { Button } from '@kickstartds/base/lib/button';
-import { RichText } from '@kickstartds/base/lib/rich-text';
-import './Html.client.js';
-import '@kickstartds/core/lib/component';
 
-const HtmlContextDefault = forwardRef(({ html, consent, consentText, consentBackgroundImage, consentButtonLabel, consentAspectRatio = "16:9", inverted, className, component = "dsa.html", ...props }, ref) => {
-    return (jsxs("div", { ref: ref, className: classnames("dsa-html", className), "ks-component": component, "ks-inverted": inverted ? "true" : undefined, ...props, children: [jsx("template", { dangerouslySetInnerHTML: { __html: html } }), consent && (jsxs("div", { style: {
-                    backgroundImage: consentBackgroundImage
-                        ? `url(${consentBackgroundImage})`
-                        : undefined,
-                }, className: classnames("dsa-html__consent", {
-                    "dsa-html__consent--sixteen-to-nine": consentAspectRatio === "16:9",
-                    "dsa-html__consent--sixteen-to-ten": consentAspectRatio === "16:10",
-                    "dsa-html__consent--four-to-three": consentAspectRatio === "4:3",
-                    "dsa-html__consent--square": consentAspectRatio === "1:1",
-                }), children: [consentText && jsx(RichText, { text: consentText }), jsx(Button, { type: "button", label: consentButtonLabel, className: "dsa-html__consent-button", variant: "primary" })] }))] }));
+const HtmlContextDefault = forwardRef(({ html, className, component, ...props }, ref) => {
+    return (jsx("div", { ref: ref, className: classnames("c-html", className), dangerouslySetInnerHTML: { __html: html }, "ks-component": component, ...props }));
 });
 const HtmlContext = createContext(HtmlContextDefault);
 const Html = forwardRef((props, ref) => {

package/dist/components/image/image.css

@@ -0,0 +1,18 @@
+.dsa-image {
+  --dsa-image--ratio-square: 1/1;
+  --dsa-image--ratio-wide: 4/3;
+  --dsa-image--ratio-landscape: 16/9;
+}
+
+.dsa-image {
+  object-fit: cover;
+}
+.dsa-image--square {
+  aspect-ratio: var(--c-image--ratio-square);
+}
+.dsa-image--wide {
+  aspect-ratio: var(--c-image--ratio-wide);
+}
+.dsa-image--landscape {
+  aspect-ratio: var(--c-image--ratio-landscape);
+}

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

@@ -0,0 +1,105 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/image.schema.json",
+  "title": "Image",
+  "description": "Base component to display a picture",
+  "type": "object",
+  "properties": {
+    "src": {
+      "title": "Source",
+      "description": "Picture source",
+      "type": "string",
+      "format": "image",
+      "examples": [
+        "img/close-up-young-business-team-working.png"
+      ]
+    },
+    "srcSet": {
+      "title": "Picture sourceset",
+      "description": "Use a srcSet to display picture",
+      "type": "string",
+      "format": "image"
+    },
+    "alt": {
+      "title": "Alt text",
+      "description": "Alt text to display for picture",
+      "type": "string"
+    },
+    "width": {
+      "title": "Width",
+      "description": "Width of the picture",
+      "type": "integer",
+      "minimum": 0
+    },
+    "height": {
+      "title": "Height",
+      "description": "Height of the picture",
+      "type": "integer",
+      "minimum": 0
+    },
+    "aspectRatio": {
+      "type": "string",
+      "title": "Aspect Ratio",
+      "description": "The aspect ratio of the image",
+      "enum": [
+        "unset",
+        "square",
+        "wide",
+        "landscape"
+      ],
+      "default": "unset"
+    },
+    "className": {
+      "title": "Additional Classes",
+      "description": "Add additional css classes that should be applied to the image",
+      "type": "string"
+    },
+    "style": {
+      "title": "`style` attribute",
+      "description": "Define a style attribute for the picture",
+      "type": "string"
+    },
+    "lazy": {
+      "title": "Lazy",
+      "description": "Load the picture lazily",
+      "type": "boolean",
+      "default": true
+    },
+    "sources": {
+      "title": "Sources",
+      "description": "Additional sources. This will result in a `picture`-Element",
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "srcSet": {
+            "title": "Picture sourceset",
+            "description": "Use a srcSet to display picture",
+            "type": "string",
+            "format": "image"
+          },
+          "media": {
+            "title": "Media for picture",
+            "description": "Media attribute for source",
+            "type": "string"
+          },
+          "type": {
+            "title": "Type for picture",
+            "description": "Type attribute for source",
+            "type": "string"
+          }
+        },
+        "additionalProperties": false
+      }
+    },
+    "pictureClassName": {
+      "title": "`class` attribute",
+      "description": "Set additional class(es) to the picture",
+      "type": "string"
+    },
+    "type": {
+      "const": "image"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,95 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/image.schema.json",
+  "title": "Image",
+  "description": "Base component to display a picture",
+  "type": "object",
+  "properties": {
+    "src": {
+      "title": "Source",
+      "description": "Picture source",
+      "type": "string",
+      "format": "image",
+      "examples": ["img/close-up-young-business-team-working.png"]
+    },
+    "srcSet": {
+      "title": "Picture sourceset",
+      "description": "Use a srcSet to display picture",
+      "type": "string",
+      "format": "image"
+    },
+    "alt": {
+      "title": "Alt text",
+      "description": "Alt text to display for picture",
+      "type": "string"
+    },
+    "width": {
+      "title": "Width",
+      "description": "Width of the picture",
+      "type": "integer",
+      "minimum": 0
+    },
+    "height": {
+      "title": "Height",
+      "description": "Height of the picture",
+      "type": "integer",
+      "minimum": 0
+    },
+    "aspectRatio": {
+      "type": "string",
+      "title": "Aspect Ratio",
+      "description": "The aspect ratio of the image",
+      "enum": ["unset", "square", "wide", "landscape"],
+      "default": "unset"
+    },
+    "className": {
+      "title": "Additional Classes",
+      "description": "Add additional css classes that should be applied to the image",
+      "type": "string"
+    },
+    "style": {
+      "title": "`style` attribute",
+      "description": "Define a style attribute for the picture",
+      "type": "string"
+    },
+    "lazy": {
+      "title": "Lazy",
+      "description": "Load the picture lazily",
+      "type": "boolean",
+      "default": true
+    },
+    "sources": {
+      "title": "Sources",
+      "description": "Additional sources. This will result in a `picture`-Element",
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "srcSet": {
+            "title": "Picture sourceset",
+            "description": "Use a srcSet to display picture",
+            "type": "string",
+            "format": "image"
+          },
+          "media": {
+            "title": "Media for picture",
+            "description": "Media attribute for source",
+            "type": "string"
+          },
+          "type": {
+            "title": "Type for picture",
+            "description": "Type attribute for source",
+            "type": "string"
+          }
+        },
+        "additionalProperties": false
+      }
+    },
+    "pictureClassName": {
+      "title": "`class` attribute",
+      "description": "Set additional class(es) to the picture",
+      "type": "string"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,87 @@
+/// <reference types="react" />
+import { HTMLAttributes, FC, PropsWithChildren } from "react";
+/* 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.
+ */
+/**
+ * Picture source
+ */
+type Source = string;
+/**
+ * Use a srcSet to display picture
+ */
+type PictureSourceset = string;
+/**
+ * Alt text to display for picture
+ */
+type AltText = string;
+/**
+ * Width of the picture
+ */
+type Width = number;
+/**
+ * Height of the picture
+ */
+type Height = number;
+/**
+ * The aspect ratio of the image
+ */
+type AspectRatio = "unset" | "square" | "wide" | "landscape";
+/**
+ * Add additional css classes that should be applied to the image
+ */
+type AdditionalClasses = string;
+/**
+ * Define a style attribute for the picture
+ */
+type StyleAttribute = string;
+/**
+ * Load the picture lazily
+ */
+type Lazy = boolean;
+/**
+ * Use a srcSet to display picture
+ */
+type PictureSourceset1 = string;
+/**
+ * Media attribute for source
+ */
+type MediaForPicture = string;
+/**
+ * Type attribute for source
+ */
+type TypeForPicture = string;
+/**
+ * Additional sources. This will result in a `picture`-Element
+ */
+type Sources = {
+    srcSet?: PictureSourceset1;
+    media?: MediaForPicture;
+    type?: TypeForPicture;
+}[];
+/**
+ * Set additional class(es) to the picture
+ */
+type ClassAttribute = string;
+/**
+ * Base component to display a picture
+ */
+interface ImageProps {
+    src?: Source;
+    srcSet?: PictureSourceset;
+    alt?: AltText;
+    width?: Width;
+    height?: Height;
+    aspectRatio?: AspectRatio;
+    className?: AdditionalClasses;
+    style?: StyleAttribute;
+    lazy?: Lazy;
+    sources?: Sources;
+    pictureClassName?: ClassAttribute;
+}
+declare const Image: import("react").ForwardRefExoticComponent<ImageProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLImageElement>>;
+declare const ImageProvider: FC<PropsWithChildren>;
+export { Image, ImageProvider };

package/dist/components/image/index.js

@@ -0,0 +1,11 @@
+import "./image.css";
+import { jsx } from 'react/jsx-runtime';
+import classnames from 'classnames';
+import { forwardRef } from 'react';
+import { PictureContextDefault, PictureContext } from '@kickstartds/base/lib/picture';
+
+const Image = forwardRef(({ src, srcSet, alt, width, height, aspectRatio, className, id, itemProp, style, lazy, sources, pictureClassName, ...props }, ref) => (jsx(PictureContextDefault, { ...props, src: src, srcSet: srcSet, alt: alt, width: width, height: height, id: id, itemProp: itemProp, style: style, lazy: lazy, sources: sources, pictureClassName: pictureClassName, ref: ref, className: classnames("dsa-image", aspectRatio !== "unset" && `dsa-image--${aspectRatio}`, className) })));
+Image.displayName = "Image";
+const ImageProvider = (props) => (jsx(PictureContext.Provider, { ...props, value: Image }));
+
+export { Image, ImageProvider };

package/dist/components/image-story/image-story.css

@@ -1,21 +1,18 @@
 .dsa-image-story.c-storytelling {
   --dsa-image-story--gap: var(--ks-spacing-m);
-  --dsa-image-story--horizontal-padding: var(--dsa-content--horizontal-spacing);
+  --dsa-image-story--horizontal-padding: var(--dsa-content--spacing);
   --dsa-image-story--vertical-padding: var(--ks-spacing-xl);
-  --dsa-image-story__copy--font: var(--ks-font-copy-m);
-  --dsa-image-story__copy--color: var(--ks-text-color-copy);
+  --dsa-image-story__copy--font: var(--dsa-rich-text--font);
+  --dsa-image-story__copy--color: var(--dsa-rich-text--color);
 }
 
 .c-storytelling.dsa-image-story {
   gap: var(--c-storytelling--horizontal-padding);
-  --c-storytelling--horizontal-padding: var(
-    --dsa-image-story--horizontal-padding,
-    var(--dsa-content--horizontal-spacing)
-  );
+  --c-storytelling--horizontal-padding: var(--dsa-image-story--horizontal-padding, var(--dsa-content--spacing));
   --c-storytelling--vertical-padding: var(--dsa-image-story--vertical-padding, var(--ks-spacing-xl));
 }
 .c-storytelling.dsa-image-story .c-storytelling__box__content {
-  max-width: var(--dsa-content--width_narrow);
+  max-width: var(--l-section--content-width-narrow);
 }
 .c-storytelling.dsa-image-story.c-storytelling--three-to-two img {
   aspect-ratio: 3/2;
@@ -30,8 +27,8 @@
   aspect-ratio: 1/1;
 }
 .c-storytelling.dsa-image-story .c-rich-text {
-  font: var(--dsa-image-story__copy--font, var(--ks-font-copy-m));
-  color: var(--dsa-image-story__copy--color, var(--ks-text-color-copy));
+  font: var(--dsa-image-story__copy--font, var(--dsa-rich-text--font));
+  color: var(--dsa-image-story__copy--color, var(--dsa-rich-text--color));
 }
 .c-storytelling.dsa-image-story .c-storytelling__box,
 .c-storytelling.dsa-image-story .c-storytelling__image {

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

@@ -69,10 +69,10 @@
               "Book a meeting"
             ]
           },
-          "url": {
+          "target": {
             "type": "string",
-            "title": "URL",
-            "description": "The URL to link to when the button is clicked",
+            "title": "Target",
+            "description": "Target that should be linked, makes the button behave like a link semantically",
             "format": "uri"
           },
           "variant": {
@@ -88,7 +88,6 @@
           },
           "icon": {
             "type": "string",
-            "format": "icon",
             "title": "Icon",
             "description": "Choose an icon"
           },

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

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

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

@@ -4,5 +4,4 @@ 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,6 +32,7 @@ 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/image-text.css

@@ -1,13 +1,13 @@
 .dsa-image-text {
-  --dsa-image-text--font: var(--ks-font-copy-m);
-  --dsa-image-text--color: var(--ks-text-color-copy);
+  --dsa-image-text--font: var(--dsa-rich-text--font);
+  --dsa-image-text--color: var(--dsa-rich-text--color);
   --dsa-image-text_highlight--font: var(--ks-font-copy-l);
   --dsa-image-text_highlight--color: var(--ks-text-color-default);
 }
 
 .dsa-image-text .c-rich-text {
-  --c-rich-text--font: var(--dsa-image-text--font, var(--ks-font-copy-m));
-  --c-rich-text--color: var(--dsa-image-text--color, var(--ks-text-color-default));
+  --c-rich-text--font: var(--dsa-image-text--font, var(--dsa-rich-text--font), var(--ks-font-copy-m));
+  --c-rich-text--color: var(--dsa-image-text--color, var(--dsa-rich-text--color), var(--ks-text-color-default));
 }
 .dsa-image-text--highlight.dsa-image-text .c-rich-text {
   --c-rich-text--font: var(--dsa-image-text_highlight--font, var(--ks-font-copy-l));

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

@@ -5,5 +5,4 @@ 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

@@ -4,13 +4,9 @@
  * 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-72763967.js";
-import { FooterProps } from "../../FooterProps-a0a104ca.js";
+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
  */
@@ -27,10 +23,8 @@ 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 { IconSprite, SettingsProps };
-export * from "../../EventDetailProps-42a7eebe.js";
+export { SettingsProps };

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

@@ -4,5 +4,4 @@ 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,5 +4,4 @@ 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/index.js

@@ -7,7 +7,7 @@ import { Button } from '@kickstartds/base/lib/button';
 import { Link } from '@kickstartds/base/lib/link';
 import { Container } from '@kickstartds/core/lib/container';
 
-const LogosContextDefault = forwardRef(({ logo: logos = [], tagline, align = "center", cta, logosPerRow = "6", ...rest }, ref) => (jsx("div", { ...rest, ref: ref, children: jsx(Container, { name: "logos", children: jsxs("div", { className: classnames(`dsa-logos dsa-logos--align-${align}`), children: [tagline && jsx("div", { className: "dsa-logos__tagline", children: tagline }), jsx(LogoTiles, { className: classnames(`dsa-logo-tiles dsa-logo-tiles--cols-${logosPerRow}`), logos: logos }), cta?.toggle ? (jsxs("div", { className: "dsa-logos__cta", children: [jsxs("div", { className: "dsa-logos__cta__text", children: [cta?.text, cta?.style === "text" && (jsxs(Fragment, { children: [" ", jsx(Link, { className: "dsa-logos__cta__link", href: cta.link, children: cta.label })] }))] }), cta?.style === "button" && (jsx(Button, { href: cta.link, label: cta.label }))] })) : ("")] }) }) })));
+const LogosContextDefault = forwardRef(({ logo: logos = [], tagline, align, cta, logosPerRow = "6", ...rest }, ref) => (jsx("div", { ...rest, ref: ref, children: jsx(Container, { name: "logos", children: jsxs("div", { className: classnames(`dsa-logos dsa-logos--align-${align}`), children: [tagline && jsx("div", { className: "dsa-logos__tagline", children: tagline }), jsx(LogoTiles, { className: classnames(`dsa-logo-tiles dsa-logo-tiles--cols-${logosPerRow}`), logos: logos }), cta?.toggle ? (jsxs("div", { className: "dsa-logos__cta", children: [jsxs("div", { className: "dsa-logos__cta__text", children: [cta?.text, cta?.style === "text" ? (jsxs(Fragment, { children: [" ", jsx(Link, { className: "dsa-logos__cta__link", href: cta.link, children: cta.label })] })) : ("")] }), cta?.style === "button" ? (jsx(Button, { href: cta.link, label: cta.label })) : ("")] })) : ("")] }) }) })));
 const LogosContext = createContext(LogosContextDefault);
 const Logos = forwardRef((props, ref) => {
     const Component = useContext(LogosContext);

package/dist/components/logos/logos.css

@@ -8,8 +8,8 @@
   --dsa-logos__tagline--font: var(--dsa-headline_h3--font);
   --dsa-logos__tagline--font-weight: var(--dsa-headline--font-weight);
   --dsa-logos__tagline--color: var(--dsa-headline--color);
-  --dsa-logos__grid--gap-horizontal: var(--ks-spacing-xxl);
-  --dsa-logos__grid--gap-vertical: var(--ks-spacing-stack-m);
+  --dsa-logos__grid--gap-horizontal: var(--ks-spacing-inline-l);
+  --dsa-logos__grid--gap-vertical: var(--ks-spacing-stack-s);
   --dsa-logos__grid_mobile--cols: 2;
   --dsa-logos__grid_tablet--cols: 3;
 }
@@ -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(--dsa-content--width_narrow);
+  max-width: var(--l-section--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(--dsa-content--width_narrow);
+  max-width: var(--l-section--content-width-narrow);
 }
 .dsa-logos__cta__text, .dsa-logos__cta__link {
   font: var(--ks-font-copy-m);

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

@@ -28,12 +28,12 @@
             "title": "URL",
             "description": "The URL of the logo image",
             "examples": [
-              "img/logos/logoipsum-344.svg",
-              "img/logos/logoipsum-347.svg",
-              "img/logos/logoipsum-352.svg",
-              "img/logos/logoipsum-356.svg",
-              "img/logos/logoipsum-358.svg",
-              "img/logos/logoipsum-369.svg"
+              "img/logos/logoipsum-212.svg",
+              "img/logos/logoipsum-217.svg",
+              "img/logos/logoipsum-239.svg",
+              "img/logos/logoipsum-244.svg",
+              "img/logos/logoipsum-250.svg",
+              "img/logos/logoipsum-286.svg"
             ]
           },
           "alt": {

package/dist/components/logos/logos.schema.json

@@ -26,12 +26,12 @@
             "title": "URL",
             "description": "The URL of the logo image",
             "examples": [
-              "img/logos/logoipsum-344.svg",
-              "img/logos/logoipsum-347.svg",
-              "img/logos/logoipsum-352.svg",
-              "img/logos/logoipsum-356.svg",
-              "img/logos/logoipsum-358.svg",
-              "img/logos/logoipsum-369.svg"
+              "img/logos/logoipsum-212.svg",
+              "img/logos/logoipsum-217.svg",
+              "img/logos/logoipsum-239.svg",
+              "img/logos/logoipsum-244.svg",
+              "img/logos/logoipsum-250.svg",
+              "img/logos/logoipsum-286.svg"
             ]
           },
           "alt": {

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

@@ -4,5 +4,4 @@ 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/index.js

@@ -14,7 +14,7 @@ const MosaicContextDefault = forwardRef(({ layout, largeHeadlines, tile, ...rest
             textColor: tile?.textColor,
             ...(tile?.button?.toggle && {
                 link: {
-                    url: tile?.button?.url,
+                    target: tile?.button?.target,
                     label: tile?.button?.label,
                     icon: tile?.button?.icon,
                 },