@kickstartds/ds-agency-premium 1.6.71--canary.45.2280.0 → 1.6.71--canary.52.2326.0

package/dist/components/presets.json

@@ -2935,10 +2935,10 @@
     "id": "layout-footer--footer",
     "group": "Layout/Footer",
     "name": "Footer",
-    "code": "<Footer\n  byline=\"© 2024 systemics Inc. All rights reserved.\"\n  logo={{\n    alt: 'Systemics Logo',\n    height: 40,\n    homepageHref: '#',\n    inverted: false,\n    src: '/logo.svg',\n    srcInverted: '/logo-inverted.svg',\n    width: 176\n  }}\n  navItems={[\n    {\n      active: true,\n      label: 'Active Item',\n      url: '#'\n    },\n    {\n      label: 'Navigation Item',\n      url: '#'\n    },\n    {\n      items: [\n        {\n          label: 'Level 2 Item',\n          url: '#'\n        },\n        {\n          active: true,\n          label: 'Active Item',\n          url: '#'\n        },\n        {\n          label: 'An Item with a longer Label',\n          url: '#'\n        },\n        {\n          label: 'And One last one',\n          url: '#'\n        }\n      ],\n      label: 'Dropdown',\n      url: '#'\n    },\n    {\n      label: 'One more Item',\n      url: '#'\n    },\n    {\n      label: 'Last Item',\n      url: '#'\n    }\n  ]}\n/>",
+    "code": "<Footer\n  byline=\"Made with love in Cologne | © paxconnect 2025\"\n  logo={{\n    alt: 'Systemics Logo',\n    height: 40,\n    homepageHref: '#',\n    inverted: false,\n    src: '/logo.png',\n    srcInverted: '/logo-inverted.svg',\n    width: 176\n  }}\n  navItems={[\n    {\n      label: 'Produkte',\n      url: '#'\n    },\n    {\n      label: 'Schulung',\n      url: '#'\n    },\n    {\n      label: 'News',\n      url: '#'\n    },\n    {\n      label: 'Termine',\n      url: '#'\n    },\n    {\n      label: 'Kontakt',\n      url: '#'\n    },\n    {\n      label: 'Service',\n      url: '#'\n    },\n    {\n      label: 'Jobs',\n      url: '#'\n    }\n  ]}\n/>",
     "args": {
       "logo": {
-        "src": "/logo.svg",
+        "src": "/logo.png",
         "srcInverted": "/logo-inverted.svg",
         "inverted": false,
         "homepageHref": "#",
@@ -2946,48 +2946,36 @@
         "width": 176,
         "height": 40
       },
-      "byline": "© 2024 systemics Inc. All rights reserved.",
+      "byline": "Made with love in Cologne | © paxconnect 2025",
       "inverted": false,
       "navItems": [
         {
           "url": "#",
-          "label": "Active Item",
-          "active": true
+          "label": "Produkte"
         },
         {
           "url": "#",
-          "label": "Navigation Item"
+          "label": "Schulung"
         },
         {
           "url": "#",
-          "label": "Dropdown",
-          "items": [
-            {
-              "url": "#",
-              "label": "Level 2 Item"
-            },
-            {
-              "url": "#",
-              "label": "Active Item",
-              "active": true
-            },
-            {
-              "url": "#",
-              "label": "An Item with a longer Label"
-            },
-            {
-              "url": "#",
-              "label": "And One last one"
-            }
-          ]
+          "label": "News"
+        },
+        {
+          "url": "#",
+          "label": "Termine"
+        },
+        {
+          "url": "#",
+          "label": "Kontakt"
         },
         {
           "url": "#",
-          "label": "One more Item"
+          "label": "Service"
         },
         {
           "url": "#",
-          "label": "Last Item"
+          "label": "Jobs"
         }
       ]
     },
@@ -3168,10 +3156,10 @@
     "id": "layout-header--header",
     "group": "Layout/Header",
     "name": "Header",
-    "code": "<Header\n  logo={{\n    alt: 'Systemics Logo',\n    height: 40,\n    homepageHref: '#',\n    src: '/logo.svg',\n    srcInverted: '/logo-inverted.svg',\n    width: 176\n  }}\n  navItems={[\n    {\n      active: true,\n      label: 'Active Item',\n      url: '#'\n    },\n    {\n      label: 'Navigation Item',\n      url: '#'\n    },\n    {\n      items: [\n        {\n          label: 'Level 2 Item',\n          url: '#'\n        },\n        {\n          active: true,\n          label: 'Active Item',\n          url: '#'\n        },\n        {\n          label: 'An Item with a longer Label',\n          url: '#'\n        },\n        {\n          label: 'And One last one',\n          url: '#'\n        }\n      ],\n      label: 'Dropdown',\n      url: '#'\n    },\n    {\n      label: 'One more Item',\n      url: '#'\n    },\n    {\n      label: 'Last Item',\n      url: '#'\n    }\n  ]}\n/>",
+    "code": "<Header\n  logo={{\n    alt: 'Systemics Logo',\n    height: 40,\n    homepageHref: '#',\n    src: '/logo.png',\n    srcInverted: '/logo-inverted.svg',\n    width: 176\n  }}\n  navItems={[\n    {\n      label: 'Produkte',\n      url: '#'\n    },\n    {\n      label: 'Schulung',\n      url: '#'\n    },\n    {\n      label: 'News',\n      url: '#'\n    },\n    {\n      label: 'Termine',\n      url: '#'\n    },\n    {\n      label: 'Kontakt',\n      url: '#'\n    },\n    {\n      label: 'Service',\n      url: '#'\n    },\n    {\n      label: 'Jobs',\n      url: '#'\n    }\n  ]}\n/>",
     "args": {
       "logo": {
-        "src": "/logo.svg",
+        "src": "/logo.png",
         "srcInverted": "/logo-inverted.svg",
         "homepageHref": "#",
         "alt": "Systemics Logo",
@@ -3185,43 +3173,31 @@
       "navItems": [
         {
           "url": "#",
-          "label": "Active Item",
-          "active": true
+          "label": "Produkte"
         },
         {
           "url": "#",
-          "label": "Navigation Item"
+          "label": "Schulung"
         },
         {
           "url": "#",
-          "label": "Dropdown",
-          "items": [
-            {
-              "url": "#",
-              "label": "Level 2 Item"
-            },
-            {
-              "url": "#",
-              "label": "Active Item",
-              "active": true
-            },
-            {
-              "url": "#",
-              "label": "An Item with a longer Label"
-            },
-            {
-              "url": "#",
-              "label": "And One last one"
-            }
-          ]
+          "label": "News"
+        },
+        {
+          "url": "#",
+          "label": "Termine"
+        },
+        {
+          "url": "#",
+          "label": "Kontakt"
         },
         {
           "url": "#",
-          "label": "One more Item"
+          "label": "Service"
         },
         {
           "url": "#",
-          "label": "Last Item"
+          "label": "Jobs"
         }
       ]
     },

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { SectionProps } from "../../SectionProps-6a826e52.js";
+import { SectionProps } from "../../SectionProps-662e0a28.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.css

@@ -139,6 +139,9 @@
 .l-section.dsa-section-style--deko {
   background-image: var(--dsa-section_deko--background-image, radial-gradient(180deg, transparent 0%, var(--ks-background-color-default) 100%));
 }
+.l-section.dsa-section-style--gradient {
+  background-image: var(--dsa-section_gradient--background-image, linear-gradient(90deg, #ec6227 26%, #ed6b76 100%));
+}
 .l-section.dsa-section-style--colorful {
   background-image: var(--dsa-section_colorful--background-image, linear-gradient(145deg, var(--ks-color-primary) 30%, #4aaea9 100%));
 }

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

@@ -25,7 +25,8 @@
       "enum": [
         "default",
         "framed",
-        "deko"
+        "deko",
+        "gradient"
       ],
       "default": "default"
     },
@@ -2014,8 +2015,7 @@
                     "src"
                   ]
                 },
-                "minItems": 1,
-                "maxItems": 20
+                "minItems": 1
               },
               "align": {
                 "type": "string",
@@ -2972,8 +2972,7 @@
                               "src"
                             ]
                           },
-                          "minItems": 1,
-                          "maxItems": 20
+                          "minItems": 1
                         },
                         "align": {
                           "type": "string",
@@ -5247,8 +5246,7 @@
                               "src"
                             ]
                           },
-                          "minItems": 1,
-                          "maxItems": 20
+                          "minItems": 1
                         },
                         "align": {
                           "type": "string",
@@ -6205,8 +6203,7 @@
                                         "src"
                                       ]
                                     },
-                                    "minItems": 1,
-                                    "maxItems": 20
+                                    "minItems": 1
                                   },
                                   "align": {
                                     "type": "string",
@@ -8873,8 +8870,7 @@
                               "src"
                             ]
                           },
-                          "minItems": 1,
-                          "maxItems": 20
+                          "minItems": 1
                         },
                         "align": {
                           "type": "string",
@@ -9831,8 +9827,7 @@
                                         "src"
                                       ]
                                     },
-                                    "minItems": 1,
-                                    "maxItems": 20
+                                    "minItems": 1
                                   },
                                   "align": {
                                     "type": "string",
@@ -12633,8 +12628,7 @@
                               "src"
                             ]
                           },
-                          "minItems": 1,
-                          "maxItems": 20
+                          "minItems": 1
                         },
                         "align": {
                           "type": "string",
@@ -13591,8 +13585,7 @@
                                         "src"
                                       ]
                                     },
-                                    "minItems": 1,
-                                    "maxItems": 20
+                                    "minItems": 1
                                   },
                                   "align": {
                                     "type": "string",
@@ -16259,8 +16252,7 @@
                               "src"
                             ]
                           },
-                          "minItems": 1,
-                          "maxItems": 20
+                          "minItems": 1
                         },
                         "align": {
                           "type": "string",
@@ -17217,8 +17209,7 @@
                                         "src"
                                       ]
                                     },
-                                    "minItems": 1,
-                                    "maxItems": 20
+                                    "minItems": 1
                                   },
                                   "align": {
                                     "type": "string",

package/dist/components/section/section.schema.json

@@ -16,7 +16,7 @@
       "type": "string",
       "title": "Style",
       "description": "Style of background",
-      "enum": ["default", "framed", "deko"],
+      "enum": ["default", "framed", "deko", "gradient"],
       "default": "default"
     },
     "backgroundColor": {

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

@@ -132,43 +132,31 @@
           "examples": [
             [
               {
-                "label": "Active Item",
-                "url": "#",
-                "active": true
+                "label": "Produkte",
+                "url": "#"
               },
               {
-                "label": "Navigation Item",
+                "label": "Schulung",
                 "url": "#"
               },
               {
-                "label": "Dropdown",
-                "url": "#",
-                "items": [
-                  {
-                    "label": "Level 2 Item",
-                    "url": "#"
-                  },
-                  {
-                    "label": "Active Item",
-                    "active": true,
-                    "url": "#"
-                  },
-                  {
-                    "label": "An Item with a longer Label",
-                    "url": "#"
-                  },
-                  {
-                    "label": "And One last one",
-                    "url": "#"
-                  }
-                ]
+                "label": "News",
+                "url": "#"
+              },
+              {
+                "label": "Termine",
+                "url": "#"
+              },
+              {
+                "label": "Kontakt",
+                "url": "#"
               },
               {
-                "label": "One more Item",
+                "label": "Service",
                 "url": "#"
               },
               {
-                "label": "Last Item",
+                "label": "Jobs",
                 "url": "#"
               }
             ]
@@ -234,7 +222,7 @@
           "title": "Byline",
           "description": "Small line of text displayed below the logo",
           "type": "string",
-          "default": "© 2024 systemics Inc. All rights reserved."
+          "default": "Made with love in Cologne | © paxconnect 2025"
         },
         "inverted": {
           "type": "boolean",
@@ -286,43 +274,31 @@
           "examples": [
             [
               {
-                "label": "Active Item",
-                "url": "#",
-                "active": true
+                "label": "Produkte",
+                "url": "#"
               },
               {
-                "label": "Navigation Item",
+                "label": "Schulung",
                 "url": "#"
               },
               {
-                "label": "Dropdown",
-                "url": "#",
-                "items": [
-                  {
-                    "label": "Level 2 Item",
-                    "url": "#"
-                  },
-                  {
-                    "label": "Active Item",
-                    "active": true,
-                    "url": "#"
-                  },
-                  {
-                    "label": "An Item with a longer Label",
-                    "url": "#"
-                  },
-                  {
-                    "label": "And One last one",
-                    "url": "#"
-                  }
-                ]
+                "label": "News",
+                "url": "#"
+              },
+              {
+                "label": "Termine",
+                "url": "#"
+              },
+              {
+                "label": "Kontakt",
+                "url": "#"
               },
               {
-                "label": "One more Item",
+                "label": "Service",
                 "url": "#"
               },
               {
-                "label": "Last Item",
+                "label": "Jobs",
                 "url": "#"
               }
             ]

package/dist/components/slider/slider.css

@@ -2,8 +2,8 @@
   --dsa-slider__arrow--background-color: var(--ks-color-fg-alpha-4);
   --dsa-slider__arrow--background-color_hover: var(--ks-color-fg-alpha-3);
   --dsa-slider__arrow--background-color_active: var(--ks-color-fg-alpha-3);
-  --dsa-slider__bullet--border-color: var(--ks-border-color-default);
-  --dsa-slider__bullet--border-color_hover: var(--ks-border-color-default);
+  --dsa-slider__bullet--border-color: var(--ks-border-color-interface-interactive);
+  --dsa-slider__bullet--border-color_hover: var(--ks-border-color-interface-interactive);
   --dsa-slider__bullet--border-color_active: var(--ks-color-primary);
   --dsa-slider__bullet--size: 1rem;
   --dsa-slider__bullet--background-color: transparent;

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

@@ -743,8 +743,7 @@
                     "src"
                   ]
                 },
-                "minItems": 1,
-                "maxItems": 20
+                "minItems": 1
               },
               "align": {
                 "type": "string",

package/dist/components/split-even/split-even.schema.dereffed.json

@@ -1853,8 +1853,7 @@
                     "src"
                   ]
                 },
-                "minItems": 1,
-                "maxItems": 20
+                "minItems": 1
               },
               "align": {
                 "type": "string",
@@ -2811,8 +2810,7 @@
                               "src"
                             ]
                           },
-                          "minItems": 1,
-                          "maxItems": 20
+                          "minItems": 1
                         },
                         "align": {
                           "type": "string",
@@ -5479,8 +5477,7 @@
                     "src"
                   ]
                 },
-                "minItems": 1,
-                "maxItems": 20
+                "minItems": 1
               },
               "align": {
                 "type": "string",
@@ -6437,8 +6434,7 @@
                               "src"
                             ]
                           },
-                          "minItems": 1,
-                          "maxItems": 20
+                          "minItems": 1
                         },
                         "align": {
                           "type": "string",

package/dist/components/split-weighted/split-weighted.schema.dereffed.json

@@ -1913,8 +1913,7 @@
                     "src"
                   ]
                 },
-                "minItems": 1,
-                "maxItems": 20
+                "minItems": 1
               },
               "align": {
                 "type": "string",
@@ -2871,8 +2870,7 @@
                               "src"
                             ]
                           },
-                          "minItems": 1,
-                          "maxItems": 20
+                          "minItems": 1
                         },
                         "align": {
                           "type": "string",
@@ -5539,8 +5537,7 @@
                     "src"
                   ]
                 },
-                "minItems": 1,
-                "maxItems": 20
+                "minItems": 1
               },
               "align": {
                 "type": "string",
@@ -6497,8 +6494,7 @@
                               "src"
                             ]
                           },
-                          "minItems": 1,
-                          "maxItems": 20
+                          "minItems": 1
                         },
                         "align": {
                           "type": "string",

package/dist/components/teaser-card/teaser-card.css

@@ -8,12 +8,11 @@
   --dsa-teaser-card--border-width: var(--ks-border-width-default);
   --dsa-teaser-card--border-color: var(--ks-border-color-card-interactive);
   --dsa-teaser-card--border-color_hover: var(--ks-border-color-card-interactive-hover);
-  --dsa-teaser-card--border-radius: var(--ks-border-radius-card) var(--ks-border-radius-card)
-    var(--ks-border-radius-card) calc(var(--ks-border-radius-card) * 3);
+  --dsa-teaser-card--border-radius: var(--ks-border-radius-card);
   --dsa-teaser-card--shadow: none;
   --dsa-teaser-card--shadow_hover: none;
   --dsa-teaser-card__image--transform_hover: scale(1.05);
-  --dsa-teaser-card__image--transition: transform var(--ks-transition-hover);
+  --dsa-teaser-card__image--transition: transform var(--ks-transition-fade);
   --dsa-teaser-card__body--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
   --dsa-teaser-card__topic--color: var(--dsa-topic--color);
   --dsa-teaser-card__label--font: var(--ks-font-interface-s);
@@ -85,6 +84,7 @@
   position: relative;
   transition-property: border-color, background-color, box-shadow;
   box-shadow: var(--dsa-teaser-card--shadow, var(--ks-box-shadow-card));
+  cursor: pointer;
 }
 .dsa-teaser-card .c-teaser > :first-child:not(.c-teaser__body) {
   overflow: hidden;

package/dist/components/testimonials/testimonials.css

@@ -3,7 +3,7 @@
   --dsa-testimonials--padding-left: calc(var(--dsa-testimonials__icon--font-size) / 6);
   --dsa-testimonials--padding-top: 0.5em;
   --dsa-testimonials--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
-  --dsa-testimonials__quote--font: var(--ks-font-copy-l);
+  --dsa-testimonials__quote--font: var(--ks-font-copy-xl);
   --dsa-testimonials__quote--font-weight: var(--ks-font-weight-regular);
   --dsa-testimonials__quote--margin-bottom: var(--ks-spacing-stack-s);
   --dsa-testimonials__source--font: var(--ks-font-copy-m);
@@ -16,11 +16,12 @@
   --dsa-testimonials__icon--color: var(--ks-color-fg-alpha-8);
   --dsa-testimonials__icon--content: "”";
   --dsa-testimonials__icon--left: 0.15em;
-  --dsa-testimonials__icon--transform: translate(-50%, -10%);
+  --dsa-testimonials__icon--transform: translate(-50%, -5%);
   --dsa-testimonials__byline--font: var(--ks-font-copy-m);
   --dsa-testimonials__byline--font-weight: var(--ks-font-weight-regular);
   --dsa-testimonials__byline--color: var(--ks-text-color-copy);
-  --dsa-testimonials__image--max-width: 40%;
+  --dsa-testimonials__image--border-radius: var(--ks-border-radius-surface);
+  --dsa-testimonials__image--max-width: 30%;
   --dsa-testimonials__list--gap: var(--ks-spacing-stack-xl);
 }
 @container quote (min-width: 640px) {
@@ -101,6 +102,10 @@
 .dsa-testimonials .c-quote .c-quote__content::before {
   line-height: 0.7;
 }
+.dsa-testimonials .c-quote .c-quote__image {
+  border-radius: var(--dsa-testimonials__image--border-radius, 50%);
+  overflow: hidden;
+}
 .dsa-testimonials .c-slider .c-slider-nav {
   margin-top: var(--ks-spacing-stack-s);
 }