@kickstartds/ds-agency-premium 1.3.51--canary.674.14f816b.0 → 1.3.52--canary.716.097145d.0

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

@@ -72,12 +72,6 @@
       "description": "Toggle the inversion of the flyout navigation",
       "default": false
     },
-    "dropdownInverted": {
-      "type": "boolean",
-      "title": "Dropdown Inverted",
-      "description": "Toggle the inversion of the dropdown navigation",
-      "default": false
-    },
     "items": {
       "type": "array",
       "items": {
@@ -92,28 +86,6 @@
           },
           "active": {
             "type": "boolean"
-          },
-          "items": {
-            "type": "array",
-            "items": {
-              "type": "object",
-              "properties": {
-                "href": {
-                  "type": "string",
-                  "format": "uri"
-                },
-                "id": {
-                  "type": "string"
-                },
-                "label": {
-                  "type": "string"
-                },
-                "active": {
-                  "type": "boolean"
-                }
-              },
-              "additionalProperties": false
-            }
           }
         },
         "additionalProperties": false,
@@ -125,7 +97,7 @@
       "examples": [
         [
           {
-            "label": "Navigation Item",
+            "label": "Nav Item",
             "href": "#"
           },
           {
@@ -134,20 +106,8 @@
             "active": true
           },
           {
-            "label": "Item With Children",
-            "href": "#",
-            "items": [
-              {
-                "label": "Level 2 Item",
-                "href": "#",
-                "id": ""
-              },
-              {
-                "label": "Another One",
-                "href": "#",
-                "id": ""
-              }
-            ]
+            "label": "Another Item",
+            "href": "#"
           },
           {
             "label": "One more Item",
@@ -160,34 +120,6 @@
         ]
       ]
     },
-    "cta": {
-      "type": "object",
-      "title": "CTA",
-      "description": "Add a CTA to the Navigation",
-      "properties": {
-        "toggle": {
-          "title": "Toggle CTA",
-          "description": "Toggle the CTA",
-          "type": "boolean",
-          "default": false
-        },
-        "label": {
-          "type": "string",
-          "title": "Label",
-          "description": "Text content to display inside the button",
-          "examples": [
-            "Book a meeting"
-          ]
-        },
-        "target": {
-          "type": "string",
-          "title": "Target",
-          "description": "Target that should be linked, makes the button behave like a link semantically",
-          "format": "uri"
-        }
-      },
-      "additionalProperties": false
-    },
     "type": {
       "const": "nav-main"
     }

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

@@ -13,12 +13,6 @@
       "description": "Toggle the inversion of the flyout navigation",
       "default": false
     },
-    "dropdownInverted": {
-      "type": "boolean",
-      "title": "Dropdown Inverted",
-      "description": "Toggle the inversion of the dropdown navigation",
-      "default": false
-    },
     "items": {
       "type": "array",
       "items": {
@@ -26,19 +20,7 @@
         "properties": {
           "href": { "type": "string", "format": "uri" },
           "label": { "type": "string" },
-          "active": { "type": "boolean" },
-          "items": {
-            "type": "array",
-            "items": {
-              "type": "object",
-              "properties": {
-                "href": { "type": "string", "format": "uri" },
-                "id": { "type": "string" },
-                "label": { "type": "string" },
-                "active": { "type": "boolean" }
-              }
-            }
-          }
+          "active": { "type": "boolean" }
         },
         "additionalProperties": false,
         "required": ["href", "label"]
@@ -46,7 +28,7 @@
       "examples": [
         [
           {
-            "label": "Navigation Item",
+            "label": "Nav Item",
             "href": "#"
           },
           {
@@ -55,20 +37,8 @@
             "active": true
           },
           {
-            "label": "Item With Children",
-            "href": "#",
-            "items": [
-              {
-                "label": "Level 2 Item",
-                "href": "#",
-                "id": ""
-              },
-              {
-                "label": "Another One",
-                "href": "#",
-                "id": ""
-              }
-            ]
+            "label": "Another Item",
+            "href": "#"
           },
           {
             "label": "One more Item",
@@ -80,25 +50,6 @@
           }
         ]
       ]
-    },
-    "cta": {
-      "type": "object",
-      "title": "CTA",
-      "description": "Add a CTA to the Navigation",
-      "properties": {
-        "toggle": {
-          "title": "Toggle CTA",
-          "description": "Toggle the CTA",
-          "type": "boolean",
-          "default": false
-        },
-        "label": {
-          "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/label"
-        },
-        "target": {
-          "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/target"
-        }
-      }
     }
   },
   "additionalProperties": false,

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 07:24:30 GMT
+ * Generated on Fri, 23 Aug 2024 12:03:53 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/components/presets.json

@@ -1284,7 +1284,7 @@
     "id": "layout-footer--footer",
     "group": "Layout/Footer",
     "name": "Footer",
-    "code": "<Footer\n  byline=\"© 2024 systemics Inc. All rights reserved.\"\n  logo={{\n    alt: 'Systemics Logo',\n    height: 40,\n    homepageHref: '#',\n    inverted: false,\n    src: '/logo.svg',\n    srcInverted: '/logo-inverted.svg',\n    width: 176\n  }}\n  navItems={[\n    {\n      href: '#',\n      label: 'Navigation Item'\n    },\n    {\n      active: true,\n      href: '#',\n      label: 'Active Item'\n    },\n    {\n      href: '#',\n      items: [\n        {\n          href: '#',\n          id: '',\n          label: 'Level 2 Item'\n        },\n        {\n          href: '#',\n          id: '',\n          label: 'Another One'\n        }\n      ],\n      label: 'Item With Children'\n    },\n    {\n      href: '#',\n      label: 'One more Item'\n    },\n    {\n      href: '#',\n      label: 'Last Item'\n    }\n  ]}\n/>",
+    "code": "<Footer\n  byline=\"© 2024 systemics Inc. All rights reserved.\"\n  logo={{\n    alt: 'Systemics Logo',\n    height: 40,\n    homepageHref: '#',\n    inverted: false,\n    src: '/logo.svg',\n    srcInverted: '/logo-inverted.svg',\n    width: 176\n  }}\n  navItems={[\n    {\n      href: '#',\n      label: 'Nav Item'\n    },\n    {\n      active: true,\n      href: '#',\n      label: 'Active Item'\n    },\n    {\n      href: '#',\n      label: 'Another Item'\n    },\n    {\n      href: '#',\n      label: 'One more Item'\n    },\n    {\n      href: '#',\n      label: 'Last Item'\n    }\n  ]}\n/>",
     "args": {
       "logo": {
         "src": "/logo.svg",
@@ -1300,7 +1300,7 @@
       "navItems": [
         {
           "href": "#",
-          "label": "Navigation Item"
+          "label": "Nav Item"
         },
         {
           "href": "#",
@@ -1309,19 +1309,7 @@
         },
         {
           "href": "#",
-          "label": "Item With Children",
-          "items": [
-            {
-              "href": "#",
-              "id": "",
-              "label": "Level 2 Item"
-            },
-            {
-              "href": "#",
-              "id": "",
-              "label": "Another One"
-            }
-          ]
+          "label": "Another Item"
         },
         {
           "href": "#",
@@ -1510,7 +1498,7 @@
     "id": "layout-header--header",
     "group": "Layout/Header",
     "name": "Header",
-    "code": "<Header\n  logo={{\n    alt: 'Systemics Logo',\n    height: 40,\n    homepageHref: '#',\n    src: '/logo.svg',\n    srcInverted: '/logo-inverted.svg',\n    width: 176\n  }}\n  navItems={[\n    {\n      href: '#',\n      label: 'Navigation Item'\n    },\n    {\n      active: true,\n      href: '#',\n      label: 'Active Item'\n    },\n    {\n      href: '#',\n      items: [\n        {\n          href: '#',\n          id: '',\n          label: 'Level 2 Item'\n        },\n        {\n          href: '#',\n          id: '',\n          label: 'Another One'\n        }\n      ],\n      label: 'Item With Children'\n    },\n    {\n      href: '#',\n      label: 'One more Item'\n    },\n    {\n      href: '#',\n      label: 'Last Item'\n    }\n  ]}\n/>",
+    "code": "<Header\n  logo={{\n    alt: 'Systemics Logo',\n    height: 40,\n    homepageHref: '#',\n    src: '/logo.svg',\n    srcInverted: '/logo-inverted.svg',\n    width: 176\n  }}\n  navItems={[\n    {\n      href: '#',\n      label: 'Nav Item'\n    },\n    {\n      active: true,\n      href: '#',\n      label: 'Active Item'\n    },\n    {\n      href: '#',\n      label: 'Another Item'\n    },\n    {\n      href: '#',\n      label: 'One more Item'\n    },\n    {\n      href: '#',\n      label: 'Last Item'\n    }\n  ]}\n/>",
     "args": {
       "logo": {
         "src": "/logo.svg",
@@ -1521,13 +1509,12 @@
         "height": 40
       },
       "flyoutInverted": false,
-      "dropdownInverted": false,
       "floating": false,
       "inverted": false,
       "navItems": [
         {
           "href": "#",
-          "label": "Navigation Item"
+          "label": "Nav Item"
         },
         {
           "href": "#",
@@ -1536,19 +1523,7 @@
         },
         {
           "href": "#",
-          "label": "Item With Children",
-          "items": [
-            {
-              "href": "#",
-              "id": "",
-              "label": "Level 2 Item"
-            },
-            {
-              "href": "#",
-              "id": "",
-              "label": "Another One"
-            }
-          ]
+          "label": "Another Item"
         },
         {
           "href": "#",

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

@@ -3,6 +3,6 @@ import { HTMLAttributes, FC, PropsWithChildren } from "react";
 import { SectionProps } from "../../SectionProps-03ff6d21.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 & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const SectionProvider: FC<PropsWithChildren<any>>;
 export { SectionContextDefault, SectionContext, Section, SectionProvider };

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

@@ -14,7 +14,6 @@
       "$schema": "http://json-schema.org/draft-07/schema#",
       "$id": "http://schema.mydesignsystem.com/header.schema.json",
       "title": "Header",
-      "description": "Header layered on top by the CMS",
       "type": "object",
       "properties": {
         "logo": {
@@ -70,12 +69,6 @@
           "description": "Toggle the inversion of the flyout navigation",
           "default": false
         },
-        "dropdownInverted": {
-          "type": "boolean",
-          "title": "Dropdown Inverted",
-          "description": "Toggle the inversion of the dropdown navigation",
-          "default": false
-        },
         "floating": {
           "type": "boolean",
           "title": "Floating",
@@ -102,28 +95,6 @@
               },
               "active": {
                 "type": "boolean"
-              },
-              "items": {
-                "type": "array",
-                "items": {
-                  "type": "object",
-                  "properties": {
-                    "href": {
-                      "type": "string",
-                      "format": "uri"
-                    },
-                    "id": {
-                      "type": "string"
-                    },
-                    "label": {
-                      "type": "string"
-                    },
-                    "active": {
-                      "type": "boolean"
-                    }
-                  },
-                  "additionalProperties": false
-                }
               }
             },
             "additionalProperties": false,
@@ -135,7 +106,7 @@
           "examples": [
             [
               {
-                "label": "Navigation Item",
+                "label": "Nav Item",
                 "href": "#"
               },
               {
@@ -144,20 +115,8 @@
                 "active": true
               },
               {
-                "label": "Item With Children",
-                "href": "#",
-                "items": [
-                  {
-                    "label": "Level 2 Item",
-                    "href": "#",
-                    "id": ""
-                  },
-                  {
-                    "label": "Another One",
-                    "href": "#",
-                    "id": ""
-                  }
-                ]
+                "label": "Another Item",
+                "href": "#"
               },
               {
                 "label": "One more Item",
@@ -174,7 +133,10 @@
           "const": "header"
         }
       },
-      "additionalProperties": false
+      "additionalProperties": false,
+      "required": [
+        "logo"
+      ]
     },
     "footer": {
       "$schema": "http://json-schema.org/draft-07/schema#",
@@ -255,28 +217,6 @@
               },
               "active": {
                 "type": "boolean"
-              },
-              "items": {
-                "type": "array",
-                "items": {
-                  "type": "object",
-                  "properties": {
-                    "href": {
-                      "type": "string",
-                      "format": "uri"
-                    },
-                    "id": {
-                      "type": "string"
-                    },
-                    "label": {
-                      "type": "string"
-                    },
-                    "active": {
-                      "type": "boolean"
-                    }
-                  },
-                  "additionalProperties": false
-                }
               }
             },
             "additionalProperties": false,
@@ -288,7 +228,7 @@
           "examples": [
             [
               {
-                "label": "Navigation Item",
+                "label": "Nav Item",
                 "href": "#"
               },
               {
@@ -297,20 +237,8 @@
                 "active": true
               },
               {
-                "label": "Item With Children",
-                "href": "#",
-                "items": [
-                  {
-                    "label": "Level 2 Item",
-                    "href": "#",
-                    "id": ""
-                  },
-                  {
-                    "label": "Another One",
-                    "href": "#",
-                    "id": ""
-                  }
-                ]
+                "label": "Another Item",
+                "href": "#"
               },
               {
                 "label": "One more Item",

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 07:24:32 GMT
+ * Generated on Fri, 23 Aug 2024 12:03:56 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 07:24:37 GMT
+ * Generated on Fri, 23 Aug 2024 12:04:00 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 07:24:34 GMT
+ * Generated on Fri, 23 Aug 2024 12:03:58 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 07:24:39 GMT
+ * Generated on Fri, 23 Aug 2024 12:04:01 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 07:24:30 GMT
+ * Generated on Fri, 23 Aug 2024 12:03:53 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 22 Aug 2024 07:24:30 GMT
+ * Generated on Fri, 23 Aug 2024 12:03:54 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.3.51--canary.674.14f816b.0",
+  "version": "1.3.52--canary.716.097145d.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {

package/dist/components/nav-dropdown/index.d.ts

@@ -1,23 +0,0 @@
-import { FC } from "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.
- */
-/**
- * Toggle the inversion of the dropdown navigation
- */
-type DropdownInverted = boolean;
-interface NavDropdownProps {
-    inverted?: DropdownInverted;
-    items?: {
-        href?: string;
-        id?: string;
-        label?: string;
-        active?: boolean;
-    }[];
-    className?: string;
-}
-declare const NavDropdown: FC<NavDropdownProps>;
-export { NavDropdown };

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

@@ -1,10 +0,0 @@
-import "./nav-dropdown.css";
-import { jsx } from 'react/jsx-runtime';
-import classnames from 'classnames';
-import { Link } from '@kickstartds/base/lib/link';
-
-const NavDropdown = ({ items, inverted }) => (jsx("ul", { className: classnames(`dsa-nav-dropdown`), "ks-inverted": inverted?.toString(), children: items.map(({ label, href, id }) => {
-        return (jsx("li", { className: classnames("dsa-nav-dropdown__item"), children: jsx(Link, { href: href, className: `dsa-nav-dropdown__link `, children: label }) }, id));
-    }) }));
-
-export { NavDropdown };

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

@@ -1,45 +0,0 @@
-.dsa-nav-dropdown {
-  --dsa-nav-dropdown--padding: var(--ks-spacing-inset-stretch-xs);
-  --dsa-nav-dropdown--background: var(--ks-background-color-default);
-  --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__link--color: var(--ks-color-fg);
-  --dsa-nav-dropdown__link--color_hover: var(--ks-text-color-interface-interactive-hover);
-  --dsa-nav-dropdown__link--color_active: var(--ks-text-color-interface-interactive-active);
-  --dsa-nav-dropdown__link--font: var(--ks-font-interface-m);
-  --dsa-nav-dropdown__link--font-weight: var(--ks-font-weight-semi-bold);
-  --dsa-nav-dropdown__link--font-weight_active: var(--ks-font-weight-semi-bold);
-  --dsa-nav-dropdown__link--padding: 0.35em 0.25em;
-  --dsa-nav-dropdown__link_dimmed--opacity: 0.6;
-}
-
-.dsa-nav-dropdown {
-  display: none;
-  padding: var(--dsa-nav-dropdown--padding);
-  position: absolute;
-  flex-direction: column;
-  align-items: flex-start;
-  background-color: var(--dsa-nav-dropdown--background);
-  border-radius: var(--dsa-nav-dropdown--border-radius);
-  box-shadow: var(--dsa-nav-dropdown--box-shadow);
-  border: var(--dsa-nav-dropdown--border);
-}
-.dsa-nav-dropdown:hover .dsa-nav-dropdown__link:not(:hover) {
-  opacity: var(--dsa-nav-dropdown__link_dimmed--opacity);
-}
-.dsa-nav-dropdown .dsa-nav-dropdown__link {
-  font: var(--dsa-nav-dropdown__link--font);
-  font-weight: var(--dsa-nav-dropdown__link--font-weight);
-  color: var(--dsa-nav-dropdown__link--color);
-  position: relative;
-  display: block;
-  padding: var(--dsa-nav-dropdown__link--padding);
-  text-align: left;
-}
-.dsa-nav-dropdown .dsa-nav-dropdown__link:hover {
-  color: var(--dsa-nav-dropdown__link--color_hover);
-}
-.dsa-nav-dropdown .dsa-nav-dropdown__link:active {
-  color: var(--dsa-nav-dropdown__link--color_active);
-}

package/dist/components/nav-flyout/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare const NavFlyout: ({ items, inverted, logo, active }: {
-    items: any;
-    inverted: any;
-    logo: any;
-    active: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export { NavFlyout };

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

@@ -1,17 +0,0 @@
-import "./nav-flyout.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classnames from 'classnames';
-import { Link } from '@kickstartds/base/lib/link';
-import { Icon } from '@kickstartds/base/lib/icon';
-import { Logo } from '../logo/index.js';
-import '@kickstartds/base/lib/picture';
-
-const NavFlyout = ({ items, inverted, logo, active }) => items && items.length > 0 ? (jsxs("nav", { className: "dsa-nav-flyout", "ks-inverted": inverted.toString(), id: "dsa-nav-flyout", "aria-label": "Hauptnavigation", children: [jsx(Logo, { ...logo, className: "dsa-nav-flyout__logo" }), jsx("ul", { className: "dsa-nav-flyout-list", children: items.map(({ label, href, id, items: subItems }) => {
-                const isActive = active === href ||
-                    subItems?.some((navItem) => active === navItem.href);
-                return (jsxs("li", { className: classnames("dsa-nav-flyout__item", isActive && "dsa-nav-flyout__item--active"), children: [jsxs(Link, { href: href, className: `dsa-nav-flyout__link`, children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-flyout__link__icon", icon: "chevron-down" })) : ("")] }), subItems?.length ? (jsx("ul", { className: "dsa-nav-flyout__sublist", children: subItems.map(({ label, href, id }) => {
-                                return (jsx("li", { className: classnames("dsa-nav-flyout__item"), children: jsx(Link, { href: href, className: `dsa-nav-flyout__link `, children: label }) }, id));
-                            }) })) : null] }, id));
-            }) })] })) : null;
-
-export { NavFlyout };