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

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

@@ -120,54 +120,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": [
               {
@@ -190,119 +152,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/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-bold);
+  --dsa-headline--font-weight: var(--ks-font-weight-semi-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-text-color-default);
+  --dsa-headline__subheadline--color: var(--ks-color-fg-alpha-4);
   --dsa-headline__subheadline--font-weight: var(--ks-font-weight-bold);
-  --dsa-headline__subheadline--text-transform: none;
-  --dsa-headline__subheadline--letter-spacing: none;
+  --dsa-headline__subheadline--text-transform: uppercase;
+  --dsa-headline__subheadline--letter-spacing: 0.045em;
   --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: 55%;
+  --dsa-headline_h1__subheadline--font-size: 50%;
   --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: 60%;
+  --dsa-headline_h2__subheadline--font-size: 50%;
   --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: 60%;
+  --dsa-headline_h3__subheadline--font-size: 55%;
   --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,59 +1,7 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
 import { defaultRenderFn } from "@kickstartds/core/lib/core";
-/* 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;
-}
+import { HeadlineProps } from "../../HeadlineProps-e1305784.js";
 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-3),
-    transparent var(--dsa-hero__textbox--max-width)
+    var(--ks-color-bg-alpha-1) var(--dsa-hero__textbox--max-width),
+    transparent
   );
   --dsa-hero_right__overlay--background: linear-gradient(
     270deg,
-    var(--ks-color-bg-alpha-3) var(--dsa-hero__textbox--max-width),
+    var(--ks-color-bg-alpha-1) 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: 46rem;
+    --dsa-hero--min-height: 36rem;
     --dsa-hero--min-height_small: 20rem;
     --dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
   }

package/dist/components/mosaic/index.js

@@ -24,7 +24,6 @@ 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-m) var(--ks-spacing-m) var(--ks-spacing-m) var(--ks-spacing-m);
+  --dsa-nav-dropdown--padding: var(--ks-spacing-xxs) var(--ks-spacing-xxs) var(--ks-spacing-m) var(--ks-spacing-xxs);
   --dsa-nav-dropdown--background: var(--ks-background-color-default);
-  --dsa-nav-dropdown--border-radius: calc(var(--ks-border-radius-card) * 1);
+  --dsa-nav-dropdown--border-radius: var(--ks-border-radius-card);
   --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: transparent;
-  --dsa-nav-dropdown__label--background-color_active: transparent;
+  --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--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 0em;
+  --dsa-nav-dropdown__label--padding: 0.45em 0.75em;
   --dsa-nav-dropdown__label_dimmed--opacity: 1;
 }
 .dsa-nav-dropdown[ks-inverted=true] {

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

@@ -48,54 +48,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": [
               {
@@ -118,119 +80,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": "#"
           }
         ]
       ]