@kickstartds/ds-agency-premium 1.6.71--canary.55.2416.0 → 1.6.71

package/dist/{BlogAsideProps-c760fd2a.d.ts → BlogAsideProps-d9decb7c.d.ts}

@@ -3,15 +3,15 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { BlogAuthorProps } from "./BlogAuthorProps-fb0241df.js";
+import { BlogAuthorProps } from "./BlogAuthorProps-88a11566.js";
 /**
  * The icon name for the social link
  */
 type Icon = string;
 /**
- * The url for the social link
+ * The href for the social link
  */
-type URL = string;
+type Href = string;
 /**
  * The title for the social link
  */
@@ -21,7 +21,7 @@ type Title = string;
  */
 type SocialSharing = {
     icon: Icon;
-    url: URL;
+    href: Href;
     title: Title;
 }[];
 /**
@@ -45,4 +45,4 @@ interface BlogAsideProps {
     date: PublishedDate;
     className?: string;
 }
-export { Icon, URL, Title, SocialSharing, ReadingTime, PublishedDate, BlogAsideProps };
+export { Icon, Href, Title, SocialSharing, ReadingTime, PublishedDate, BlogAsideProps };

package/dist/{BlogAuthorProps-fb0241df.d.ts → BlogAuthorProps-88a11566.d.ts}

@@ -31,10 +31,6 @@ type AspectRatio = "wide" | "square" | "vertical";
  * Open link in new Tab
  */
 type OpenLinkInNewTab = boolean;
-/**
- * Aria label for the link
- */
-type AriaLabel = string;
 /**
  * The author of the blog post
  */
@@ -50,9 +46,8 @@ interface BlogAuthorProps {
     links?: {
         icon?: string;
         label?: string;
-        url?: string;
+        href?: string;
         newTab?: OpenLinkInNewTab;
-        ariaLabel?: AriaLabel;
     }[];
 }
-export { Name, Byline, ImageSource, AltText, FullWidth, AspectRatio, OpenLinkInNewTab, AriaLabel, BlogAuthorProps };
+export { Name, Byline, ImageSource, AltText, FullWidth, AspectRatio, OpenLinkInNewTab, BlogAuthorProps };

package/dist/BlogOverviewProps-9f207f1c.d.ts

@@ -3,9 +3,9 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-d60aba86.js";
+import { SectionProps } from "./SectionProps-1cfcf6e8.js";
 import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
-import { CtaProps } from "./CtaProps-789f8508.js";
+import { CtaProps } from "./CtaProps-93230a76.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Collection of sections (with their contents) to render as the blog overview intro

package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts}

@@ -4,9 +4,9 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
-import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
-import { SectionProps } from "./SectionProps-d60aba86.js";
-import { CtaProps } from "./CtaProps-789f8508.js";
+import { BlogAsideProps } from "./BlogAsideProps-d9decb7c.js";
+import { SectionProps } from "./SectionProps-1cfcf6e8.js";
+import { CtaProps } from "./CtaProps-93230a76.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Body text for the blog post, overwrites sections if present

package/dist/{ButtonProps-4e2b2ecf.d.ts → ButtonProps-03ff6d21.d.ts}

@@ -8,9 +8,9 @@
  */
 type Label = string;
 /**
- * The URL to link to when the button is clicked
+ * Target that should be linked, makes the button behave like a link semantically
  */
-type URL = string;
+type Target = string;
 /**
  * Variant of button to be used
  */
@@ -27,17 +27,15 @@ type Size = "small" | "medium" | "large";
  * Whether the button should be disabled
  */
 type Disabled = boolean;
-type ButtonType = "button" | "submit" | "reset";
 /**
  * Component used for user interaction
  */
 interface ButtonProps {
     label: Label;
-    url?: URL;
+    target?: Target;
     variant?: Variant;
     icon?: Icon;
     size?: Size;
     disabled?: Disabled;
-    type?: ButtonType;
 }
-export { Label, URL, Variant, Icon, Size, Disabled, ButtonType, ButtonProps };
+export { Label, Target, Variant, Icon, Size, Disabled, ButtonProps };

package/dist/{CtaProps-789f8508.d.ts → CtaProps-93230a76.d.ts}

@@ -23,6 +23,10 @@ type HighlightText = boolean;
  * Make the text and buttons color neutral
  */
 type ColorNeutral = boolean;
+/**
+ * Set the width of the content to the full width of the element
+ */
+type Width = boolean;
 /**
  * Text content to display inside the button
  */
@@ -32,9 +36,9 @@ type Label = string;
  */
 type Icon = string;
 /**
- * The URL to link to when the button is clicked
+ * Target that should be linked, makes the button behave like a link semantically
  */
-type URL = string;
+type Target = string;
 /**
  * Background color for the whole element
  */
@@ -55,10 +59,6 @@ type Padding = boolean;
  * Image description
  */
 type AltText = string;
-/**
- * Select a vertical alignment for the image
- */
-type VerticalAlignmentOfTheImage = "center" | "top" | "bottom";
 /**
  * Switch to displaying the image after the text on mobile
  */
@@ -72,32 +72,28 @@ type DesktopImageAfterText = boolean;
  */
 type TextAlignment = "left" | "center";
 /**
- * Select a vertical alignment for the content
+ * Select a vertical alignment for the image
  */
 type VerticalAlignmentOfTheContent = "center" | "top" | "bottom";
-/**
- * Toggle padding of the content
- */
-type Padding1 = boolean;
 interface CtaProps {
     headline?: ComponentHeadline;
     sub?: ComponentSubheadline;
     text?: ComponentText;
     highlightText?: HighlightText;
     colorNeutral?: ColorNeutral;
+    fullWidth?: Width;
     buttons?: Button[];
     backgroundColor?: BackgroundColor;
     backgroundImage?: BackgroundImage;
     image?: Image;
     order?: Order;
     textAlign?: TextAlignment;
-    align?: VerticalAlignmentOfTheContent;
-    padding?: Padding1;
+    contentAlign?: VerticalAlignmentOfTheContent;
 }
 interface Button {
     label?: Label;
     icon?: Icon;
-    url?: URL;
+    target?: Target;
 }
 /**
  * Image displayed alongside the text content
@@ -106,7 +102,6 @@ interface Image {
     src?: ImageSource;
     padding?: Padding;
     alt?: AltText;
-    align?: VerticalAlignmentOfTheImage;
 }
 /**
  * Choose what comes first on mobile and desktop: image or text
@@ -115,4 +110,4 @@ interface Order {
     mobileImageLast?: MobileImageAfterText;
     desktopImageLast?: DesktopImageAfterText;
 }
-export { ComponentHeadline, ComponentSubheadline, ComponentText, HighlightText, ColorNeutral, Label, Icon, URL, BackgroundColor, BackgroundImage, ImageSource, Padding, AltText, VerticalAlignmentOfTheImage, MobileImageAfterText, DesktopImageAfterText, TextAlignment, VerticalAlignmentOfTheContent, Padding1, CtaProps, Button, Image, Order };
+export { ComponentHeadline, ComponentSubheadline, ComponentText, HighlightText, ColorNeutral, Width, Label, Icon, Target, BackgroundColor, BackgroundImage, ImageSource, Padding, AltText, MobileImageAfterText, DesktopImageAfterText, TextAlignment, VerticalAlignmentOfTheContent, CtaProps, Button, Image, Order };

package/dist/{FeaturesProps-a9041d97.d.ts → FeaturesProps-e58616a5.d.ts}

@@ -31,17 +31,13 @@ type Title = string;
  */
 type Text = string;
 /**
- * The CTA url
+ * The CTA target
  */
-type CallToActionUrl = string;
+type CallToActionTarget = string;
 /**
  * The text label displayed on the link
  */
 type LinkLabel = string;
-/**
- * Icon for the link style of the cta
- */
-type Icon1 = string;
 /**
  * Component used to display a set of features
  */
@@ -59,9 +55,8 @@ interface Feature {
     title?: Title;
     text?: Text;
     cta?: {
-        url?: CallToActionUrl;
+        target?: CallToActionTarget;
         label?: LinkLabel;
-        icon?: Icon1;
     };
 }
-export { Layout, CTAToggle, Features, Icon, Title, Text, CallToActionUrl, LinkLabel, Icon1, FeaturesProps, Feature };
+export { Layout, CTAToggle, Features, Icon, Title, Text, CallToActionTarget, LinkLabel, FeaturesProps, Feature };

package/dist/{FooterProps-a0a104ca.d.ts → FooterProps-171a3067.d.ts}

@@ -36,11 +36,11 @@ interface FooterProps {
     byline?: Byline;
     inverted?: Inverted;
     navItems?: {
-        url: string;
+        href: string;
         label: string;
         active?: boolean;
         items?: {
-            url?: string;
+            href?: string;
             label?: string;
             active?: boolean;
         }[];

package/dist/{HeaderProps-72763967.d.ts → HeaderProps-e22382f1.d.ts}

@@ -49,11 +49,11 @@ interface HeaderProps {
     floating?: Floating;
     inverted?: Inverted;
     navItems?: {
-        url: string;
+        href: string;
         label: string;
         active?: boolean;
         items?: {
-            url?: string;
+            href?: string;
             label?: string;
             active?: boolean;
         }[];

package/dist/{HeroProps-fec6b267.d.ts → HeroProps-f704d270.d.ts}

@@ -28,10 +28,6 @@ type Height = "small" | "default" | "fullImage" | "fullScreen";
  * Toggle wether you want your text to be displayed within in box
  */
 type Textbox = boolean;
-/**
- * Invert the text color for better contrast against the background
- */
-type InvertText = boolean;
 /**
  * Text content to display inside the button
  */
@@ -41,13 +37,9 @@ type Label = string;
  */
 type Icon = string;
 /**
- * The URL to link to when the button is clicked
- */
-type URL = string;
-/**
- * Add a skip button to the hero module
+ * Target that should be linked, makes the button behave like a link semantically
  */
-type SkipButton = boolean;
+type Target = string;
 /**
  * Enable grid layer
  */
@@ -79,7 +71,7 @@ type AltText = string;
 /**
  * Choose the alginment of the module content
  */
-type ModuleAligment = "center" | "below" | "offset" | "left" | "right" | "corner" | "bottom";
+type ModuleAligment = "center" | "below" | "left" | "right" | "corner";
 interface HeroProps {
     headline?: Headline;
     sub?: ModuleSubheadline;
@@ -88,9 +80,7 @@ interface HeroProps {
     colorNeutral?: ColorNeutral;
     height?: Height;
     textbox?: Textbox;
-    invertText?: InvertText;
     buttons?: Button[];
-    skipButton?: SkipButton;
     overlay?: GridLayer;
     image?: BackgroundImage;
     textPosition?: ModuleAligment;
@@ -98,7 +88,7 @@ interface HeroProps {
 interface Button {
     label?: Label;
     icon?: Icon;
-    url?: URL;
+    target?: Target;
 }
 /**
  * Sources of background images for different screen sizes
@@ -111,4 +101,4 @@ interface BackgroundImage {
     indent?: ImageIndent;
     alt?: AltText;
 }
-export { Headline, ModuleSubheadline, ModuleText, HighlightText, ColorNeutral, Height, Textbox, InvertText, Label, Icon, URL, SkipButton, GridLayer, MobileImageSource, TabletImageSource, DesktopImageSource, OptionalSource, ImageIndent, AltText, ModuleAligment, HeroProps, Button, BackgroundImage };
+export { Headline, ModuleSubheadline, ModuleText, HighlightText, ColorNeutral, Height, Textbox, Label, Icon, Target, GridLayer, MobileImageSource, TabletImageSource, DesktopImageSource, OptionalSource, ImageIndent, AltText, ModuleAligment, HeroProps, Button, BackgroundImage };

package/dist/ImageStoryProps-e853e1e7.d.ts

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { ButtonProps } from "./ButtonProps-4e2b2ecf.js";
+import { ButtonProps } from "./ButtonProps-03ff6d21.js";
 /**
  * Headline for the module element
  */

package/dist/MosaicProps-d52c7151.d.ts

@@ -33,9 +33,9 @@ type ButtonToggle = boolean;
  */
 type Label = string;
 /**
- * The URL to link to when the button is clicked
+ * Target that should be linked, makes the button behave like a link semantically
  */
-type URL = string;
+type Target = string;
 /**
  * Choose an icon
  */
@@ -63,7 +63,7 @@ interface TileProps {
     button?: {
         toggle?: ButtonToggle;
         label?: Label;
-        url?: URL;
+        target?: Target;
         icon?: Icon;
     };
     backgroundColor?: BackgroundColor;
@@ -255,4 +255,4 @@ interface MosaicProps {
     largeHeadlines?: LargeHeadlines;
     tile?: Tiles;
 }
-export { Headline, ModuleSubheadline, ModuleText, Source, AltText, ButtonToggle, Label, URL, Icon, BackgroundColor, BackgroundImage, TextColor, TileProps, Layout, LargeHeadlines, Tiles, MosaicProps };
+export { Headline, ModuleSubheadline, ModuleText, Source, AltText, ButtonToggle, Label, Target, Icon, BackgroundColor, BackgroundImage, TextColor, TileProps, Layout, LargeHeadlines, Tiles, MosaicProps };

package/dist/PageProps-aa29c554.d.ts

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-d60aba86.js";
+import { SectionProps } from "./SectionProps-1cfcf6e8.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Collection of sections (with their contents) to render on the page

package/dist/{SectionProps-d60aba86.d.ts → SectionProps-1cfcf6e8.d.ts}

@@ -3,29 +3,24 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { BusinessCardProps } from "./BusinessCardProps-e10e7b62.js";
-import { ContentNavProps } from "./ContentNavProps-0e282a9f.js";
-import { CtaProps } from "./CtaProps-789f8508.js";
+import { CtaProps } from "./CtaProps-93230a76.js";
 import { DividerProps } from "./DividerProps-2ef31901.js";
-import { DownloadsProps } from "./DownloadsProps-a49a977e.js";
 import { FaqProps } from "./FaqProps-ad618cd5.js";
-import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
+import { FeaturesProps } from "./FeaturesProps-e58616a5.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
-import { HeroProps } from "./HeroProps-fec6b267.js";
+import { HeroProps } from "./HeroProps-f704d270.js";
 import { HtmlProps } from "./HtmlProps-9d091769.js";
 import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";
-import { SliderProps } from "./SliderProps-789f8508.js";
-import { SplitEvenProps } from "./SplitEvenProps-789f8508.js";
-import { SplitWeightedProps } from "./SplitWeightedProps-789f8508.js";
+import { SliderProps } from "./SliderProps-93230a76.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";
-import { TeaserCardProps } from "./TeaserCardProps-994cb119.js";
+import { TeaserCardProps } from "./TeaserCardProps-b9c28e78.js";
 import { TestimonialsProps } from "./TestimonialsProps-e344f597.js";
 import { TextProps } from "./TextProps-a23170d2.js";
-import { VideoCurtainProps } from "./VideoCurtainProps-a2c0cc7f.js";
-import { ButtonProps } from "./ButtonProps-4e2b2ecf.js";
+import { VideoCurtainProps } from "./VideoCurtainProps-6c625a69.js";
+import { ButtonProps } from "./ButtonProps-03ff6d21.js";
 /**
  * Width of section to use
  */
@@ -33,15 +28,11 @@ type Width = "full" | "max" | "wide" | "default" | "narrow";
 /**
  * Style of background
  */
-type Style = "default" | "framed" | "deko";
+type Style = "stagelights" | "horizontalGradient" | "verticalGradient" | "accentTransition" | "boldTransition" | "symmetricGlow" | "anchorGlow";
 /**
  * Color of background
  */
 type Style1 = "default" | "accent" | "bold";
-/**
- * Color of background
- */
-type Style2 = "none" | "to-default" | "to-accent" | "to-bold" | "to-inverted";
 /**
  * Background image for the whole section
  */
@@ -113,11 +104,11 @@ type Mode = "default" | "tile" | "list" | "slider";
 /**
  * Set min-width for the tiles in the grid
  */
-type TileWidth = "smallest" | "default" | "medium" | "large" | "largest" | "full";
+type TileWidth = "smallest" | "default" | "medium" | "large" | "largest";
 /**
  * Allowed components for content
  */
-type Content = (BusinessCardProps | ContentNavProps | CtaProps | DividerProps | DownloadsProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | HtmlProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | SplitEvenProps | SplitWeightedProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
+type Content = (CtaProps | DividerProps | FaqProps | FeaturesProps | GalleryProps | HeroProps | HtmlProps | ImageStoryProps | ImageTextProps | LogosProps | MosaicProps | SliderProps | StatsProps | TeaserCardProps | TestimonialsProps | TextProps | VideoCurtainProps)[];
 /**
  * Buttons of the Button Group
  */
@@ -129,7 +120,6 @@ interface SectionProps {
     width?: Width;
     style?: Style;
     backgroundColor?: Style1;
-    transition?: Style2;
     backgroundImage?: BackgroundImage;
     spotlight?: Spotlight;
     spaceBefore?: SpaceBefore;
@@ -155,4 +145,4 @@ interface SectionProps {
     components?: Content;
     buttons?: Buttons;
 }
-export { Width, Style, Style1, Style2, BackgroundImage, Spotlight, SpaceBefore, SpaceAfter, Inverted, HeaderSpacing, Headline, LargeHeadline, HeadlineWidth, HeadlineTextAlignment, HeadlineAlignment, Subheadline, SwitchHeadlineOrder, ContentWidth, ContentAlignment, Gutter, Mode, TileWidth, Content, Buttons, SectionProps };
+export { Width, Style, Style1, BackgroundImage, Spotlight, SpaceBefore, SpaceAfter, Inverted, HeaderSpacing, Headline, LargeHeadline, HeadlineWidth, HeadlineTextAlignment, HeadlineAlignment, Subheadline, SwitchHeadlineOrder, ContentWidth, ContentAlignment, Gutter, Mode, TileWidth, Content, Buttons, SectionProps };

package/dist/{SliderProps-789f8508.d.ts → SliderProps-93230a76.d.ts}

@@ -3,14 +3,14 @@
  * 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-789f8508.js";
-import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
+import { CtaProps } from "./CtaProps-93230a76.js";
+import { FeaturesProps } from "./FeaturesProps-e58616a5.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
-import { HeroProps } from "./HeroProps-fec6b267.js";
+import { HeroProps } from "./HeroProps-f704d270.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { StatsProps } from "./StatsProps-bf5ef578.js";
-import { TeaserCardProps } from "./TeaserCardProps-994cb119.js";
+import { TeaserCardProps } from "./TeaserCardProps-b9c28e78.js";
 import { TestimonialsProps } from "./TestimonialsProps-e344f597.js";
 import { TextProps } from "./TextProps-a23170d2.js";
 /**
@@ -50,7 +50,7 @@ interface SliderProps {
     equalHeight?: EqualizeSlidesHeights;
     gap?: Gap;
     arrows?: ShowArrows;
-    variant?: Type;
+    type?: Type;
     className?: Class;
     components?: Content;
 }

package/dist/{TeaserCardProps-994cb119.d.ts → TeaserCardProps-b9c28e78.d.ts}

@@ -16,9 +16,9 @@ type Text = string;
  */
 type Label = string;
 /**
- * Url that should be linked
+ * Target that should be linked
  */
-type Url = string;
+type Target = string;
 /**
  * Label of the button. Still A11Y relevant when the button is hidden.
  */
@@ -46,7 +46,7 @@ interface TeaserCardProps {
      * Layout for the Teaser Card
      */
     layout?: "stack" | "row";
-    url: Url;
+    target: Target;
     button?: {
         label: Label1;
         chevron?: Icon;
@@ -58,4 +58,4 @@ interface TeaserCardProps {
      */
     imageRatio?: "wide" | "landscape" | "square" | "unset";
 }
-export { Headline, Text, Label, Url, Label1, Icon, DisplayButton, Image, TeaserCardProps };
+export { Headline, Text, Label, Target, Label1, Icon, DisplayButton, Image, TeaserCardProps };

package/dist/{VideoCurtainProps-a2c0cc7f.d.ts → VideoCurtainProps-6c625a69.d.ts}

@@ -32,9 +32,9 @@ type Label = string;
  */
 type Icon = string;
 /**
- * The URL to link to when the button is clicked
+ * Target that should be linked, makes the button behave like a link semantically
  */
-type URL = string;
+type Target = string;
 /**
  * Enable grid layer
  */
@@ -54,7 +54,7 @@ type DesktopVideoSource = string;
 /**
  * Choose the alginment of the module content
  */
-type ModuleAligment = "center" | "bottom" | "left" | "right" | "corner";
+type ModuleAligment = "center" | "left" | "right";
 interface VideoCurtainProps {
     headline?: Headline;
     sub?: ModuleSubheadline;
@@ -69,7 +69,7 @@ interface VideoCurtainProps {
 interface Button {
     label?: Label;
     icon?: Icon;
-    url?: URL;
+    target?: Target;
 }
 /**
  * Sources of background videos for different screen sizes
@@ -79,4 +79,4 @@ interface BackgroundVideo {
     srcTablet?: TabletVideoSource;
     srcDesktop?: DesktopVideoSource;
 }
-export { Headline, ModuleSubheadline, ModuleText, HighlightText, ColorNeutral, Label, Icon, URL, GridLayer, MobileVideoSource, TabletVideoSource, DesktopVideoSource, ModuleAligment, VideoCurtainProps, Button, BackgroundVideo };
+export { Headline, ModuleSubheadline, ModuleText, HighlightText, ColorNeutral, Label, Icon, Target, GridLayer, MobileVideoSource, TabletVideoSource, DesktopVideoSource, ModuleAligment, VideoCurtainProps, Button, BackgroundVideo };

package/dist/components/blog-aside/blog-aside.css

@@ -4,13 +4,13 @@
 }
 
 .dsa-blog-aside {
-  --dsa-blog-aside--gap: var(--ks-spacing-stack-s);
+  --dsa-blog-aside--gap: var(--ks-spacing-stack-xs);
   --dsa-blog-aside__author__title--font: var(--ks-font-copy-m);
   --dsa-blog-aside__author__subtitle--font: var(--ks-font-copy-s);
   --dsa-blog-aside__author__image--flex-basis: 120px;
-  --dsa-blog-aside__author__body--flex-basis: 100px;
+  --dsa-blog-aside__author__body--flex-basis: 240px;
   --dsa-blog-aside__author__link--font: var(--ks-font-interface-s);
-  --dsa-blog-aside__author--gap-horizontal: var(--ks-spacing-inline-s);
+  --dsa-blog-aside__author--gap-horizontal: var(--ks-spacing-inline-xs);
   --dsa-blog-aside__author--gap-vertical: var(--ks-spacing-stack-xs);
   --dsa-blog-aside__meta__item--font: var(--ks-font-interface-s);
   --dsa-blog-aside__meta__item--color: var(--ks-text-color-interface);
@@ -19,7 +19,7 @@
   --dsa-blog-aside__sharebar__link--color: var(--dsa-link--color);
   --dsa-blog-aside__sharebar__link--color_hover: var(--dsa-link--color_hover);
 }
-@container blog-aside (min-width: 370px) {
+@container blog-aside (min-width: 500px) {
   .dsa-blog-aside {
     --dsa-blog-aside__author__image--flex-basis: 180px;
     --dsa-blog-aside__author__title--font: var(--ks-font-copy-l);

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

@@ -45,7 +45,7 @@
               "title": "Alt Text",
               "description": "Alt text of the image",
               "examples": [
-                "Picture of Isabella Doe"
+                "Picture of Jane Smith"
               ]
             },
             "fullWidth": {
@@ -80,7 +80,7 @@
               "label": {
                 "type": "string"
               },
-              "url": {
+              "href": {
                 "type": "string",
                 "format": "uri"
               },
@@ -89,14 +89,6 @@
                 "description": "Open link in new Tab",
                 "type": "boolean",
                 "default": false
-              },
-              "ariaLabel": {
-                "title": "Aria Label",
-                "description": "Aria label for the link",
-                "type": "string",
-                "examples": [
-                  "Link to Isabella Doe's social media profile"
-                ]
               }
             },
             "additionalProperties": false
@@ -106,15 +98,18 @@
               {
                 "icon": "phone",
                 "label": "0228 / 688 966 20",
-                "url": "tel:+4922868896620"
+                "href": "tel:+4922868896620"
               },
               {
                 "icon": "email",
                 "label": "mail@example.com",
-                "url": "mailto:mail@example.com"
+                "href": "mailto:mail@example.com"
               }
             ]
           ]
+        },
+        "type": {
+          "const": "blog-author"
         }
       },
       "additionalProperties": false,
@@ -139,9 +134,9 @@
               "facebook"
             ]
           },
-          "url": {
-            "title": "URL",
-            "description": "The url for the social link",
+          "href": {
+            "title": "Href",
+            "description": "The href for the social link",
             "type": "string",
             "format": "uri",
             "examples": [
@@ -160,7 +155,7 @@
         "additionalProperties": false,
         "required": [
           "icon",
-          "url",
+          "href",
           "title"
         ]
       }
@@ -184,6 +179,9 @@
     },
     "className": {
       "type": "string"
+    },
+    "type": {
+      "const": "blog-aside"
     }
   },
   "additionalProperties": false,