@kickstartds/ds-agency-premium 1.6.71--canary.49.2211.0 → 1.6.71--canary.50.2218.0

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

@@ -4,6 +4,139 @@
   "title": "Search",
   "type": "object",
   "properties": {
+    "headline": {
+      "$schema": "http://json-schema.org/draft-07/schema#",
+      "$id": "http://schema.mydesignsystem.com/headline.schema.json",
+      "title": "Headline",
+      "description": "Component used for headlines",
+      "type": "object",
+      "properties": {
+        "text": {
+          "type": "string",
+          "title": "Text",
+          "description": "Text content of headline",
+          "format": "markdown"
+        },
+        "sub": {
+          "type": "string",
+          "title": "Sub",
+          "description": "Subheadline content",
+          "format": "markdown"
+        },
+        "switchOrder": {
+          "type": "boolean",
+          "title": "Switch order?",
+          "description": "Switch order of headline and subheadline",
+          "default": false
+        },
+        "align": {
+          "type": "string",
+          "title": "Section alignment",
+          "enum": [
+            "left",
+            "center",
+            "right"
+          ]
+        },
+        "level": {
+          "type": "string",
+          "title": "Level",
+          "description": "Level of headline to use",
+          "enum": [
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "p"
+          ],
+          "default": "h2"
+        },
+        "style": {
+          "type": "string",
+          "title": "Style",
+          "description": "Style of headline to show",
+          "enum": [
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "p"
+          ],
+          "default": "h2"
+        },
+        "spaceAfter": {
+          "type": "string",
+          "title": "Space after?",
+          "description": "Whether to display space after headline",
+          "enum": [
+            "minimum",
+            "small",
+            "large"
+          ],
+          "default": "small"
+        },
+        "className": {
+          "type": "string",
+          "title": "Class Name",
+          "description": "Set a custom class name"
+        },
+        "id": {
+          "type": "string",
+          "title": "ID",
+          "description": "Set a custom id attribute"
+        }
+      },
+      "additionalProperties": false,
+      "required": [
+        "level",
+        "text"
+      ]
+    },
+    "searchBar": {
+      "$schema": "http://json-schema.org/draft-07/schema#",
+      "$id": "http://schema.mydesignsystem.com/search-bar.schema.json",
+      "title": "Search Bar",
+      "type": "object",
+      "properties": {
+        "placeholder": {
+          "title": "Placeholder",
+          "type": "string",
+          "description": "Placeholder text for the search input field.",
+          "examples": [
+            "Search..."
+          ]
+        },
+        "buttonText": {
+          "type": "string",
+          "description": "Text displayed on the search button.",
+          "examples": [
+            "Search"
+          ]
+        },
+        "hint": {
+          "type": "string",
+          "description": "Additional information or instructions related to the search functionality.",
+          "examples": [
+            "Press <kbd>Enter</kbd> to search"
+          ]
+        },
+        "alternativeText": {
+          "type": "string",
+          "description": "Text to display when offering alternative results.",
+          "examples": [
+            "Did you mean"
+          ]
+        },
+        "alternativeResult": {
+          "type": "string",
+          "description": "The alternative result to display when offering suggestions.",
+          "examples": [
+            "AI Conference"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
     "searchFilter": {
       "$schema": "http://json-schema.org/draft-07/schema#",
       "$id": "http://schema.mydesignsystem.com/search-filter.schema.json",

package/dist/components/search/search.schema.json

@@ -4,6 +4,12 @@
   "title": "Search",
   "type": "object",
   "properties": {
+    "headline": {
+      "$ref": "http://schema.mydesignsystem.com/headline.schema.json"
+    },
+    "searchBar": {
+      "$ref": "http://schema.mydesignsystem.com/search-bar.schema.json"
+    },
     "searchFilter": {
       "$ref": "http://schema.mydesignsystem.com/search-filter.schema.json"
     },

package/dist/components/search-bar/index.d.ts

@@ -1,33 +1,5 @@
 /// <reference types="react" />
-/* eslint-disable */
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-/**
- * Placeholder text for the search input field.
- */
-type Placeholder = string;
-interface SearchBarProps {
-    placeholder?: Placeholder;
-    /**
-     * Text displayed on the search button.
-     */
-    buttonText?: string;
-    /**
-     * Additional information or instructions related to the search functionality.
-     */
-    hint?: string;
-    /**
-     * Text to display when offering alternative results.
-     */
-    alternativeText?: string;
-    /**
-     * The alternative result to display when offering suggestions.
-     */
-    alternativeResult?: string;
-}
+import { SearchBarProps } from "../../SearchBarProps-26263244.js";
 declare const SearchBarContextDefault: import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const SearchBarContext: import("react").Context<import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<HTMLDivElement>>>;
 declare const SearchBar: import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/search-bar/index.js

@@ -9,7 +9,7 @@ import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 
 const defaults = {};
 
-const SearchBarContextDefault = forwardRef(({ placeholder, hint = "Press <kbd>Enter</kbd> to search", alternativeText = "Did you mean", alternativeResult = "AI Conference", }, ref) => (jsxs("div", { className: "dsa-search-bar", ref: ref, children: [jsxs("div", { className: "dsa-search-bar__input-container", children: [jsx(TextField, { hideLabel: true, type: "search", placeholder: placeholder || "Search...", className: "dsa-search-bar__input" }), jsx(Icon, { icon: "search" })] }), hint && jsx(Markdown, { className: "dsa-search-bar__hint", children: hint }), alternativeResult && (jsx("p", { className: "dsa-search-bar__alternative-text", children: jsxs(Fragment, { children: [alternativeText + " ", jsx(Link, { href: "#", children: alternativeResult })] }) }))] })));
+const SearchBarContextDefault = forwardRef(({ placeholder, hint = "Press <kbd>Enter</kbd> to search", alternativeText = "Did you mean", alternativeResult = "AI Conference", }, ref) => (jsxs("div", { className: "dsa-search-bar", ref: ref, children: [jsxs("div", { className: "dsa-search-bar__input-container", children: [jsx(TextField, { hideLabel: true, type: "search", placeholder: placeholder || "Search...", className: "dsa-search-bar__input", autoComplete: "off" }), jsx(Icon, { icon: "search" })] }), hint && jsx(Markdown, { className: "dsa-search-bar__hint", children: hint }), alternativeResult && (jsx("p", { className: "dsa-search-bar__alternative-text", children: jsxs(Fragment, { children: [alternativeText + " ", jsx(Link, { href: "#", children: alternativeResult })] }) }))] })));
 const SearchBarContext = createContext(SearchBarContextDefault);
 const SearchBar = forwardRef((props, ref) => {
     const Component = useContext(SearchBarContext);

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

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

@@ -26,13 +26,17 @@
   --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(180deg, transparent, var(--ks-background-color-default));
-  --dsa-section--transition_to-accent: linear-gradient(180deg, transparent, var(--ks-background-color-accent));
-  --dsa-section--transition_to-bold: linear-gradient(180deg, transparent, var(--ks-background-color-bold));
+  --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(
-    180deg,
-    transparent,
-    var(--ks-background-color-default-inverted)
+    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;
@@ -135,8 +139,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--inset {
-  background-image: linear-gradient(180deg, var(--ks-color-fg-alpha-9) 0%, transparent 5px), linear-gradient(180deg, var(--ks-color-fg-alpha-9) 0%, transparent 30px), linear-gradient(180deg, transparent calc(100% - 30px), var(--ks-color-fg-alpha-9) 100%), linear-gradient(180deg, transparent calc(100% - 5px), var(--ks-color-fg-alpha-9) 100%), 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,7 +25,7 @@
       "enum": [
         "default",
         "framed",
-        "inset"
+        "deko"
       ],
       "default": "default"
     },

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

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

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

@@ -132,54 +132,16 @@
           "examples": [
             [
               {
-                "label": "Beamer",
+                "label": "Active Item",
                 "url": "#",
-                "active": true,
-                "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": "#"
-                  }
-                ]
+                "active": true
               },
               {
-                "label": "Interaktive Displays",
-                "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": "Navigation Item",
+                "url": "#"
               },
               {
-                "label": "Professional Displays",
+                "label": "Dropdown",
                 "url": "#",
                 "items": [
                   {
@@ -202,119 +164,12 @@
                 ]
               },
               {
-                "label": "LED Displays",
-                "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": "One more Item",
+                "url": "#"
               },
               {
-                "label": "Lösungen",
-                "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": "Zubehör",
-                "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": "Über Optoma",
-                "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": "Support",
-                "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": "Last Item",
+                "url": "#"
               }
             ]
           ]
@@ -431,54 +286,16 @@
           "examples": [
             [
               {
-                "label": "Beamer",
+                "label": "Active Item",
                 "url": "#",
-                "active": true,
-                "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": "#"
-                  }
-                ]
+                "active": true
               },
               {
-                "label": "Interaktive Displays",
-                "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": "Navigation Item",
+                "url": "#"
               },
               {
-                "label": "Professional Displays",
+                "label": "Dropdown",
                 "url": "#",
                 "items": [
                   {
@@ -501,119 +318,12 @@
                 ]
               },
               {
-                "label": "LED Displays",
-                "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": "One more Item",
+                "url": "#"
               },
               {
-                "label": "Lösungen",
-                "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": "Zubehör",
-                "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": "Über Optoma",
-                "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": "Support",
-                "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": "Last Item",
+                "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-interface-interactive);
-  --dsa-slider__bullet--border-color_hover: var(--ks-border-color-interface-interactive);
+  --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_active: var(--ks-color-primary);
   --dsa-slider__bullet--size: 1rem;
   --dsa-slider__bullet--background-color: transparent;

package/dist/components/teaser-card/index.js

@@ -22,7 +22,7 @@ const TeaserCardContextDefault = forwardRef(({ headline, text, button, url, imag
                 renderTopic: () => jsx(Fragment, { children: compiler(headline) }), link: {
                     hidden: button?.hidden,
                     label: button.label,
-                    variant: "secondary",
+                    variant: "primary",
                     url: url,
                     icon: button?.chevron ? "chevron-right" : undefined,
                 }, image: image, ref: ref })] }) })));