@kickstartds/ds-agency-premium 1.6.71--canary.1948.6cfa581.0 → 1.6.71--canary.45.1950.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/search/search.schema.dereffed.json

@@ -66,9 +66,6 @@
             },
             "additionalProperties": false
           }
-        },
-        "type": {
-          "const": "search-filter"
         }
       },
       "additionalProperties": false
@@ -118,16 +115,10 @@
             "examples": [
               "Search result: Conference 2023"
             ]
-          },
-          "type": {
-            "const": "search-result"
           }
         },
         "additionalProperties": false
       }
-    },
-    "type": {
-      "const": "search"
     }
   },
   "additionalProperties": false

package/dist/components/search-bar/search-bar.schema.dereffed.json

@@ -39,9 +39,6 @@
       "examples": [
         "AI Conference"
       ]
-    },
-    "type": {
-      "const": "search-bar"
     }
   },
   "additionalProperties": false

package/dist/components/search-filter/search-filter.schema.dereffed.json

@@ -60,9 +60,6 @@
         },
         "additionalProperties": false
       }
-    },
-    "type": {
-      "const": "search-filter"
     }
   },
   "additionalProperties": false

package/dist/components/search-result/search-result.schema.dereffed.json

@@ -41,9 +41,6 @@
       "examples": [
         "Search result: Conference 2023"
       ]
-    },
-    "type": {
-      "const": "search-result"
     }
   },
   "additionalProperties": false

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",
@@ -16,9 +42,7 @@ const SectionContextDefault = forwardRef(({ headline, content, headerSpacing, wi
         spotlight,
         content?.mode === "slider",
     ]);
-    return (jsx(SectionContextDefault$1, { ...props, ...componentProps, className: classnames("dsa-section", style &&
-            style !== "default" &&
-            `dsa-section--style dsa-section--style-${style}`, transition &&
+    return (jsx(SectionContextDefault$1, { ...props, ...componentProps, className: classnames("dsa-section", style && style !== "default" && `dsa-section-style--${style}`, transition &&
             transition !== "none" &&
             `dsa-section--transition-${transition}`, headerSpacing && "dsa-section--header-spacing", spotlight && "dsa-section--spotlight", className), background: backgroundColor === "default"
             ? "default"
@@ -42,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,20 +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_shine-left--background-image: radial-gradient(
-    80% 150% at 20% 50%,
-    var(--ks-color-fg-inverted),
-    var(--ks-color-bg-inverted-alpha-8)
+  --dsa-section--transition_to-default: linear-gradient(
+    178deg,
+    transparent 75%,
+    var(--ks-background-color-default) 75%
   );
-  --dsa-section_shine-right--background-image: radial-gradient(
-    80% 150% at 80% 50%,
-    var(--ks-color-fg-inverted),
-    var(--ks-color-bg-inverted-alpha-8)
+  --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--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__slider-arrow--color: var(--ks-text-color-interface-interactive);
   --dsa-section__slider-arrow--size: 2rem;
   --dsa-section__slider-arrow--padding: 0.5em;
@@ -51,18 +49,6 @@
   --dsa-section__spotlight--blur: 0%;
   --dsa-section__spotlight--color: var(--ks-color-primary-alpha-5);
 }
-.dsa-section[ks-inverted=true] {
-  --dsa-section_shine-left--background-image: radial-gradient(
-    70% 150% at 20% 50%,
-    var(--ks-color-fg-inverted-alpha-8-base),
-    var(--ks-color-bg)
-  );
-  --dsa-section_shine-right--background-image: radial-gradient(
-    70% 150% at 80% 50%,
-    var(--ks-color-fg-inverted-alpha-87-base),
-    var(--ks-color-bg)
-  );
-}
 
 .l-section.dsa-section {
   --l-section_buttons--space-before: var(--dsa-section__buttons--space-before, var(--l-section--gutter));
@@ -95,14 +81,11 @@
 }
 
 .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 {
-  position: relative;
-  z-index: 2;
   font: var(--ks-font-copy-m);
 }
 .l-section.dsa-section.l-section--gutter-large {
@@ -115,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%));
@@ -141,43 +124,19 @@
 .l-section.dsa-section--header-spacing.l-section--space-before-small {
   padding-top: calc(var(--dsa-header--height) + var(--dsa-section--space-small));
 }
-.l-section.dsa-section--style::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 0;
-}
-.l-section.dsa-section--style-framed {
+.l-section.dsa-section-style--framed {
   background-color: var(--ks-background-color-accent);
 }
-.l-section.dsa-section--style-framed .l-section__container--content .l-section__content {
+.l-section.dsa-section-style--framed .l-section__container--content .l-section__content {
   padding: var(--dsa-section--space_default);
   background-color: var(--ks-background-color-default);
   border-radius: var(--ks-border-radius-surface);
 }
-.l-section.dsa-section--style-shine-left::before {
-  background-image: var(--dsa-section_shine-left--background-image, radial-gradient(70% 150% at 20% 50%, var(--ks-color-fg-inverted), var(--ks-color-bg-inverted-alpha-7)));
-}
-.l-section.dsa-section--style-shine-right::before {
-  background-image: var(--dsa-section_shine-right--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--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-carbon::before {
-  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;
-  background-size: 16px 16px;
-  z-index: 1;
-}
-.l-section.dsa-section--style-carbon::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 0;
-  background: radial-gradient(100% 100% at 50% 50%, var(--ks-color-bg), var(--ks-color-bg-to-fg-1));
+.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",
@@ -403,9 +401,6 @@
                 "description": "Toggle padding of the content",
                 "type": "boolean",
                 "default": false
-              },
-              "type": {
-                "const": "cta"
               }
             },
             "additionalProperties": false
@@ -436,9 +431,6 @@
                 "title": "`ks-component` attribute",
                 "description": "Optional custom component identifier",
                 "type": "string"
-              },
-              "type": {
-                "const": "divider"
               }
             },
             "additionalProperties": false
@@ -483,9 +475,6 @@
                   ]
                 },
                 "minItems": 1
-              },
-              "type": {
-                "const": "faq"
               }
             },
             "additionalProperties": false,
@@ -614,9 +603,6 @@
                 },
                 "minItems": 1,
                 "maxItems": 8
-              },
-              "type": {
-                "const": "features"
               }
             },
             "additionalProperties": false
@@ -698,9 +684,6 @@
                 "title": "Lightbox",
                 "description": "Display images in a lightbox gallery",
                 "default": false
-              },
-              "type": {
-                "const": "gallery"
               }
             },
             "additionalProperties": false,
@@ -885,10 +868,7 @@
                   "bottom"
                 ],
                 "type": "string",
-                "default": "bottom"
-              },
-              "type": {
-                "const": "hero"
+                "default": "below"
               }
             },
             "additionalProperties": false
@@ -947,9 +927,6 @@
                 "title": "`ks-component` attribute",
                 "description": "Optional custom component identifier",
                 "type": "string"
-              },
-              "type": {
-                "const": "html"
               }
             },
             "additionalProperties": false
@@ -1064,9 +1041,6 @@
                       "title": "Disabled?",
                       "description": "Whether the button should be disabled",
                       "default": false
-                    },
-                    "type": {
-                      "const": "button"
                     }
                   },
                   "additionalProperties": false,
@@ -1126,9 +1100,6 @@
                 ],
                 "type": "string",
                 "default": "left"
-              },
-              "type": {
-                "const": "image-story"
               }
             },
             "additionalProperties": false
@@ -1191,9 +1162,6 @@
                 "examples": [
                   "above"
                 ]
-              },
-              "type": {
-                "const": "image-text"
               }
             },
             "required": [
@@ -1327,9 +1295,6 @@
                   "link",
                   "label"
                 ]
-              },
-              "type": {
-                "const": "logos"
               }
             },
             "additionalProperties": false,
@@ -1457,9 +1422,6 @@
                       "description": "Overwrite the color to use for the text content",
                       "type": "string",
                       "format": "color"
-                    },
-                    "type": {
-                      "const": "tile"
                     }
                   },
                   "additionalProperties": false,
@@ -1470,9 +1432,6 @@
                 },
                 "minItems": 1,
                 "maxItems": 20
-              },
-              "type": {
-                "const": "mosaic"
               }
             },
             "additionalProperties": false
@@ -1521,8 +1480,15 @@
                   true
                 ]
               },
-              "type": {
-                "const": "slider"
+              "variant": {
+                "title": "Type",
+                "description": "Type of the movement",
+                "type": "string",
+                "enum": [
+                  "slider",
+                  "carousel"
+                ],
+                "default": "carousel"
               },
               "className": {
                 "title": "Class",
@@ -1701,9 +1667,6 @@
                           "description": "Toggle padding of the content",
                           "type": "boolean",
                           "default": false
-                        },
-                        "type": {
-                          "const": "cta"
                         }
                       },
                       "additionalProperties": false
@@ -1829,9 +1792,6 @@
                           },
                           "minItems": 1,
                           "maxItems": 8
-                        },
-                        "type": {
-                          "const": "features"
                         }
                       },
                       "additionalProperties": false
@@ -1913,9 +1873,6 @@
                           "title": "Lightbox",
                           "description": "Display images in a lightbox gallery",
                           "default": false
-                        },
-                        "type": {
-                          "const": "gallery"
                         }
                       },
                       "additionalProperties": false,
@@ -2100,10 +2057,7 @@
                             "bottom"
                           ],
                           "type": "string",
-                          "default": "bottom"
-                        },
-                        "type": {
-                          "const": "hero"
+                          "default": "below"
                         }
                       },
                       "additionalProperties": false
@@ -2166,9 +2120,6 @@
                           "examples": [
                             "above"
                           ]
-                        },
-                        "type": {
-                          "const": "image-text"
                         }
                       },
                       "required": [
@@ -2302,9 +2253,6 @@
                             "link",
                             "label"
                           ]
-                        },
-                        "type": {
-                          "const": "logos"
                         }
                       },
                       "additionalProperties": false,
@@ -2333,12 +2281,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": {
@@ -2369,9 +2318,6 @@
                                   "home",
                                   "map"
                                 ]
-                              },
-                              "type": {
-                                "const": "stat"
                               }
                             },
                             "additionalProperties": false,
@@ -2400,9 +2346,6 @@
                           },
                           "minItems": 1,
                           "maxItems": 4
-                        },
-                        "type": {
-                          "const": "stats"
                         }
                       },
                       "additionalProperties": false,
@@ -2491,9 +2434,6 @@
                           ],
                           "description": "Aspect ratio of the image",
                           "default": "wide"
-                        },
-                        "type": {
-                          "const": "teaser-card"
                         }
                       },
                       "additionalProperties": false,
@@ -2597,9 +2537,6 @@
                               "image"
                             ]
                           }
-                        },
-                        "type": {
-                          "const": "testimonials"
                         }
                       },
                       "additionalProperties": false
@@ -2645,9 +2582,6 @@
                           "title": "Highlight Text",
                           "description": "Visually highlight the text",
                           "default": false
-                        },
-                        "type": {
-                          "const": "text"
                         }
                       },
                       "additionalProperties": false,
@@ -2657,16 +2591,6 @@
                     }
                   ]
                 }
-              },
-              "typeProp": {
-                "title": "Type",
-                "description": "Type of the movement",
-                "type": "string",
-                "enum": [
-                  "slider",
-                  "carousel"
-                ],
-                "default": "carousel"
               }
             },
             "additionalProperties": false
@@ -2692,12 +2616,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": {
@@ -2728,9 +2653,6 @@
                         "home",
                         "map"
                       ]
-                    },
-                    "type": {
-                      "const": "stat"
                     }
                   },
                   "additionalProperties": false,
@@ -2759,9 +2681,6 @@
                 },
                 "minItems": 1,
                 "maxItems": 4
-              },
-              "type": {
-                "const": "stats"
               }
             },
             "additionalProperties": false,
@@ -2850,9 +2769,6 @@
                 ],
                 "description": "Aspect ratio of the image",
                 "default": "wide"
-              },
-              "type": {
-                "const": "teaser-card"
               }
             },
             "additionalProperties": false,
@@ -2956,9 +2872,6 @@
                     "image"
                   ]
                 }
-              },
-              "type": {
-                "const": "testimonials"
               }
             },
             "additionalProperties": false
@@ -3004,9 +2917,6 @@
                 "title": "Highlight Text",
                 "description": "Visually highlight the text",
                 "default": false
-              },
-              "type": {
-                "const": "text"
               }
             },
             "additionalProperties": false,
@@ -3135,10 +3045,7 @@
                   "corner"
                 ],
                 "type": "string",
-                "default": "bottom"
-              },
-              "type": {
-                "const": "video-curtain"
+                "default": "center"
               }
             },
             "additionalProperties": false
@@ -3204,9 +3111,6 @@
             "title": "Disabled?",
             "description": "Whether the button should be disabled",
             "default": false
-          },
-          "type": {
-            "const": "button"
           }
         },
         "additionalProperties": false,
@@ -3214,9 +3118,6 @@
           "label"
         ]
       }
-    },
-    "type": {
-      "const": "section"
     }
   },
   "additionalProperties": false,