@kickstartds/ds-agency-premium 1.6.71--canary.1911.3513a75.0 → 1.6.71--canary.45.1914.0

package/dist/components/presets.json

@@ -2692,7 +2692,7 @@
     "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: 'Fahrzeugsuche',\n      url: '#'\n    },\n    {\n      items: [\n        {\n          label: 'Nissan',\n          url: '#'\n        },\n        {\n          active: true,\n          label: 'Kia',\n          url: '#'\n        },\n        {\n          label: 'Maserati',\n          url: '#'\n        },\n        {\n          label: 'Corvette',\n          url: '#'\n        }\n      ],\n      label: 'Marken',\n      url: '#'\n    },\n    {\n      label: 'Standorte',\n      url: '#'\n    },\n    {\n      label: 'Bonusprogramm',\n      url: '#'\n    },\n    {\n      label: 'News',\n      url: '#'\n    },\n    {\n      label: 'Jobs',\n      url: '#'\n    },\n    {\n      label: 'Kontakt',\n      url: '#'\n    }\n  ]}\n/>",
+    "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/>",
     "args": {
       "logo": {
         "src": "/logo.svg",
@@ -2708,51 +2708,43 @@
       "navItems": [
         {
           "url": "#",
-          "label": "Fahrzeugsuche",
+          "label": "Active Item",
           "active": true
         },
         {
           "url": "#",
-          "label": "Marken",
+          "label": "Navigation Item"
+        },
+        {
+          "url": "#",
+          "label": "Dropdown",
           "items": [
             {
               "url": "#",
-              "label": "Nissan"
+              "label": "Level 2 Item"
             },
             {
               "url": "#",
-              "label": "Kia",
+              "label": "Active Item",
               "active": true
             },
             {
               "url": "#",
-              "label": "Maserati"
+              "label": "An Item with a longer Label"
             },
             {
               "url": "#",
-              "label": "Corvette"
+              "label": "And One last one"
             }
           ]
         },
         {
           "url": "#",
-          "label": "Standorte"
-        },
-        {
-          "url": "#",
-          "label": "Bonusprogramm"
-        },
-        {
-          "url": "#",
-          "label": "News"
-        },
-        {
-          "url": "#",
-          "label": "Jobs"
+          "label": "One more Item"
         },
         {
           "url": "#",
-          "label": "Kontakt"
+          "label": "Last Item"
         }
       ]
     },
@@ -2933,7 +2925,7 @@
     "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: 'Fahrzeugsuche',\n      url: '#'\n    },\n    {\n      items: [\n        {\n          label: 'Nissan',\n          url: '#'\n        },\n        {\n          active: true,\n          label: 'Kia',\n          url: '#'\n        },\n        {\n          label: 'Maserati',\n          url: '#'\n        },\n        {\n          label: 'Corvette',\n          url: '#'\n        }\n      ],\n      label: 'Marken',\n      url: '#'\n    },\n    {\n      label: 'Standorte',\n      url: '#'\n    },\n    {\n      label: 'Bonusprogramm',\n      url: '#'\n    },\n    {\n      label: 'News',\n      url: '#'\n    },\n    {\n      label: 'Jobs',\n      url: '#'\n    },\n    {\n      label: 'Kontakt',\n      url: '#'\n    }\n  ]}\n/>",
+    "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/>",
     "args": {
       "logo": {
         "src": "/logo.svg",
@@ -2950,51 +2942,43 @@
       "navItems": [
         {
           "url": "#",
-          "label": "Fahrzeugsuche",
+          "label": "Active Item",
           "active": true
         },
         {
           "url": "#",
-          "label": "Marken",
+          "label": "Navigation Item"
+        },
+        {
+          "url": "#",
+          "label": "Dropdown",
           "items": [
             {
               "url": "#",
-              "label": "Nissan"
+              "label": "Level 2 Item"
             },
             {
               "url": "#",
-              "label": "Kia",
+              "label": "Active Item",
               "active": true
             },
             {
               "url": "#",
-              "label": "Maserati"
+              "label": "An Item with a longer Label"
             },
             {
               "url": "#",
-              "label": "Corvette"
+              "label": "And One last one"
             }
           ]
         },
         {
           "url": "#",
-          "label": "Standorte"
-        },
-        {
-          "url": "#",
-          "label": "Bonusprogramm"
-        },
-        {
-          "url": "#",
-          "label": "News"
-        },
-        {
-          "url": "#",
-          "label": "Jobs"
+          "label": "One more Item"
         },
         {
           "url": "#",
-          "label": "Kontakt"
+          "label": "Last Item"
         }
       ]
     },
@@ -3111,6 +3095,7 @@
       "colorNeutral": false,
       "height": "default",
       "textbox": false,
+      "invertText": false,
       "buttons": [
         {
           "label": "Explore further",
@@ -3118,6 +3103,7 @@
           "url": "#"
         }
       ],
+      "skipButton": false,
       "overlay": true,
       "image": {
         "srcMobile": "img/colleagues-work-office-using-computers-looking-aside.png",
@@ -3143,6 +3129,7 @@
       "colorNeutral": true,
       "height": "fullImage",
       "textbox": false,
+      "invertText": false,
       "buttons": [
         {
           "label": "Meet Us",
@@ -3155,6 +3142,7 @@
           "url": "#"
         }
       ],
+      "skipButton": false,
       "overlay": true,
       "image": {
         "srcMobile": "img/top-view-desk-with-keyboard-drawing-pad.png",
@@ -3173,12 +3161,13 @@
     "id": "components-hero--text-box-on-full-screen",
     "group": "Components/Hero",
     "name": "TextBoxOnFullScreen",
-    "code": "<Hero\n  buttons={[\n    {\n      icon: 'arrow-right',\n      label: 'Discover More',\n      url: '#'\n    },\n    {\n      icon: 'phone',\n      label: 'Reach Out',\n      url: '#'\n    }\n  ]}\n  headline=\"Discover Our Design System\"\n  height=\"fullScreen\"\n  image={{\n    indent: 'none',\n    src: 'https://picsum.photos/seed/kdsvisual/640/270',\n    srcDesktop: 'img/people-brainstorming-work-meeting.png',\n    srcMobile: 'img/people-brainstorming-work-meeting.png',\n    srcTablet: 'img/people-brainstorming-work-meeting.png'\n  }}\n  sub=\"Scalable. Efficient. Seamless.\"\n  text=\"Our design system provides a seamless and efficient framework for building scalable applications. Experience unprecedented speed and scalability with our Headless CMS powered websites, web apps & composable architecture.\"\n  textPosition=\"left\"\n  textbox\n/>",
+    "code": "<Hero\n  buttons={[\n    {\n      icon: 'arrow-right',\n      label: 'Discover More',\n      url: '#'\n    },\n    {\n      icon: 'phone',\n      label: 'Reach Out',\n      url: '#'\n    }\n  ]}\n  headline=\"Discover Our Design System\"\n  height=\"fullScreen\"\n  image={{\n    indent: 'none',\n    src: 'https://picsum.photos/seed/kdsvisual/640/270',\n    srcDesktop: 'img/people-brainstorming-work-meeting.png',\n    srcMobile: 'img/people-brainstorming-work-meeting.png',\n    srcTablet: 'img/people-brainstorming-work-meeting.png'\n  }}\n  skipButton\n  sub=\"Scalable. Efficient. Seamless.\"\n  text=\"Our design system provides a seamless and efficient framework for building scalable applications. Experience unprecedented speed and scalability with our Headless CMS powered websites, web apps & composable architecture.\"\n  textPosition=\"left\"\n  textbox\n/>",
     "args": {
       "highlightText": false,
       "colorNeutral": false,
       "height": "fullScreen",
       "textbox": true,
+      "invertText": false,
       "buttons": [
         {
           "label": "Discover More",
@@ -3191,6 +3180,7 @@
           "url": "#"
         }
       ],
+      "skipButton": true,
       "overlay": false,
       "image": {
         "srcMobile": "img/people-brainstorming-work-meeting.png",

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

@@ -759,6 +759,12 @@
                 "default": true,
                 "description": "Toggle wether you want your text to be displayed within in box"
               },
+              "invertText": {
+                "type": "boolean",
+                "title": "Invert Text",
+                "description": "Invert the text color for better contrast against the background",
+                "default": false
+              },
               "buttons": {
                 "type": "array",
                 "items": {
@@ -789,6 +795,12 @@
                   "additionalProperties": false
                 }
               },
+              "skipButton": {
+                "type": "boolean",
+                "title": "Skip Button",
+                "description": "Add a skip button to the hero module",
+                "default": false
+              },
               "overlay": {
                 "title": "Grid layer",
                 "description": "Enable grid layer",
@@ -1962,6 +1974,12 @@
                           "default": true,
                           "description": "Toggle wether you want your text to be displayed within in box"
                         },
+                        "invertText": {
+                          "type": "boolean",
+                          "title": "Invert Text",
+                          "description": "Invert the text color for better contrast against the background",
+                          "default": false
+                        },
                         "buttons": {
                           "type": "array",
                           "items": {
@@ -1992,6 +2010,12 @@
                             "additionalProperties": false
                           }
                         },
+                        "skipButton": {
+                          "type": "boolean",
+                          "title": "Skip Button",
+                          "description": "Add a skip button to the hero module",
+                          "default": false
+                        },
                         "overlay": {
                           "title": "Grid layer",
                           "description": "Enable grid layer",

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

@@ -132,51 +132,43 @@
           "examples": [
             [
               {
-                "label": "Fahrzeugsuche",
+                "label": "Active Item",
                 "url": "#",
                 "active": true
               },
               {
-                "label": "Marken",
+                "label": "Navigation Item",
+                "url": "#"
+              },
+              {
+                "label": "Dropdown",
                 "url": "#",
                 "items": [
                   {
-                    "label": "Nissan",
+                    "label": "Level 2 Item",
                     "url": "#"
                   },
                   {
-                    "label": "Kia",
+                    "label": "Active Item",
                     "active": true,
                     "url": "#"
                   },
                   {
-                    "label": "Maserati",
+                    "label": "An Item with a longer Label",
                     "url": "#"
                   },
                   {
-                    "label": "Corvette",
+                    "label": "And One last one",
                     "url": "#"
                   }
                 ]
               },
               {
-                "label": "Standorte",
-                "url": "#"
-              },
-              {
-                "label": "Bonusprogramm",
-                "url": "#"
-              },
-              {
-                "label": "News",
-                "url": "#"
-              },
-              {
-                "label": "Jobs",
+                "label": "One more Item",
                 "url": "#"
               },
               {
-                "label": "Kontakt",
+                "label": "Last Item",
                 "url": "#"
               }
             ]
@@ -297,51 +289,43 @@
           "examples": [
             [
               {
-                "label": "Fahrzeugsuche",
+                "label": "Active Item",
                 "url": "#",
                 "active": true
               },
               {
-                "label": "Marken",
+                "label": "Navigation Item",
+                "url": "#"
+              },
+              {
+                "label": "Dropdown",
                 "url": "#",
                 "items": [
                   {
-                    "label": "Nissan",
+                    "label": "Level 2 Item",
                     "url": "#"
                   },
                   {
-                    "label": "Kia",
+                    "label": "Active Item",
                     "active": true,
                     "url": "#"
                   },
                   {
-                    "label": "Maserati",
+                    "label": "An Item with a longer Label",
                     "url": "#"
                   },
                   {
-                    "label": "Corvette",
+                    "label": "And One last one",
                     "url": "#"
                   }
                 ]
               },
               {
-                "label": "Standorte",
-                "url": "#"
-              },
-              {
-                "label": "Bonusprogramm",
-                "url": "#"
-              },
-              {
-                "label": "News",
-                "url": "#"
-              },
-              {
-                "label": "Jobs",
+                "label": "One more Item",
                 "url": "#"
               },
               {
-                "label": "Kontakt",
+                "label": "Last Item",
                 "url": "#"
               }
             ]

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

@@ -497,6 +497,12 @@
                 "default": true,
                 "description": "Toggle wether you want your text to be displayed within in box"
               },
+              "invertText": {
+                "type": "boolean",
+                "title": "Invert Text",
+                "description": "Invert the text color for better contrast against the background",
+                "default": false
+              },
               "buttons": {
                 "type": "array",
                 "items": {
@@ -527,6 +533,12 @@
                   "additionalProperties": false
                 }
               },
+              "skipButton": {
+                "type": "boolean",
+                "title": "Skip Button",
+                "description": "Add a skip button to the hero module",
+                "default": false
+              },
               "overlay": {
                 "title": "Grid layer",
                 "description": "Enable grid layer",

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

@@ -11,7 +11,7 @@ import { DividerProps } from "../../DividerProps-2ef31901.js";
 import { FaqProps } from "../../FaqProps-ad618cd5.js";
 import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
 import { GalleryProps } from "../../GalleryProps-76e7de44.js";
-import { HeroProps } from "../../HeroProps-2ff0068e.js";
+import { HeroProps } from "../../HeroProps-fec6b267.js";
 import { HtmlProps } from "../../HtmlProps-9d091769.js";
 import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";

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

@@ -599,6 +599,12 @@
                 "default": true,
                 "description": "Toggle wether you want your text to be displayed within in box"
               },
+              "invertText": {
+                "type": "boolean",
+                "title": "Invert Text",
+                "description": "Invert the text color for better contrast against the background",
+                "default": false
+              },
               "buttons": {
                 "type": "array",
                 "items": {
@@ -629,6 +635,12 @@
                   "additionalProperties": false
                 }
               },
+              "skipButton": {
+                "type": "boolean",
+                "title": "Skip Button",
+                "description": "Add a skip button to the hero module",
+                "default": false
+              },
               "overlay": {
                 "title": "Grid layer",
                 "description": "Enable grid layer",
@@ -1802,6 +1814,12 @@
                           "default": true,
                           "description": "Toggle wether you want your text to be displayed within in box"
                         },
+                        "invertText": {
+                          "type": "boolean",
+                          "title": "Invert Text",
+                          "description": "Invert the text color for better contrast against the background",
+                          "default": false
+                        },
                         "buttons": {
                           "type": "array",
                           "items": {
@@ -1832,6 +1850,12 @@
                             "additionalProperties": false
                           }
                         },
+                        "skipButton": {
+                          "type": "boolean",
+                          "title": "Skip Button",
+                          "description": "Add a skip button to the hero module",
+                          "default": false
+                        },
                         "overlay": {
                           "title": "Grid layer",
                           "description": "Enable grid layer",
@@ -3490,6 +3514,12 @@
                 "default": true,
                 "description": "Toggle wether you want your text to be displayed within in box"
               },
+              "invertText": {
+                "type": "boolean",
+                "title": "Invert Text",
+                "description": "Invert the text color for better contrast against the background",
+                "default": false
+              },
               "buttons": {
                 "type": "array",
                 "items": {
@@ -3520,6 +3550,12 @@
                   "additionalProperties": false
                 }
               },
+              "skipButton": {
+                "type": "boolean",
+                "title": "Skip Button",
+                "description": "Add a skip button to the hero module",
+                "default": false
+              },
               "overlay": {
                 "title": "Grid layer",
                 "description": "Enable grid layer",
@@ -4693,6 +4729,12 @@
                           "default": true,
                           "description": "Toggle wether you want your text to be displayed within in box"
                         },
+                        "invertText": {
+                          "type": "boolean",
+                          "title": "Invert Text",
+                          "description": "Invert the text color for better contrast against the background",
+                          "default": false
+                        },
                         "buttons": {
                           "type": "array",
                           "items": {
@@ -4723,6 +4765,12 @@
                             "additionalProperties": false
                           }
                         },
+                        "skipButton": {
+                          "type": "boolean",
+                          "title": "Skip Button",
+                          "description": "Add a skip button to the hero module",
+                          "default": false
+                        },
                         "overlay": {
                           "title": "Grid layer",
                           "description": "Enable grid layer",

package/dist/components/split-weighted/index.d.ts

@@ -11,7 +11,7 @@ import { DividerProps } from "../../DividerProps-2ef31901.js";
 import { FaqProps } from "../../FaqProps-ad618cd5.js";
 import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
 import { GalleryProps } from "../../GalleryProps-76e7de44.js";
-import { HeroProps } from "../../HeroProps-2ff0068e.js";
+import { HeroProps } from "../../HeroProps-fec6b267.js";
 import { HtmlProps } from "../../HtmlProps-9d091769.js";
 import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";

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

@@ -659,6 +659,12 @@
                 "default": true,
                 "description": "Toggle wether you want your text to be displayed within in box"
               },
+              "invertText": {
+                "type": "boolean",
+                "title": "Invert Text",
+                "description": "Invert the text color for better contrast against the background",
+                "default": false
+              },
               "buttons": {
                 "type": "array",
                 "items": {
@@ -689,6 +695,12 @@
                   "additionalProperties": false
                 }
               },
+              "skipButton": {
+                "type": "boolean",
+                "title": "Skip Button",
+                "description": "Add a skip button to the hero module",
+                "default": false
+              },
               "overlay": {
                 "title": "Grid layer",
                 "description": "Enable grid layer",
@@ -1862,6 +1874,12 @@
                           "default": true,
                           "description": "Toggle wether you want your text to be displayed within in box"
                         },
+                        "invertText": {
+                          "type": "boolean",
+                          "title": "Invert Text",
+                          "description": "Invert the text color for better contrast against the background",
+                          "default": false
+                        },
                         "buttons": {
                           "type": "array",
                           "items": {
@@ -1892,6 +1910,12 @@
                             "additionalProperties": false
                           }
                         },
+                        "skipButton": {
+                          "type": "boolean",
+                          "title": "Skip Button",
+                          "description": "Add a skip button to the hero module",
+                          "default": false
+                        },
                         "overlay": {
                           "title": "Grid layer",
                           "description": "Enable grid layer",
@@ -3550,6 +3574,12 @@
                 "default": true,
                 "description": "Toggle wether you want your text to be displayed within in box"
               },
+              "invertText": {
+                "type": "boolean",
+                "title": "Invert Text",
+                "description": "Invert the text color for better contrast against the background",
+                "default": false
+              },
               "buttons": {
                 "type": "array",
                 "items": {
@@ -3580,6 +3610,12 @@
                   "additionalProperties": false
                 }
               },
+              "skipButton": {
+                "type": "boolean",
+                "title": "Skip Button",
+                "description": "Add a skip button to the hero module",
+                "default": false
+              },
               "overlay": {
                 "title": "Grid layer",
                 "description": "Enable grid layer",
@@ -4753,6 +4789,12 @@
                           "default": true,
                           "description": "Toggle wether you want your text to be displayed within in box"
                         },
+                        "invertText": {
+                          "type": "boolean",
+                          "title": "Invert Text",
+                          "description": "Invert the text color for better contrast against the background",
+                          "default": false
+                        },
                         "buttons": {
                           "type": "array",
                           "items": {
@@ -4783,6 +4825,12 @@
                             "additionalProperties": false
                           }
                         },
+                        "skipButton": {
+                          "type": "boolean",
+                          "title": "Skip Button",
+                          "description": "Add a skip button to the hero module",
+                          "default": false
+                        },
                         "overlay": {
                           "title": "Grid layer",
                           "description": "Enable grid layer",

package/dist/components/stats/stats.css

@@ -1,15 +1,15 @@
 .dsa-stats {
   --dsa-stats--gap-vertical: var(--ks-spacing-stack-l);
   --dsa-stats--gap-horizontal: var(--ks-spacing-inline-m);
-  --dsa-stats__item--gap: var(--ks-spacing-stack-s);
+  --dsa-stats__item--gap: var(--ks-spacing-stack-xs);
   --dsa-stats__icon--color: var(--ks-text-color-primary);
   --dsa-stats__icon--size: 5em;
-  --dsa-stats__number--font: var(--ks-font-display-xxl);
+  --dsa-stats__number--font: var(--ks-font-display-xl);
   --dsa-stats__number--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-stats__number--background: var(--dsa-typo--highlight);
   --dsa-stats__topic__font: var(--ks-font-interface-xl);
   --dsa-stats__topic--color: var(--ks-text-color-display);
-  --dsa-stats__copy--font: var(--ks-font-copy-m);
+  --dsa-stats__copy--font: var(--ks-font-copy-s);
   --dsa-stats__copy--color: var(--ks-text-color-default);
 }