npm - @kickstartds/ds-agency-premium - Versions diffs - 1.6.71--canary.45.1756.0 → 1.6.71--canary.45.1758.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

package/dist/components/presets.json CHANGED Viewed

@@ -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,269 @@
     },
     "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": "components-stats--count-up-with-icons",
     "group": "Components/Stats",

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

@@ -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>>;

package/dist/components/section/section.schema.dereffed.json CHANGED Viewed

@@ -1228,12 +1228,12 @@
                       "title": "URL",
                       "description": "The URL of the logo image",
                       "examples": [
-                        "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"
+                        "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"
                       ]
                     },
                     "alt": {
@@ -2201,12 +2201,12 @@
                                 "title": "URL",
                                 "description": "The URL of the logo image",
                                 "examples": [
-                                  "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"
+                                  "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"
                                 ]
                               },
                               "alt": {

package/dist/components/slider/slider.schema.dereffed.json CHANGED Viewed

@@ -727,12 +727,12 @@
                       "title": "URL",
                       "description": "The URL of the logo image",
                       "examples": [
-                        "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"
+                        "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"
                       ]
                     },
                     "alt": {

package/dist/components/split-even/index.d.ts CHANGED Viewed

@@ -1,42 +1 @@
-/// <reference types="react" />
-import { FC } 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.
- */
-/**
- * Sets the minimum width for each section in the split layout
- */
-type SectionMinimumWidth = "narrow" | "medium" | "wide";
-/**
- * Determines the layout of the sections on mobile devices
- */
-type MobileLayout = "stack" | "stackReverse";
-/**
- * Enable sticky positioning for the sections
- */
-type Sticky = boolean;
-/**
- * Aligns the content vertically within the sections
- */
-type VerticalAlignment = "top" | "center" | "bottom";
-/**
- * The space between the two sections
- */
-type Gutter = "large" | "default" | "small" | "none";
-interface SplitEvenProps {
-    sectionMinWidth?: SectionMinimumWidth;
-    mobileLayout?: MobileLayout;
-    sticky?: Sticky;
-    verticalAlign?: VerticalAlignment;
-    gutter?: Gutter;
-}
-interface ComponentProps {
-    firstSection?: React.ReactNode;
-    secondSection?: React.ReactNode;
-}
-type SplitEvenComponentProps = SplitEvenProps & ComponentProps;
-declare const SplitEven: FC<SplitEvenComponentProps>;
-export { ComponentProps, SplitEvenComponentProps, SplitEven };
+export {};

package/dist/components/split-even/index.js CHANGED Viewed

@@ -1,7 +1 @@
-import "./split-even.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classnames from 'classnames';
-const SplitEven = ({ mobileLayout = "stack", sectionMinWidth = "medium", verticalAlign = "top", gutter = "default", sticky = false, firstSection, secondSection, }) => (jsxs("div", { className: classnames("l-split-even", mobileLayout === "stackReverse" && "l-split-even--mobile_stack-reverse", gutter && `l-split-even--gutter-${gutter}`, sectionMinWidth && `l-split-even--width-${sectionMinWidth}`, verticalAlign && `l-split-even--align-${verticalAlign}`, `l-split-even--width-${secondSection}`, sticky && "l-split-even--sticky"), children: [jsx("div", { className: "l-split-even__section l-split-even__section--first", children: firstSection }), jsx("div", { className: "l-split-even__section l-split-even__section--second", children: secondSection })] }));
-export { SplitEven };