@kickstartds/ds-agency-premium 1.6.71--canary.1948.6cfa581.0 → 1.6.71--canary.45.1950.0

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

@@ -48,51 +48,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",
-            "url": "#"
-          },
-          {
-            "label": "News",
+            "label": "One more Item",
             "url": "#"
           },
           {
-            "label": "Jobs",
-            "url": "#"
-          },
-          {
-            "label": "Kontakt",
+            "label": "Last Item",
             "url": "#"
           }
         ]
@@ -159,15 +151,9 @@
           "title": "Additional Classes",
           "description": "Add additional css classes that should be applied to the logo",
           "type": "string"
-        },
-        "type": {
-          "const": "logo"
         }
       },
       "additionalProperties": false
-    },
-    "type": {
-      "const": "nav-flyout"
     }
   },
   "additionalProperties": false,

package/dist/components/nav-main/index.js

@@ -6,6 +6,7 @@ import './js/navMainEvents.client.js';
 import { NavToggle } from '../nav-toggle/index.js';
 import { NavTopbar } from '../nav-topbar/index.js';
 import { NavFlyout } from '../nav-flyout/index.js';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import '@kickstartds/core/lib/component';
 import './js/body.client.js';
 import '@kickstartds/core/lib/core';
@@ -14,11 +15,20 @@ import '@kickstartds/base/lib/link';
 import '@kickstartds/base/lib/icon';
 import '../nav-dropdown/index.js';
 
+const defaults = {
+    "flyoutInverted": false,
+    "dropdownInverted": false,
+    "items": [],
+    "cta": {
+        "toggle": false
+    }
+};
+
 const NavMainContextDefault = forwardRef(({ logo, items, flyoutInverted, dropdownInverted }, ref) => items && items.length > 0 ? (jsxs("div", { ref: ref, className: "dsa-nav-main", children: [jsx(NavToggle, {}), jsx(NavTopbar, { items: items, inverted: dropdownInverted }), jsx(NavFlyout, { items: items, inverted: flyoutInverted, logo: logo })] })) : null);
 const NavMainContext = createContext(NavMainContextDefault);
 const NavMain = forwardRef((props, ref) => {
     const Component = useContext(NavMainContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 NavMain.displayName = "NavMain";
 

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

@@ -59,9 +59,6 @@
           "title": "Additional Classes",
           "description": "Add additional css classes that should be applied to the logo",
           "type": "string"
-        },
-        "type": {
-          "const": "logo"
         }
       },
       "additionalProperties": false
@@ -122,51 +119,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": "#"
           }
         ]
@@ -199,9 +188,6 @@
         }
       },
       "additionalProperties": false
-    },
-    "type": {
-      "const": "nav-main"
     }
   },
   "additionalProperties": false,

package/dist/components/nav-main/nav-main.schema.json

@@ -45,51 +45,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",
-            "url": "#"
-          },
-          {
-            "label": "News",
-            "url": "#"
-          },
-          {
-            "label": "Jobs",
+            "label": "One more Item",
             "url": "#"
           },
           {
-            "label": "Kontakt",
+            "label": "Last Item",
             "url": "#"
           }
         ]

package/dist/components/nav-topbar/index.js

@@ -5,6 +5,12 @@ import { Link } from '@kickstartds/base/lib/link';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { NavDropdown } from '../nav-dropdown/index.js';
 import { forwardRef, createContext, useContext } from 'react';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "items": [],
+    "inverted": false
+};
 
 const NavTopbarContextDefault = forwardRef(({ items, inverted }, ref) => items && items.length > 0 ? (jsx("nav", { className: "dsa-nav-topbar", id: "dsa-nav-topbar", "aria-label": "Main Navigation", ref: ref, children: jsx("ul", { className: "dsa-nav-topbar__list", children: items.map(({ label, url, active, items: subItems }) => {
             return (jsxs("li", { className: classnames("dsa-nav-topbar__item", active && "dsa-nav-topbar__item--active", subItems?.length && "dsa-nav-topbar__item--dropdown"), children: [subItems?.length ? (jsxs("span", { className: "dsa-nav-topbar__label", children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-topbar__label__icon", icon: "chevron-down", role: "presentation", "aria-hidden": true, focusable: false })) : ("")] })) : (jsx(Link, { href: url, className: `dsa-nav-topbar__label dsa-nav-topbar__link`, children: label })), subItems?.length ? (jsx(NavDropdown, { items: subItems, inverted: inverted })) : null] }, url));
@@ -12,7 +18,7 @@ const NavTopbarContextDefault = forwardRef(({ items, inverted }, ref) => items &
 const NavTopbarContext = createContext(NavTopbarContextDefault);
 const NavTopbar = forwardRef((props, ref) => {
     const Component = useContext(NavTopbarContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 NavTopbar.displayName = "NavTopbar";
 

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

@@ -3,16 +3,16 @@
   --dsa-nav-topbar__label--color_hover: var(--ks-text-color-interface-interactive-hover);
   --dsa-nav-topbar__label--color_active: var(--ks-text-color-interface-interactive-active);
   --dsa-nav-topbar__label--background-color: transparent;
-  --dsa-nav-topbar__label--background-color_hover: transparent;
+  --dsa-nav-topbar__label--background-color_hover: var(--ks-color-fg-alpha-8);
   --dsa-nav-topbar__label--background-color_active: transparent;
-  --dsa-nav-topbar__label--font-size: calc(var(--ks-font-size-interface-s) * 1.15);
+  --dsa-nav-topbar__label--font-size: var(--ks-font-size-interface-s);
   --dsa-nav-topbar__label--font-family: var(--ks-font-family-display);
   --dsa-nav-topbar__label--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-nav-topbar__label--font-weight_active: var(--ks-font-weight-bold);
   --dsa-nav-topbar__label--padding: 0.45em 0.75em;
   --dsa-nav-topbar__label--text-decoration: none;
   --dsa-nav-topbar__label--text-decoration_hover: none;
-  --dsa-nav-topbar__label_dimmed--opacity: 0.6;
+  --dsa-nav-topbar__label_dimmed--opacity: 1;
   --dsa-nav-topbar__label--transition: var(--ks-transition-hover);
   --dsa-nav-topbar__label--transition-property: background-color, color, opacity;
   --dsa-nav-topbar__label__icon--size: 1.5em;

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

@@ -48,51 +48,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": "#"
           }
         ]
@@ -103,9 +95,6 @@
       "title": "Dropdown Inverted",
       "description": "Toggle the inversion of the dropdown navigation",
       "default": false
-    },
-    "type": {
-      "const": "nav-topbar"
     }
   },
   "additionalProperties": false,

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

@@ -1,4 +1,4 @@
-import { PageProps } from "../../PageProps-aa29c554.js";
+import { PageProps } from "../../PageProps-21d04028.js";
 import { FC, PropsWithChildren } from "react";
 declare const Page: FC<PropsWithChildren<PageProps>>;
 export type { PageProps };