@kickstartds/ds-agency-premium 1.6.71--canary.45.1756.0 → 1.6.71--canary.45.1762.0

package/dist/components/presets.json

@@ -538,7 +538,7 @@
     "id": "page-archetypes-blog-post--blog-post",
     "group": "Page Archetypes/Blog Post",
     "name": "BlogPost",
-    "code": "<BlogPost\n  aside={{\n    author: {\n      byline: 'Senior Developer',\n      email: 'Jane.doe@example.com',\n      image: {\n        alt: 'Picture of Isabella Doe',\n        aspectRatio: 'square',\n        fullWidth: false,\n        src: 'img/people/author-emily.png'\n      },\n      links: [\n        {\n          ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n          icon: 'phone',\n          label: '0228 / 688 966 20',\n          newTab: false,\n          url: 'tel:+4922868896620'\n        },\n        {\n          ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n          icon: 'email',\n          label: 'mail@example.com',\n          newTab: false,\n          url: 'mailto:mail@example.com'\n        }\n      ],\n      name: 'Jane Doe',\n      twitter: 'Janedoe'\n    },\n    date: '12/30/2022',\n    readingTime: '5 min read',\n    socialSharing: [\n      {\n        icon: 'twitter',\n        title: 'Share on Twitter',\n        url: 'https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog'\n      },\n      {\n        icon: 'linkedin',\n        title: 'Share on LinkedIn',\n        url: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline'\n      }\n    ]\n  }}\n  contact={{\n    copy: 'Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences.',\n    image: {\n      alt: 'Picture of Jane Smith',\n      aspectRatio: 'vertical',\n      fullWidth: false,\n      src: 'img/people/contact-john.png'\n    },\n    links: [\n      {\n        icon: 'xing',\n        label: 'john.smith',\n        newTab: false,\n        url: 'mailto:mail@example.com'\n      },\n      {\n        icon: 'twitter',\n        label: '@john_smith',\n        newTab: false,\n        url: '#'\n      }\n    ],\n    subtitle: 'Sales Representative',\n    title: 'John Smith'\n  }}\n  content=\"\n## Introduction\nThe future of **Artificial Intelligence (AI)** is a topic that has been the subject of much debate. It's a field that's constantly evolving, with new advancements and breakthroughs happening all the time. [Learn more about AI](https://en.wikipedia.org/wiki/Artificial_intelligence)\n\n## The Current State of AI\nToday, AI is already a part of our daily lives. From *smart home devices* to *recommendation algorithms* on our favorite streaming services, AI is everywhere.\n\n## The Potential of AI\nThe potential of AI is immense. It has the ability to revolutionize industries, from healthcare to finance, and everything in between.\n\n## The Challenges of AI\nHowever, with great potential comes great challenges. Issues such as data privacy and the ethical implications of AI are just some of the hurdles that need to be overcome.\n\n## The Role of AI in Society\nAI has the potential to greatly impact society. It can lead to job creation in new industries, and can also help solve complex societal problems.\n\n## Conclusion\nThe future of AI is exciting and full of potential. However, it's important that we navigate this future with caution, ensuring that the benefits of AI are accessible to all, while minimizing its potential risks.\n          \"\n  cta={{\n    align: 'center',\n    buttons: [\n      {\n        icon: 'person',\n        label: 'Contact Us',\n        url: '#'\n      },\n      {\n        icon: 'date',\n        label: 'Learn More',\n        url: '#'\n      }\n    ],\n    colorNeutral: false,\n    headline: 'Ready to Transform Your Development Process?',\n    highlightText: false,\n    image: {\n      align: 'center',\n      padding: true\n    },\n    inverted: false,\n    order: {\n      desktopImageLast: true,\n      mobileImageLast: false\n    },\n    padding: false,\n    sub: 'Start your journey today.',\n    text: 'Get started with our design system today and experience a new level of efficiency and consistency in your projects.',\n    textAlign: 'center'\n  }}\n  head={{\n    alt: 'Image of a business team working',\n    date: '12/30/2022',\n    headline: 'The Future of AI: A Glimpse into the Unseen',\n    image: 'img/close-up-young-business-team-working.png',\n    tags: [\n      {\n        entry: 'Technology'\n      },\n      {\n        entry: 'AI'\n      }\n    ]\n  }}\n  section={[\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    }\n  ]}\n/>",
+    "code": "<BlogPost\n  aside={{\n    author: {\n      byline: 'Senior Developer',\n      email: 'Jane.doe@example.com',\n      image: {\n        alt: 'Picture of Jane Doe',\n        aspectRatio: 'square',\n        fullWidth: false,\n        src: 'img/people/contact-isabella.png'\n      },\n      links: [\n        {\n          ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n          icon: 'phone',\n          label: '0228 / 688 966 20',\n          newTab: false,\n          url: 'tel:+4922868896620'\n        },\n        {\n          ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n          icon: 'email',\n          label: 'mail@example.com',\n          newTab: false,\n          url: 'mailto:mail@example.com'\n        }\n      ],\n      name: 'Jane Doe',\n      twitter: 'Janedoe'\n    },\n    date: '12/30/2022',\n    readingTime: '5 min read',\n    socialSharing: [\n      {\n        icon: 'twitter',\n        title: 'Share on Twitter',\n        url: 'https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog'\n      },\n      {\n        icon: 'linkedin',\n        title: 'Share on LinkedIn',\n        url: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline'\n      }\n    ]\n  }}\n  contact={{\n    copy: 'Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences.',\n    image: {\n      alt: 'Picture of Jane Smith',\n      aspectRatio: 'vertical',\n      fullWidth: false,\n      src: 'img/people/contact-john.png'\n    },\n    links: [\n      {\n        icon: 'xing',\n        label: 'john.smith',\n        newTab: false,\n        url: 'mailto:mail@example.com'\n      },\n      {\n        icon: 'twitter',\n        label: '@john_smith',\n        newTab: false,\n        url: '#'\n      }\n    ],\n    subtitle: 'Sales Representative',\n    title: 'John Smith'\n  }}\n  content=\"\n## Introduction\nThe future of **Artificial Intelligence (AI)** is a topic that has been the subject of much debate. It's a field that's constantly evolving, with new advancements and breakthroughs happening all the time. [Learn more about AI](https://en.wikipedia.org/wiki/Artificial_intelligence)\n\n## The Current State of AI\nToday, AI is already a part of our daily lives. From *smart home devices* to *recommendation algorithms* on our favorite streaming services, AI is everywhere.\n\n## The Potential of AI\nThe potential of AI is immense. It has the ability to revolutionize industries, from healthcare to finance, and everything in between.\n\n## The Challenges of AI\nHowever, with great potential comes great challenges. Issues such as data privacy and the ethical implications of AI are just some of the hurdles that need to be overcome.\n\n## The Role of AI in Society\nAI has the potential to greatly impact society. It can lead to job creation in new industries, and can also help solve complex societal problems.\n\n## Conclusion\nThe future of AI is exciting and full of potential. However, it's important that we navigate this future with caution, ensuring that the benefits of AI are accessible to all, while minimizing its potential risks.\n          \"\n  cta={{\n    align: 'center',\n    buttons: [\n      {\n        icon: 'person',\n        label: 'Contact Us',\n        url: '#'\n      },\n      {\n        icon: 'date',\n        label: 'Learn More',\n        url: '#'\n      }\n    ],\n    colorNeutral: false,\n    headline: 'Ready to Transform Your Development Process?',\n    highlightText: false,\n    image: {\n      align: 'center',\n      padding: true\n    },\n    inverted: false,\n    order: {\n      desktopImageLast: true,\n      mobileImageLast: false\n    },\n    padding: false,\n    sub: 'Start your journey today.',\n    text: 'Get started with our design system today and experience a new level of efficiency and consistency in your projects.',\n    textAlign: 'center'\n  }}\n  head={{\n    alt: 'Image of a business team working',\n    date: '12/30/2022',\n    headline: 'The Future of AI: A Glimpse into the Unseen',\n    image: 'img/close-up-young-business-team-working.png',\n    tags: [\n      {\n        entry: 'Technology'\n      },\n      {\n        entry: 'AI'\n      }\n    ]\n  }}\n  section={[\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    }\n  ]}\n/>",
     "args": {
       "head": {
         "date": "12/30/2022",
@@ -559,8 +559,8 @@
           "name": "Jane Doe",
           "byline": "Senior Developer",
           "image": {
-            "src": "img/people/author-emily.png",
-            "alt": "Picture of Isabella Doe",
+            "src": "img/people/contact-isabella.png",
+            "alt": "Picture of Jane Doe",
             "fullWidth": false,
             "aspectRatio": "square"
           },
@@ -2733,32 +2733,32 @@
     "id": "components-logos--centered-with-button",
     "group": "Components/Logos",
     "name": "CenteredWithButton",
-    "code": "<Logos\n  align=\"center\"\n  cta={{\n    label: 'See all our partners',\n    link: '#',\n    style: 'button',\n    text: 'Explore the success stories of our valued customers and discover more about their journey.',\n    toggle: true\n  }}\n  logo={[\n    {\n      alt: 'Logo 1',\n      src: 'img/logos/logoipsum-212.svg'\n    },\n    {\n      alt: 'Logo 2',\n      src: 'img/logos/logoipsum-217.svg'\n    },\n    {\n      alt: 'Logo 3',\n      src: 'img/logos/logoipsum-239.svg'\n    },\n    {\n      alt: 'Logo 4',\n      src: 'img/logos/logoipsum-244.svg'\n    },\n    {\n      alt: 'Logo 5',\n      src: 'img/logos/logoipsum-250.svg'\n    },\n    {\n      alt: 'Logo 6',\n      src: 'img/logos/logoipsum-286.svg'\n    }\n  ]}\n  logosPerRow={5}\n  tagline=\"Your Success, Our Commitment\"\n/>",
+    "code": "<Logos\n  align=\"center\"\n  cta={{\n    label: 'See all our partners',\n    link: '#',\n    style: 'button',\n    text: 'Explore the success stories of our valued customers and discover more about their journey.',\n    toggle: true\n  }}\n  logo={[\n    {\n      alt: 'Logo 1',\n      src: 'img/logos/logoipsum-344.svg'\n    },\n    {\n      alt: 'Logo 2',\n      src: 'img/logos/logoipsum-347.svg'\n    },\n    {\n      alt: 'Logo 3',\n      src: 'img/logos/logoipsum-352.svg'\n    },\n    {\n      alt: 'Logo 4',\n      src: 'img/logos/logoipsum-356.svg'\n    },\n    {\n      alt: 'Logo 5',\n      src: 'img/logos/logoipsum-358.svg'\n    },\n    {\n      alt: 'Logo 6',\n      src: 'img/logos/logoipsum-369.svg'\n    }\n  ]}\n  logosPerRow={5}\n  tagline=\"Your Success, Our Commitment\"\n/>",
     "args": {
       "tagline": "Your Success, Our Commitment",
       "logo": [
         {
-          "src": "img/logos/logoipsum-212.svg",
+          "src": "img/logos/logoipsum-344.svg",
           "alt": "Logo 1"
         },
         {
-          "src": "img/logos/logoipsum-217.svg",
+          "src": "img/logos/logoipsum-347.svg",
           "alt": "Logo 2"
         },
         {
-          "src": "img/logos/logoipsum-239.svg",
+          "src": "img/logos/logoipsum-352.svg",
           "alt": "Logo 3"
         },
         {
-          "src": "img/logos/logoipsum-244.svg",
+          "src": "img/logos/logoipsum-356.svg",
           "alt": "Logo 4"
         },
         {
-          "src": "img/logos/logoipsum-250.svg",
+          "src": "img/logos/logoipsum-358.svg",
           "alt": "Logo 5"
         },
         {
-          "src": "img/logos/logoipsum-286.svg",
+          "src": "img/logos/logoipsum-369.svg",
           "alt": "Logo 6"
         }
       ],
@@ -2778,32 +2778,32 @@
     "id": "components-logos--left-aligned-with-text-link",
     "group": "Components/Logos",
     "name": "LeftAlignedWithTextLink",
-    "code": "<Logos\n  align=\"left\"\n  cta={{\n    label: 'See all our partners',\n    link: '#',\n    style: 'text',\n    text: 'Explore the success stories of our valued customers and discover more about their journey.',\n    toggle: true\n  }}\n  logo={[\n    {\n      alt: 'Logo 1',\n      src: 'img/logos/logoipsum-212.svg'\n    },\n    {\n      alt: 'Logo 2',\n      src: 'img/logos/logoipsum-217.svg'\n    },\n    {\n      alt: 'Logo 3',\n      src: 'img/logos/logoipsum-239.svg'\n    },\n    {\n      alt: 'Logo 4',\n      src: 'img/logos/logoipsum-244.svg'\n    },\n    {\n      alt: 'Logo 5',\n      src: 'img/logos/logoipsum-250.svg'\n    },\n    {\n      alt: 'Logo 6',\n      src: 'img/logos/logoipsum-286.svg'\n    }\n  ]}\n  logosPerRow={5}\n  tagline=\"Your Success, Our Commitment\"\n/>",
+    "code": "<Logos\n  align=\"left\"\n  cta={{\n    label: 'See all our partners',\n    link: '#',\n    style: 'text',\n    text: 'Explore the success stories of our valued customers and discover more about their journey.',\n    toggle: true\n  }}\n  logo={[\n    {\n      alt: 'Logo 1',\n      src: 'img/logos/logoipsum-344.svg'\n    },\n    {\n      alt: 'Logo 2',\n      src: 'img/logos/logoipsum-347.svg'\n    },\n    {\n      alt: 'Logo 3',\n      src: 'img/logos/logoipsum-352.svg'\n    },\n    {\n      alt: 'Logo 4',\n      src: 'img/logos/logoipsum-356.svg'\n    },\n    {\n      alt: 'Logo 5',\n      src: 'img/logos/logoipsum-358.svg'\n    },\n    {\n      alt: 'Logo 6',\n      src: 'img/logos/logoipsum-369.svg'\n    }\n  ]}\n  logosPerRow={5}\n  tagline=\"Your Success, Our Commitment\"\n/>",
     "args": {
       "tagline": "Your Success, Our Commitment",
       "logo": [
         {
-          "src": "img/logos/logoipsum-212.svg",
+          "src": "img/logos/logoipsum-344.svg",
           "alt": "Logo 1"
         },
         {
-          "src": "img/logos/logoipsum-217.svg",
+          "src": "img/logos/logoipsum-347.svg",
           "alt": "Logo 2"
         },
         {
-          "src": "img/logos/logoipsum-239.svg",
+          "src": "img/logos/logoipsum-352.svg",
           "alt": "Logo 3"
         },
         {
-          "src": "img/logos/logoipsum-244.svg",
+          "src": "img/logos/logoipsum-356.svg",
           "alt": "Logo 4"
         },
         {
-          "src": "img/logos/logoipsum-250.svg",
+          "src": "img/logos/logoipsum-358.svg",
           "alt": "Logo 5"
         },
         {
-          "src": "img/logos/logoipsum-286.svg",
+          "src": "img/logos/logoipsum-369.svg",
           "alt": "Logo 6"
         }
       ],
@@ -2823,56 +2823,56 @@
     "id": "components-logos--logo-wall",
     "group": "Components/Logos",
     "name": "LogoWall",
-    "code": "<Logos\n  align=\"center\"\n  cta={{\n    label: 'See all our partners',\n    link: '#',\n    style: 'text',\n    text: 'Explore the success stories of our valued customers and discover more about their journey.',\n    toggle: false\n  }}\n  logo={[\n    {\n      alt: 'Logo 1',\n      src: 'img/logos/logoipsum-212.svg'\n    },\n    {\n      alt: 'Logo 2',\n      src: 'img/logos/logoipsum-217.svg'\n    },\n    {\n      alt: 'Logo 3',\n      src: 'img/logos/logoipsum-239.svg'\n    },\n    {\n      alt: 'Logo 4',\n      src: 'img/logos/logoipsum-244.svg'\n    },\n    {\n      alt: 'Logo 5',\n      src: 'img/logos/logoipsum-250.svg'\n    },\n    {\n      alt: 'Logo 6',\n      src: 'img/logos/logoipsum-286.svg'\n    },\n    {\n      alt: 'Logo 4',\n      src: 'img/logos/logoipsum-244.svg'\n    },\n    {\n      alt: 'Logo 5',\n      src: 'img/logos/logoipsum-250.svg'\n    },\n    {\n      alt: 'Logo 6',\n      src: 'img/logos/logoipsum-286.svg'\n    },\n    {\n      alt: 'Logo 4',\n      src: 'img/logos/logoipsum-244.svg'\n    },\n    {\n      alt: 'Logo 5',\n      src: 'img/logos/logoipsum-250.svg'\n    },\n    {\n      alt: 'Logo 6',\n      src: 'img/logos/logoipsum-286.svg'\n    }\n  ]}\n  logosPerRow={4}\n  tagline=\"Your Success, Our Commitment\"\n/>",
+    "code": "<Logos\n  align=\"center\"\n  cta={{\n    label: 'See all our partners',\n    link: '#',\n    style: 'text',\n    text: 'Explore the success stories of our valued customers and discover more about their journey.',\n    toggle: false\n  }}\n  logo={[\n    {\n      alt: 'Logo 1',\n      src: 'img/logos/logoipsum-344.svg'\n    },\n    {\n      alt: 'Logo 2',\n      src: 'img/logos/logoipsum-347.svg'\n    },\n    {\n      alt: 'Logo 3',\n      src: 'img/logos/logoipsum-352.svg'\n    },\n    {\n      alt: 'Logo 4',\n      src: 'img/logos/logoipsum-356.svg'\n    },\n    {\n      alt: 'Logo 5',\n      src: 'img/logos/logoipsum-358.svg'\n    },\n    {\n      alt: 'Logo 6',\n      src: 'img/logos/logoipsum-369.svg'\n    },\n    {\n      alt: 'Logo 4',\n      src: 'img/logos/logoipsum-356.svg'\n    },\n    {\n      alt: 'Logo 5',\n      src: 'img/logos/logoipsum-358.svg'\n    },\n    {\n      alt: 'Logo 6',\n      src: 'img/logos/logoipsum-369.svg'\n    },\n    {\n      alt: 'Logo 4',\n      src: 'img/logos/logoipsum-356.svg'\n    },\n    {\n      alt: 'Logo 5',\n      src: 'img/logos/logoipsum-358.svg'\n    },\n    {\n      alt: 'Logo 6',\n      src: 'img/logos/logoipsum-369.svg'\n    }\n  ]}\n  logosPerRow={4}\n  tagline=\"Your Success, Our Commitment\"\n/>",
     "args": {
       "tagline": "Your Success, Our Commitment",
       "logo": [
         {
-          "src": "img/logos/logoipsum-212.svg",
+          "src": "img/logos/logoipsum-344.svg",
           "alt": "Logo 1"
         },
         {
-          "src": "img/logos/logoipsum-217.svg",
+          "src": "img/logos/logoipsum-347.svg",
           "alt": "Logo 2"
         },
         {
-          "src": "img/logos/logoipsum-239.svg",
+          "src": "img/logos/logoipsum-352.svg",
           "alt": "Logo 3"
         },
         {
-          "src": "img/logos/logoipsum-244.svg",
+          "src": "img/logos/logoipsum-356.svg",
           "alt": "Logo 4"
         },
         {
-          "src": "img/logos/logoipsum-250.svg",
+          "src": "img/logos/logoipsum-358.svg",
           "alt": "Logo 5"
         },
         {
-          "src": "img/logos/logoipsum-286.svg",
+          "src": "img/logos/logoipsum-369.svg",
           "alt": "Logo 6"
         },
         {
-          "src": "img/logos/logoipsum-244.svg",
+          "src": "img/logos/logoipsum-356.svg",
           "alt": "Logo 4"
         },
         {
-          "src": "img/logos/logoipsum-250.svg",
+          "src": "img/logos/logoipsum-358.svg",
           "alt": "Logo 5"
         },
         {
-          "src": "img/logos/logoipsum-286.svg",
+          "src": "img/logos/logoipsum-369.svg",
           "alt": "Logo 6"
         },
         {
-          "src": "img/logos/logoipsum-244.svg",
+          "src": "img/logos/logoipsum-356.svg",
           "alt": "Logo 4"
         },
         {
-          "src": "img/logos/logoipsum-250.svg",
+          "src": "img/logos/logoipsum-358.svg",
           "alt": "Logo 5"
         },
         {
-          "src": "img/logos/logoipsum-286.svg",
+          "src": "img/logos/logoipsum-369.svg",
           "alt": "Logo 6"
         }
       ],
@@ -2892,32 +2892,32 @@
     "id": "components-logos--logo-row",
     "group": "Components/Logos",
     "name": "LogoRow",
-    "code": "<Logos\n  align=\"center\"\n  cta={{\n    label: 'See all our partners',\n    link: '#',\n    style: 'text',\n    text: 'Explore the success stories of our valued customers and discover more about their journey.',\n    toggle: false\n  }}\n  logo={[\n    {\n      alt: 'Logo 1',\n      src: 'img/logos/logoipsum-212.svg'\n    },\n    {\n      alt: 'Logo 2',\n      src: 'img/logos/logoipsum-217.svg'\n    },\n    {\n      alt: 'Logo 3',\n      src: 'img/logos/logoipsum-239.svg'\n    },\n    {\n      alt: 'Logo 4',\n      src: 'img/logos/logoipsum-244.svg'\n    },\n    {\n      alt: 'Logo 5',\n      src: 'img/logos/logoipsum-250.svg'\n    },\n    {\n      alt: 'Logo 6',\n      src: 'img/logos/logoipsum-286.svg'\n    }\n  ]}\n  logosPerRow={6}\n  tagline=\"Your Success, Our Commitment\"\n/>",
+    "code": "<Logos\n  align=\"center\"\n  cta={{\n    label: 'See all our partners',\n    link: '#',\n    style: 'text',\n    text: 'Explore the success stories of our valued customers and discover more about their journey.',\n    toggle: false\n  }}\n  logo={[\n    {\n      alt: 'Logo 1',\n      src: 'img/logos/logoipsum-344.svg'\n    },\n    {\n      alt: 'Logo 2',\n      src: 'img/logos/logoipsum-347.svg'\n    },\n    {\n      alt: 'Logo 3',\n      src: 'img/logos/logoipsum-352.svg'\n    },\n    {\n      alt: 'Logo 4',\n      src: 'img/logos/logoipsum-356.svg'\n    },\n    {\n      alt: 'Logo 5',\n      src: 'img/logos/logoipsum-358.svg'\n    },\n    {\n      alt: 'Logo 6',\n      src: 'img/logos/logoipsum-369.svg'\n    }\n  ]}\n  logosPerRow={6}\n  tagline=\"Your Success, Our Commitment\"\n/>",
     "args": {
       "tagline": "Your Success, Our Commitment",
       "logo": [
         {
-          "src": "img/logos/logoipsum-212.svg",
+          "src": "img/logos/logoipsum-344.svg",
           "alt": "Logo 1"
         },
         {
-          "src": "img/logos/logoipsum-217.svg",
+          "src": "img/logos/logoipsum-347.svg",
           "alt": "Logo 2"
         },
         {
-          "src": "img/logos/logoipsum-239.svg",
+          "src": "img/logos/logoipsum-352.svg",
           "alt": "Logo 3"
         },
         {
-          "src": "img/logos/logoipsum-244.svg",
+          "src": "img/logos/logoipsum-356.svg",
           "alt": "Logo 4"
         },
         {
-          "src": "img/logos/logoipsum-250.svg",
+          "src": "img/logos/logoipsum-358.svg",
           "alt": "Logo 5"
         },
         {
-          "src": "img/logos/logoipsum-286.svg",
+          "src": "img/logos/logoipsum-369.svg",
           "alt": "Logo 6"
         }
       ],
@@ -3587,6 +3587,369 @@
     },
     "screenshot": "img/screenshots/layout-slider--with-autoplay.png"
   },
+  {
+    "id": "layout-split-even--text-with-logos",
+    "group": "Layout/Split Even",
+    "name": "TextWithLogos",
+    "code": "<SplitEven\n  contentGutter=\"small\"\n  contentMinWidth=\"medium\"\n  first={<><Headline level=\"h2\" spaceAfter=\"minimum\" text=\"Innovative solutions for Industry 4.0\"/><Text highlightText text=\"We help companies make their production processes more efficient and future-proof through digitalization, automation, and smart technologies. Rely on our many years of experience in the industrial sector.\n\nRevolutionize your manufacturing with our tailored solutions designed to meet the specific needs of your industry.\"/><Button label=\"Learn more\" variant=\"primary\"/></>}\n  gutter=\"large\"\n  mobileLayout=\"stack\"\n  second={<><Logos logo={[{alt: 'Logo 1', src: 'img/logos/logoipsum-344.svg'}, {alt: 'Logo 2', src: 'img/logos/logoipsum-347.svg'}, {alt: 'Logo 3', src: 'img/logos/logoipsum-352.svg'}, {alt: 'Logo 4', src: 'img/logos/logoipsum-356.svg'}, {alt: 'Logo 5', src: 'img/logos/logoipsum-358.svg'}, {alt: 'Logo 6', src: 'img/logos/logoipsum-369.svg'}]} logosPerRow={3}/></>}\n  sectionMinWidth=\"wide\"\n  verticalAlign=\"center\"\n/>",
+    "args": {
+      "contentMinWidth": "medium",
+      "contentGutter": "small",
+      "mobileLayout": "stack",
+      "verticalAlign": "center",
+      "gutter": "large",
+      "sectionMinWidth": "wide",
+      "first": {
+        "key": null,
+        "ref": null,
+        "props": {
+          "children": [
+            {
+              "type": {},
+              "key": null,
+              "ref": null,
+              "props": {
+                "text": "Innovative solutions for Industry 4.0",
+                "level": "h2",
+                "spaceAfter": "minimum"
+              },
+              "_owner": null
+            },
+            {
+              "type": {},
+              "key": null,
+              "ref": null,
+              "props": {
+                "highlightText": true,
+                "text": "We help companies make their production processes more efficient and future-proof through digitalization, automation, and smart technologies. Rely on our many years of experience in the industrial sector.\n\nRevolutionize your manufacturing with our tailored solutions designed to meet the specific needs of your industry."
+              },
+              "_owner": null
+            },
+            {
+              "type": {},
+              "key": null,
+              "ref": null,
+              "props": {
+                "label": "Learn more",
+                "variant": "primary"
+              },
+              "_owner": null
+            }
+          ]
+        },
+        "_owner": null
+      },
+      "second": {
+        "key": null,
+        "ref": null,
+        "props": {
+          "children": {
+            "type": {},
+            "key": null,
+            "ref": null,
+            "props": {
+              "logosPerRow": 3,
+              "logo": [
+                {
+                  "src": "img/logos/logoipsum-344.svg",
+                  "alt": "Logo 1"
+                },
+                {
+                  "src": "img/logos/logoipsum-347.svg",
+                  "alt": "Logo 2"
+                },
+                {
+                  "src": "img/logos/logoipsum-352.svg",
+                  "alt": "Logo 3"
+                },
+                {
+                  "src": "img/logos/logoipsum-356.svg",
+                  "alt": "Logo 4"
+                },
+                {
+                  "src": "img/logos/logoipsum-358.svg",
+                  "alt": "Logo 5"
+                },
+                {
+                  "src": "img/logos/logoipsum-369.svg",
+                  "alt": "Logo 6"
+                }
+              ]
+            },
+            "_owner": null
+          }
+        },
+        "_owner": null
+      }
+    },
+    "screenshot": "img/screenshots/layout-split-even--text-with-logos.png"
+  },
+  {
+    "id": "layout-split-even--faq-with-form",
+    "group": "Layout/Split Even",
+    "name": "FAQWithForm",
+    "code": "<SplitEven\n  contentGutter=\"small\"\n  contentMinWidth=\"medium\"\n  first={<><Headline level=\"h2\" text=\"Frequently Asked Questions\"/><Faq questions={[{answer: 'Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.', question: 'What are the benefits of investing in a Design System?'}, {answer: 'Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.', question: 'What is a Design System?'}, {answer: 'A Headless CMS plays a crucial role in a Design System by providing a content-first approach. It separates the back-end content from the front-end presentation layer, allowing for seamless integration with any design system. This results in a flexible, scalable, and platform-agnostic system that ensures content consistency across all platforms and devices.', question: 'What is the role of a Headless CMS in a Design System?'}]} /></>}\n  gutter=\"large\"\n  mobileLayout=\"stack\"\n  second={<><Headline level=\"h3\" spaceAfter=\"minimum\" style=\"h3\" text=\"Still have questions?\"/><No Display Name label=\"Ask us directly!\" /><Button label=\"Submit\" /></>}\n  sectionMinWidth=\"medium\"\n  verticalAlign=\"top\"\n/>",
+    "args": {
+      "contentMinWidth": "medium",
+      "contentGutter": "small",
+      "mobileLayout": "stack",
+      "verticalAlign": "top",
+      "gutter": "large",
+      "sectionMinWidth": "medium",
+      "first": {
+        "key": null,
+        "ref": null,
+        "props": {
+          "children": [
+            {
+              "type": {},
+              "key": null,
+              "ref": null,
+              "props": {
+                "text": "Frequently Asked Questions",
+                "level": "h2"
+              },
+              "_owner": null
+            },
+            {
+              "type": {},
+              "key": null,
+              "ref": null,
+              "props": {
+                "questions": [
+                  {
+                    "answer": "Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.",
+                    "question": "What are the benefits of investing in a Design System?"
+                  },
+                  {
+                    "answer": "Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.",
+                    "question": "What is a Design System?"
+                  },
+                  {
+                    "answer": "A Headless CMS plays a crucial role in a Design System by providing a content-first approach. It separates the back-end content from the front-end presentation layer, allowing for seamless integration with any design system. This results in a flexible, scalable, and platform-agnostic system that ensures content consistency across all platforms and devices.",
+                    "question": "What is the role of a Headless CMS in a Design System?"
+                  }
+                ]
+              },
+              "_owner": null
+            }
+          ]
+        },
+        "_owner": null
+      },
+      "second": {
+        "key": null,
+        "ref": null,
+        "props": {
+          "children": [
+            {
+              "type": {},
+              "key": null,
+              "ref": null,
+              "props": {
+                "text": "Still have questions?",
+                "level": "h3",
+                "style": "h3",
+                "spaceAfter": "minimum"
+              },
+              "_owner": null
+            },
+            {
+              "type": {},
+              "key": null,
+              "ref": null,
+              "props": {
+                "label": "Ask us directly!"
+              },
+              "_owner": null
+            },
+            {
+              "type": {},
+              "key": null,
+              "ref": null,
+              "props": {
+                "label": "Submit"
+              },
+              "_owner": null
+            }
+          ]
+        },
+        "_owner": null
+      }
+    },
+    "screenshot": "img/screenshots/layout-split-even--faq-with-form.png"
+  },
+  {
+    "id": "layout-split-even--text-with-teaser",
+    "group": "Layout/Split Even",
+    "name": "TextWithTeaser",
+    "code": "<SplitEven\n  contentGutter=\"small\"\n  contentMinWidth=\"medium\"\n  first={<><Headline level=\"h2\" spaceAfter=\"minimum\" text=\"Innovative solutions for Industry 4.0\"/><Text highlightText text=\"We help companies make their production processes more efficient and future-proof through digitalization, automation, and smart technologies. Rely on our many years of experience in the industrial sector.\n\nRevolutionize your manufacturing with our tailored solutions designed to meet the specific needs of your industry.\"/></>}\n  gutter=\"default\"\n  mobileLayout=\"stack\"\n  second={<><TeaserCard button={{chevron: false, hidden: false, label: 'Read more'}} headline=\"Transforming Industry\" image=\"img/logos/castaway.svg\" imageRatio=\"landscape\" layout=\"row\" text=\"with Smart Solutions\" url=\"#\"/></>}\n  sectionMinWidth=\"medium\"\n  verticalAlign=\"top\"\n/>",
+    "args": {
+      "contentMinWidth": "medium",
+      "contentGutter": "small",
+      "mobileLayout": "stack",
+      "verticalAlign": "top",
+      "gutter": "default",
+      "sectionMinWidth": "medium",
+      "first": {
+        "key": null,
+        "ref": null,
+        "props": {
+          "children": [
+            {
+              "type": {},
+              "key": null,
+              "ref": null,
+              "props": {
+                "text": "Innovative solutions for Industry 4.0",
+                "level": "h2",
+                "spaceAfter": "minimum"
+              },
+              "_owner": null
+            },
+            {
+              "type": {},
+              "key": null,
+              "ref": null,
+              "props": {
+                "highlightText": true,
+                "text": "We help companies make their production processes more efficient and future-proof through digitalization, automation, and smart technologies. Rely on our many years of experience in the industrial sector.\n\nRevolutionize your manufacturing with our tailored solutions designed to meet the specific needs of your industry."
+              },
+              "_owner": null
+            }
+          ]
+        },
+        "_owner": null
+      },
+      "second": {
+        "key": null,
+        "ref": null,
+        "props": {
+          "children": {
+            "type": {},
+            "key": null,
+            "ref": null,
+            "props": {
+              "layout": "row",
+              "button": {
+                "chevron": false,
+                "hidden": false,
+                "label": "Read more"
+              },
+              "imageRatio": "landscape",
+              "headline": "Transforming Industry",
+              "text": "with Smart Solutions",
+              "image": "img/logos/castaway.svg",
+              "url": "#"
+            },
+            "_owner": null
+          }
+        },
+        "_owner": null
+      }
+    },
+    "screenshot": "img/screenshots/layout-split-even--text-with-teaser.png"
+  },
+  {
+    "id": "layout-split-weighted--text-with-contact",
+    "group": "Layout/Split Weighted",
+    "name": "TextWithContact",
+    "code": "<SplitWeighted\n  context={<><Contact image={{aspectRatio: 'wide', fullWidth: true, src: 'img/people/contact-isabella.png'}} links={[{ariaLabel: 'Isabella Doe on Twitter', icon: 'twitter', label: '@Isabella_Doe', url: '#'}, {ariaLabel: 'Isabella Doe on LinkedIn', icon: 'linkedin', label: 'Isabella.Doe', url: 'mailto:mail@example.com'}]} subtitle=\"Creative Director\" title=\"Isabella Doe\"/></>}\n  contextLayout={{\n    gutter: 'default',\n    minWidth: 'narrow'\n  }}\n  horizontalGutter=\"large\"\n  main={<><Headline level=\"h2\" spaceAfter=\"minimum\" text=\"Innovative solutions for Industry 4.0\"/><Text highlightText text=\"We help companies make their production processes more efficient and future-proof through digitalization, automation, and smart technologies. Rely on our many years of experience in the industrial sector.\n\nRevolutionize your manufacturing with our tailored solutions designed to meet the specific needs of your industry.\"/><Button label=\"Learn more\" variant=\"primary\"/></>}\n  mainLayout={{\n    gutter: 'small',\n    minWidth: 'narrow'\n  }}\n  order={{\n    desktop: 'mainFirst',\n    mobile: 'mainFirst'\n  }}\n  verticalGutter=\"default\"\n/>",
+    "args": {
+      "verticalGutter": "default",
+      "horizontalGutter": "large",
+      "sticky": false,
+      "mainLayout": {
+        "gutter": "small",
+        "minWidth": "narrow"
+      },
+      "contextLayout": {
+        "gutter": "default",
+        "minWidth": "narrow"
+      },
+      "order": {
+        "mobile": "mainFirst",
+        "desktop": "mainFirst"
+      },
+      "main": {
+        "key": null,
+        "ref": null,
+        "props": {
+          "children": [
+            {
+              "type": {},
+              "key": null,
+              "ref": null,
+              "props": {
+                "text": "Innovative solutions for Industry 4.0",
+                "level": "h2",
+                "spaceAfter": "minimum"
+              },
+              "_owner": null
+            },
+            {
+              "type": {},
+              "key": null,
+              "ref": null,
+              "props": {
+                "highlightText": true,
+                "text": "We help companies make their production processes more efficient and future-proof through digitalization, automation, and smart technologies. Rely on our many years of experience in the industrial sector.\n\nRevolutionize your manufacturing with our tailored solutions designed to meet the specific needs of your industry."
+              },
+              "_owner": null
+            },
+            {
+              "type": {},
+              "key": null,
+              "ref": null,
+              "props": {
+                "label": "Learn more",
+                "variant": "primary"
+              },
+              "_owner": null
+            }
+          ]
+        },
+        "_owner": null
+      },
+      "context": {
+        "key": null,
+        "ref": null,
+        "props": {
+          "children": {
+            "type": {},
+            "key": null,
+            "ref": null,
+            "props": {
+              "title": "Isabella Doe",
+              "subtitle": "Creative Director",
+              "image": {
+                "src": "img/people/contact-isabella.png",
+                "aspectRatio": "wide",
+                "fullWidth": true
+              },
+              "links": [
+                {
+                  "icon": "twitter",
+                  "url": "#",
+                  "label": "@Isabella_Doe",
+                  "ariaLabel": "Isabella Doe on Twitter"
+                },
+                {
+                  "url": "mailto:mail@example.com",
+                  "icon": "linkedin",
+                  "label": "Isabella.Doe",
+                  "ariaLabel": "Isabella Doe on LinkedIn"
+                }
+              ]
+            },
+            "_owner": null
+          }
+        },
+        "_owner": null
+      }
+    },
+    "screenshot": "img/screenshots/layout-split-weighted--text-with-contact.png"
+  },
   {
     "id": "components-stats--count-up-with-icons",
     "group": "Components/Stats",

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { SectionProps } from "../../SectionProps-00ddee3a.js";
+import { SectionProps } from "../../SectionProps-7caa223c.js";
 declare const SectionContextDefault: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const SectionContext: import("react").Context<import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;