@kickstartds/ds-agency-premium 1.6.71--canary.1933.9f7ec0c.0 → 1.6.71--canary.45.1941.0

package/dist/components/providers/index.js

@@ -13,6 +13,7 @@ import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
 import '../section/js/Section.client.js';
 import '@kickstartds/core/lib/component';
+import '../../helpers-12f48df8.js';
 import '@kickstartds/base/lib/teaser-box';
 import '@kickstartds/core/lib/container';
 import 'markdown-to-jsx';

package/dist/components/search/index.js

@@ -11,6 +11,7 @@ import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
 import '../section/js/Section.client.js';
 import '@kickstartds/core/lib/component';
+import '../../helpers-12f48df8.js';
 import 'markdown-to-jsx';
 import '@kickstartds/base/lib/link';
 import '@kickstartds/base/lib/icon';

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { SectionProps } from "../../SectionProps-2fd5dbde.js";
+import { SectionProps } from "../../SectionProps-00ddee3a.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/index.js

@@ -5,8 +5,34 @@ import classnames from 'classnames';
 import { useKsComponent } from '@kickstartds/core/lib/react';
 import { SectionContextDefault as SectionContextDefault$1, SectionContext as SectionContext$1 } from '@kickstartds/base/lib/section';
 import { identifier } from './js/Section.client.js';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import '@kickstartds/core/lib/component';
 
+const defaults = {
+    "width": "default",
+    "style": "default",
+    "backgroundColor": "default",
+    "transition": "to-default",
+    "spotlight": false,
+    "spaceBefore": "default",
+    "spaceAfter": "default",
+    "inverted": false,
+    "headerSpacing": false,
+    "headline": {
+        "large": false,
+        "width": "unset"
+    },
+    "content": {
+        "width": "unset",
+        "align": "center",
+        "gutter": "default",
+        "mode": "default",
+        "tileWidth": "default"
+    },
+    "components": [],
+    "buttons": []
+};
+
 const SectionContextDefault = forwardRef(({ headline, content, headerSpacing, width = "default", style = "default", spotlight = false, backgroundColor = "default", transition, backgroundImage, spaceBefore = "default", spaceAfter = "default", className, inverted, buttons = [], ...props }, ref) => {
     const { large: headlineLarge = false, ...headlineRest } = {
         align: "left",
@@ -40,7 +66,7 @@ const SectionContextDefault = forwardRef(({ headline, content, headerSpacing, wi
 const SectionContext = createContext(SectionContextDefault);
 const Section = forwardRef((props, ref) => {
     const Component = useContext(SectionContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Section.displayName = "Section";
 const SectionProvider = (props) => (jsx(SectionContext$1.Provider, { ...props, value: Section }));

package/dist/components/section/section.css

@@ -26,10 +26,18 @@
   --dsa-section--background-color_default: var(--ks-background-color-default);
   --dsa-section--background-color_accent: var(--ks-background-color-accent);
   --dsa-section--background-color_bold: var(--ks-background-color-bold);
-  --dsa-section--transition_to-default: linear-gradient(transparent, var(--ks-background-color-default));
-  --dsa-section--transition_to-accent: linear-gradient(transparent, var(--ks-background-color-accent));
-  --dsa-section--transition_to-bold: linear-gradient(transparent, var(--ks-background-color-bold));
-  --dsa-section--transition_to-inverted: linear-gradient(transparent, var(--ks-background-color-default-inverted));
+  --dsa-section--transition_to-default: linear-gradient(
+    178deg,
+    transparent 75%,
+    var(--ks-background-color-default) 75%
+  );
+  --dsa-section--transition_to-accent: linear-gradient(178deg, transparent 75%, var(--ks-background-color-accent) 75%);
+  --dsa-section--transition_to-bold: linear-gradient(178deg, transparent 75%, var(--ks-background-color-bold) 75%);
+  --dsa-section--transition_to-inverted: linear-gradient(
+    178deg,
+    transparent 75%,
+    var(--ks-background-color-default-inverted) 75%
+  );
   --dsa-section__slider-arrow--color: var(--ks-text-color-interface-interactive);
   --dsa-section__slider-arrow--size: 2rem;
   --dsa-section__slider-arrow--padding: 0.5em;
@@ -73,9 +81,8 @@
 }
 
 .l-section.dsa-section {
-  --dsa-section--background-color: var(--dsa-section--background-color_default, var(--ks-color-bg));
   background-image: var(--dsa-section--background-image);
-  background-color: var(--dsa-section--background-color, var(--ks-color-bg));
+  background-color: var(--dsa-section--background-color_default, var(--ks-color-bg));
   position: relative;
 }
 .l-section.dsa-section .l-section__container {
@@ -91,10 +98,10 @@
   --l-section--gutter: var(--dsa-section--gutter_none);
 }
 .l-section.dsa-section.l-section--accent {
-  --dsa-section--background-color: var(--dsa-section--background-color_accent, var(--ks-background-color-accent));
+  background-color: var(--dsa-section--background-color_accent, var(--ks-background-color-accent));
 }
 .l-section.dsa-section.l-section--bold {
-  --dsa-section--background-color: var(--dsa-section--background-color_bold, var(--ks-background-color-bold));
+  background-color: var(--dsa-section--background-color_bold, var(--ks-background-color-bold));
 }
 .l-section.dsa-section.dsa-section--transition-to-accent {
   background-image: var(--dsa-section--transition_to-accent, linear-gradient(180deg, transparent 0%, var(--ks-background-color-accent) 100%));
@@ -125,19 +132,11 @@
   background-color: var(--ks-background-color-default);
   border-radius: var(--ks-border-radius-surface);
 }
-.l-section.dsa-section-style--shine-left {
-  background-image: var(--dsa-section_shine--background-image, radial-gradient(70% 150% at 20% 50%, var(--ks-color-fg-inverted-alpha-8-base), var(--ks-color-bg-inverted-alpha-8)));
+.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--shine-left[ks-inverted=true] {
-  background-image: var(--dsa-section_shine--background-image, radial-gradient(70% 150% at 20% 50%, var(--ks-color-fg-inverted-alpha-8-base), var(--ks-color-bg)));
-}
-.l-section.dsa-section-style--shine-right {
-  background-image: var(--dsa-section_shine--background-image, radial-gradient(70% 150% at 80% 50%, var(--ks-color-fg-inverted-alpha-8-base), var(--ks-color-bg)));
-}
-.l-section.dsa-section-style--carbon {
-  background: radial-gradient(var(--ks-color-fg-inverted-alpha-7) 15%, transparent 16%) 0 0, radial-gradient(var(--ks-color-fg-inverted-alpha-7) 15%, transparent 16%) 8px 8px, radial-gradient(var(--ks-color-fg-alpha-9) 15%, transparent 20%) 0 1px, radial-gradient(var(--ks-color-fg-alpha-9) 15%, transparent 20%) 8px 9px !important;
-  background-color: var(--dsa-section--background-color) !important;
-  background-size: 16px 16px !important;
+.l-section.dsa-section-style--colorful {
+  background-image: var(--dsa-section_colorful--background-image, linear-gradient(145deg, var(--ks-color-primary) 30%, #4aaea9 100%));
 }
 .l-section.dsa-section--spotlight {
   position: relative;

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

@@ -25,9 +25,7 @@
       "enum": [
         "default",
         "framed",
-        "shine-left",
-        "shine-right",
-        "carbon"
+        "deko"
       ],
       "default": "default"
     },
@@ -53,7 +51,7 @@
         "to-bold",
         "to-inverted"
       ],
-      "default": "default"
+      "default": "to-default"
     },
     "backgroundImage": {
       "title": "Background image",
@@ -885,7 +883,7 @@
                   "bottom"
                 ],
                 "type": "string",
-                "default": "bottom"
+                "default": "below"
               },
               "type": {
                 "const": "hero"
@@ -1521,8 +1519,15 @@
                   true
                 ]
               },
-              "type": {
-                "const": "slider"
+              "variant": {
+                "title": "Type",
+                "description": "Type of the movement",
+                "type": "string",
+                "enum": [
+                  "slider",
+                  "carousel"
+                ],
+                "default": "carousel"
               },
               "className": {
                 "title": "Class",
@@ -2100,7 +2105,7 @@
                             "bottom"
                           ],
                           "type": "string",
-                          "default": "bottom"
+                          "default": "below"
                         },
                         "type": {
                           "const": "hero"
@@ -2333,12 +2338,13 @@
                               "number": {
                                 "title": "Number",
                                 "description": "The number of the stat",
-                                "type": "integer",
+                                "type": "string",
                                 "examples": [
-                                  1,
-                                  2,
-                                  3,
-                                  4
+                                  "1",
+                                  "5x",
+                                  "2",
+                                  "40%",
+                                  "bis zu 100"
                                 ]
                               },
                               "description": {
@@ -2658,15 +2664,8 @@
                   ]
                 }
               },
-              "typeProp": {
-                "title": "Type",
-                "description": "Type of the movement",
-                "type": "string",
-                "enum": [
-                  "slider",
-                  "carousel"
-                ],
-                "default": "carousel"
+              "type": {
+                "const": "slider"
               }
             },
             "additionalProperties": false
@@ -2692,12 +2691,13 @@
                     "number": {
                       "title": "Number",
                       "description": "The number of the stat",
-                      "type": "integer",
+                      "type": "string",
                       "examples": [
-                        1,
-                        2,
-                        3,
-                        4
+                        "1",
+                        "5x",
+                        "2",
+                        "40%",
+                        "bis zu 100"
                       ]
                     },
                     "description": {
@@ -3135,7 +3135,7 @@
                   "corner"
                 ],
                 "type": "string",
-                "default": "bottom"
+                "default": "center"
               },
               "type": {
                 "const": "video-curtain"

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

@@ -16,7 +16,7 @@
       "type": "string",
       "title": "Style",
       "description": "Style of background",
-      "enum": ["default", "framed", "shine-left", "shine-right", "carbon"],
+      "enum": ["default", "framed", "deko"],
       "default": "default"
     },
     "backgroundColor": {
@@ -31,7 +31,7 @@
       "title": "Style",
       "description": "Color of background",
       "enum": ["none", "to-default", "to-accent", "to-bold", "to-inverted"],
-      "default": "default"
+      "default": "to-default"
     },
     "backgroundImage": {
       "title": "Background image",

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

@@ -1,12 +1,9 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/cms/seo.schema.json",
+  "$id": "http://cms.mydesignsystem.com/seo.schema.json",
   "title": "Seo",
   "description": "Abstracts SEO settings for a website into JSON schema",
   "type": "object",
-  "required": [
-    "title"
-  ],
   "properties": {
     "title": {
       "type": "string",
@@ -39,5 +36,8 @@
       "const": "seo"
     }
   },
+  "required": [
+    "title"
+  ],
   "additionalProperties": false
 }

package/dist/components/seo/seo.schema.json

@@ -1,10 +1,9 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/cms/seo.schema.json",
+  "$id": "http://cms.mydesignsystem.com/seo.schema.json",
   "title": "Seo",
   "description": "Abstracts SEO settings for a website into JSON schema",
   "type": "object",
-  "required": ["title"],
   "properties": {
     "title": {
       "type": "string",
@@ -33,5 +32,7 @@
       "description": "Card preview image (larger, e.g. Twitter) used for the page",
       "format": "image"
     }
-  }
+  },
+  "required": ["title"],
+  "additionalProperties": false
 }

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

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/cms/settings.schema.json",
+  "$id": "http://cms.mydesignsystem.com/settings.schema.json",
   "title": "Settings",
   "description": "Abstracts global settings made for a website into JSON Schema",
   "type": "object",
@@ -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",
+                "label": "One more Item",
                 "url": "#"
               },
               {
-                "label": "News",
-                "url": "#"
-              },
-              {
-                "label": "Jobs",
-                "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",
+                "label": "One more Item",
                 "url": "#"
               },
               {
-                "label": "Bonusprogramm",
-                "url": "#"
-              },
-              {
-                "label": "News",
-                "url": "#"
-              },
-              {
-                "label": "Jobs",
-                "url": "#"
-              },
-              {
-                "label": "Kontakt",
+                "label": "Last Item",
                 "url": "#"
               }
             ]
@@ -358,13 +342,10 @@
     },
     "seo": {
       "$schema": "http://json-schema.org/draft-07/schema#",
-      "$id": "http://schema.mydesignsystem.com/cms/seo.schema.json",
+      "$id": "http://cms.mydesignsystem.com/seo.schema.json",
       "title": "Seo",
       "description": "Abstracts SEO settings for a website into JSON schema",
       "type": "object",
-      "required": [
-        "title"
-      ],
       "properties": {
         "title": {
           "type": "string",
@@ -397,6 +378,9 @@
           "const": "seo"
         }
       },
+      "required": [
+        "title"
+      ],
       "additionalProperties": false
     },
     "iconSprite": {

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

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/cms/settings.schema.json",
+  "$id": "http://cms.mydesignsystem.com/settings.schema.json",
   "title": "Settings",
   "description": "Abstracts global settings made for a website into JSON Schema",
   "type": "object",
@@ -13,7 +13,7 @@
       "$ref": "http://schema.mydesignsystem.com/footer.schema.json"
     },
     "seo": {
-      "$ref": "http://schema.mydesignsystem.com/cms/seo.schema.json"
+      "$ref": "http://cms.mydesignsystem.com/seo.schema.json"
     },
     "iconSprite": {
       "type": "string",

package/dist/components/slider/index.js

@@ -4,6 +4,6 @@ import { forwardRef } from 'react';
 import classnames from 'classnames';
 import { Slider as Slider$1 } from '@kickstartds/content/lib/slider';
 
-const Slider = forwardRef(({ gap, type, autoplay, arrows, teaseNeighbours, equalHeight, children, className, ...props }, ref) => (jsx(Slider$1, { className: classnames(`dsa-slider`, className), gap: gap, type: type, arrows: arrows, autoplay: autoplay, teaseNeighbours: teaseNeighbours, equalHeight: equalHeight, ...props, ref: ref, children: children })));
+const Slider = forwardRef(({ gap, variant, autoplay, arrows, teaseNeighbours, equalHeight, children, className, ...props }, ref) => (jsx(Slider$1, { className: classnames(`dsa-slider`, className), gap: gap, type: variant, arrows: arrows, autoplay: autoplay, teaseNeighbours: teaseNeighbours, equalHeight: equalHeight, ...props, ref: ref, children: children })));
 
 export { Slider };

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

@@ -42,8 +42,15 @@
         true
       ]
     },
-    "type": {
-      "const": "slider"
+    "variant": {
+      "title": "Type",
+      "description": "Type of the movement",
+      "type": "string",
+      "enum": [
+        "slider",
+        "carousel"
+      ],
+      "default": "carousel"
     },
     "className": {
       "title": "Class",
@@ -621,7 +628,7 @@
                   "bottom"
                 ],
                 "type": "string",
-                "default": "bottom"
+                "default": "below"
               },
               "type": {
                 "const": "hero"
@@ -854,12 +861,13 @@
                     "number": {
                       "title": "Number",
                       "description": "The number of the stat",
-                      "type": "integer",
+                      "type": "string",
                       "examples": [
-                        1,
-                        2,
-                        3,
-                        4
+                        "1",
+                        "5x",
+                        "2",
+                        "40%",
+                        "bis zu 100"
                       ]
                     },
                     "description": {
@@ -1179,15 +1187,8 @@
         ]
       }
     },
-    "typeProp": {
-      "title": "Type",
-      "description": "Type of the movement",
-      "type": "string",
-      "enum": [
-        "slider",
-        "carousel"
-      ],
-      "default": "carousel"
+    "type": {
+      "const": "slider"
     }
   },
   "additionalProperties": false

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

@@ -22,7 +22,7 @@
     "arrows": {
       "$ref": "http://schema.kickstartds.com/content/slider.schema.json#/properties/arrows"
     },
-    "type": {
+    "variant": {
       "$ref": "http://schema.kickstartds.com/content/slider.schema.json#/properties/type"
     },
     "className": {

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

@@ -13,7 +13,7 @@ import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
 import { GalleryProps } from "../../GalleryProps-76e7de44.js";
 import { HeroProps } from "../../HeroProps-fec6b267.js";
 import { HtmlProps } from "../../HtmlProps-9d091769.js";
-import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "../../ImageStoryProps-00ddee3a.js";
 import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
 import { LogosProps } from "../../LogosProps-f9474fe2.js";
 import { MosaicProps } from "../../MosaicProps-d52c7151.js";