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

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

@@ -120,16 +120,54 @@
       "examples": [
         [
           {
-            "label": "Active Item",
+            "label": "Beamer",
             "url": "#",
-            "active": true
+            "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": "#"
+              }
+            ]
           },
           {
-            "label": "Navigation Item",
-            "url": "#"
+            "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": "Dropdown",
+            "label": "Professional Displays",
             "url": "#",
             "items": [
               {
@@ -152,12 +190,119 @@
             ]
           },
           {
-            "label": "One more Item",
-            "url": "#"
+            "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": "Last 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": "#"
+              }
+            ]
           }
         ]
       ]

package/dist/components/headline/headline.css

@@ -1,29 +1,29 @@
 :root, [ks-inverted], [ks-theme] {
   --dsa-headline--color: var(--ks-text-color-display);
-  --dsa-headline--font-weight: var(--ks-font-weight-semi-bold);
+  --dsa-headline--font-weight: var(--ks-font-weight-bold);
   --dsa-headline--text-transform: none;
   --dsa-headline--gap: 0.35em;
   --dsa-headline--space-after_large: var(--ks-spacing-stack-l);
   --dsa-headline--space-after_small: var(--ks-spacing-stack-m);
   --dsa-headline--space-after_minimum: var(--ks-spacing-stack-s);
   --dsa-headline--higlight-background: var(--dsa-typo--highlight);
-  --dsa-headline__subheadline--color: var(--ks-color-fg-alpha-4);
+  --dsa-headline__subheadline--color: var(--ks-text-color-default);
   --dsa-headline__subheadline--font-weight: var(--ks-font-weight-bold);
-  --dsa-headline__subheadline--text-transform: uppercase;
-  --dsa-headline__subheadline--letter-spacing: 0.045em;
+  --dsa-headline__subheadline--text-transform: none;
+  --dsa-headline__subheadline--letter-spacing: none;
   --dsa-headline__subheadline--font-family: var(--ks-font-family-display);
   --dsa-headline_h1--font: var(--ks-font-display-xxl);
-  --dsa-headline_h1__subheadline--font-size: 50%;
+  --dsa-headline_h1__subheadline--font-size: 55%;
   --dsa-headline_h1--space-after_large: var(--ks-spacing-stack-l);
   --dsa-headline_h1--space-after_small: var(--ks-spacing-stack-m);
   --dsa-headline_h1--space-after_minimum: var(--ks-spacing-stack-s);
   --dsa-headline_h2--font: var(--ks-font-display-xl);
-  --dsa-headline_h2__subheadline--font-size: 50%;
+  --dsa-headline_h2__subheadline--font-size: 60%;
   --dsa-headline_h2--space-after_large: var(--ks-spacing-stack-l);
   --dsa-headline_h2--space-after_small: var(--ks-spacing-stack-m);
   --dsa-headline_h2--space-after_minimum: 0;
   --dsa-headline_h3--font: var(--ks-font-display-l);
-  --dsa-headline_h3__subheadline--font-size: 55%;
+  --dsa-headline_h3__subheadline--font-size: 60%;
   --dsa-headline_h3--space-after_large: var(--ks-spacing-stack-m);
   --dsa-headline_h3--space-after_small: var(--ks-spacing-stack-s);
   --dsa-headline_h3--space-after_minimum: 0;

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

@@ -1,7 +1,59 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
 import { defaultRenderFn } from "@kickstartds/core/lib/core";
-import { HeadlineProps } from "../../HeadlineProps-e1305784.js";
+/* 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.
+ */
+/**
+ * Text content of headline
+ */
+type Text = string;
+/**
+ * Subheadline content
+ */
+type Sub = string;
+/**
+ * Switch order of headline and subheadline
+ */
+type SwitchOrder = boolean;
+type SectionAlignment = "left" | "center" | "right";
+/**
+ * Level of headline to use
+ */
+type Level = "h1" | "h2" | "h3" | "h4" | "p";
+/**
+ * Style of headline to show
+ */
+type Style = "h1" | "h2" | "h3" | "h4" | "p";
+/**
+ * Whether to display space after headline
+ */
+type SpaceAfter = "minimum" | "small" | "large";
+/**
+ * Set a custom class name
+ */
+type ClassName = string;
+/**
+ * Set a custom id attribute
+ */
+type ID = string;
+/**
+ * Component used for headlines
+ */
+interface HeadlineProps {
+    text: Text;
+    sub?: Sub;
+    switchOrder?: SwitchOrder;
+    align?: SectionAlignment;
+    level: Level;
+    style?: Style;
+    spaceAfter?: SpaceAfter;
+    className?: ClassName;
+    id?: ID;
+}
 interface RenderFunctions {
     renderContent?: typeof defaultRenderFn;
     renderSubheadline?: typeof defaultRenderFn;

package/dist/components/hero/hero.css

@@ -39,12 +39,12 @@
   );
   --dsa-hero_left__overlay--background: linear-gradient(
     90deg,
-    var(--ks-color-bg-alpha-1) var(--dsa-hero__textbox--max-width),
-    transparent
+    var(--ks-color-bg-alpha-3),
+    transparent var(--dsa-hero__textbox--max-width)
   );
   --dsa-hero_right__overlay--background: linear-gradient(
     270deg,
-    var(--ks-color-bg-alpha-1) var(--dsa-hero__textbox--max-width),
+    var(--ks-color-bg-alpha-3) var(--dsa-hero__textbox--max-width),
     transparent
   );
   --dsa-hero_offset__textbox--max-width: var(--dsa-content--width_default);
@@ -77,7 +77,7 @@
   :root .dsa-hero,
   [ks-inverted=true] .dsa-hero,
   [ks-inverted=false] .dsa-hero {
-    --dsa-hero--min-height: 36rem;
+    --dsa-hero--min-height: 46rem;
     --dsa-hero--min-height_small: 20rem;
     --dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
   }

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

@@ -29,8 +29,8 @@ interface SettingsProps {
     seo: SeoProps;
     iconSprite?: IconSprite;
 }
-export * from "../../BlogPostProps-c760fd2a.js";
-export * from "../../BlogOverviewProps-d62a0a9a.js";
+export * from "../../BlogPostProps-6b3cff22.js";
+export * from "../../BlogOverviewProps-9f207f1c.js";
 export * from "../../PageProps-aa29c554.js";
 export { IconSprite, SettingsProps };
 export * from "../../EventDetailProps-42a7eebe.js";

package/dist/components/mosaic/index.js

@@ -24,6 +24,7 @@ const MosaicContextDefault = forwardRef(({ layout, largeHeadlines, tile, ...rest
                     url: tile?.button?.url,
                     label: tile?.button?.label,
                     icon: tile?.button?.icon,
+                    variant: "primary",
                 },
             }),
         }, image: {

package/dist/components/nav-dropdown/nav-dropdown.css

@@ -1,21 +1,21 @@
 .dsa-nav-dropdown {
-  --dsa-nav-dropdown--padding: var(--ks-spacing-xxs) var(--ks-spacing-xxs) var(--ks-spacing-m) var(--ks-spacing-xxs);
+  --dsa-nav-dropdown--padding: var(--ks-spacing-m) var(--ks-spacing-m) var(--ks-spacing-m) var(--ks-spacing-m);
   --dsa-nav-dropdown--background: var(--ks-background-color-default);
-  --dsa-nav-dropdown--border-radius: var(--ks-border-radius-card);
+  --dsa-nav-dropdown--border-radius: calc(var(--ks-border-radius-card) * 1);
   --dsa-nav-dropdown--box-shadow: var(--ks-box-shadow-card);
   --dsa-nav-dropdown--border: 1px solid var(--ks-border-color-card);
   --dsa-nav-dropdown--min-width: 14em;
   --dsa-nav-dropdown__label--color: var(--ks-color-fg);
   --dsa-nav-dropdown__label--color_hover: var(--ks-text-color-interface-interactive-hover);
   --dsa-nav-dropdown__label--color_active: var(--ks-text-color-interface-interactive-active);
-  --dsa-nav-dropdown__label--background-color_hover: var(--ks-color-fg-alpha-8);
-  --dsa-nav-dropdown__label--background-color_active: unset;
+  --dsa-nav-dropdown__label--background-color_hover: transparent;
+  --dsa-nav-dropdown__label--background-color_active: transparent;
   --dsa-nav-dropdown__label--border-radius: var(--ks-border-radius-control);
   --dsa-nav-dropdown__label--font: var(--ks-font-interface-s);
   --dsa-nav-dropdown__label--font-family: var(--ks-font-family-display);
   --dsa-nav-dropdown__label--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-nav-dropdown__label--font-weight_active: var(--ks-font-weight-bold);
-  --dsa-nav-dropdown__label--padding: 0.45em 0.75em;
+  --dsa-nav-dropdown__label--padding: 0.45em 0em;
   --dsa-nav-dropdown__label_dimmed--opacity: 1;
 }
 .dsa-nav-dropdown[ks-inverted=true] {

package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json

@@ -48,16 +48,54 @@
       "examples": [
         [
           {
-            "label": "Active Item",
+            "label": "Beamer",
             "url": "#",
-            "active": true
+            "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": "#"
+              }
+            ]
           },
           {
-            "label": "Navigation Item",
-            "url": "#"
+            "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": "Dropdown",
+            "label": "Professional Displays",
             "url": "#",
             "items": [
               {
@@ -80,12 +118,119 @@
             ]
           },
           {
-            "label": "One more Item",
-            "url": "#"
+            "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": "Last 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": "#"
+              }
+            ]
           }
         ]
       ]