@kickstartds/ds-agency-premium 1.3.50 → 1.3.51--canary.674.14f816b.0

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

@@ -1,19 +1,19 @@
-import "./nav-main.css";
-import "./nav-toggle.css";
-import { createElement } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import classnames from 'classnames';
-import { Link } from '@kickstartds/base/lib/link';
-import { Logo } from '../logo/index.js';
-import './js/NavToggle.client.js';
-import './js/navMainEvents.client.js';
-import '@kickstartds/base/lib/picture';
+import '../nav/js/NavToggle.client.js';
+import '../nav/js/navMainEvents.client.js';
+import { NavToggleComponent } from '../nav-toggle/index.js';
+import { NavTopbar } from '../nav-topbar/index.js';
+import { NavFlyout } from '../nav-flyout/index.js';
 import '@kickstartds/core/lib/component';
-import './js/body.client.js';
+import '../nav/js/body.client.js';
 import '@kickstartds/core/lib/core';
+import 'classnames';
+import '@kickstartds/base/lib/link';
+import '@kickstartds/base/lib/icon';
+import '../nav-dropdown/index.js';
+import '../logo/index.js';
+import '@kickstartds/base/lib/picture';
 
-const NavToggleComponent = () => (jsxs("button", { type: "button", className: "dsa-nav-toggle", id: "toggle-sidebar", "aria-controls": "nav-main", "aria-expanded": "false", "ks-component": "base.nav-toggle", children: [jsx("span", { className: "dsa-nav-toggle__label", children: "toggle navigation" }), jsx("span", { className: "dsa-nav-toggle__icon", children: jsx("span", { className: "dsa-nav-toggle__icon__middle" }) })] }));
-const NavMainItem = ({ label, href, active }) => (jsx("li", { className: classnames("dsa-nav-main__item", active === true ? "dsa-nav-main__item--active" : ""), children: jsx(Link, { className: "dsa-nav-main__link", href: href, children: label }) }));
-const NavMain = ({ logo, items, flyoutInverted }) => items && items.length > 0 ? (jsxs("div", { className: "dsa-nav-main__wrap", children: [jsx(NavToggleComponent, {}), jsxs("nav", { "ks-inverted": flyoutInverted.toString(), className: classnames("dsa-nav-main", "dsa-nav-main--flyout", items.some((item) => item.active) ? "dsa-nav-main--active" : ""), id: "dsa-nav-main", "aria-label": "Hauptnavigation", children: [jsx(Logo, { ...logo, className: "dsa-nav-main__logo" }), jsx("ul", { className: "dsa-nav-main__list", children: items.map((item) => (createElement(NavMainItem, { ...item, active: item.active ?? false, key: item.href + item.label }))) })] }), jsxs("nav", { className: classnames("dsa-nav-main", "dsa-nav-main--topbar", items.some((item) => item.active) ? "dsa-nav-main--active" : ""), id: "dsa-nav-main", "aria-label": "Hauptnavigation", children: [jsx(Logo, { ...logo, className: "dsa-nav-main__logo" }), jsx("ul", { className: "dsa-nav-main__list", children: items.map((item) => (createElement(NavMainItem, { ...item, active: item.active ?? false, key: item.href + item.label }))) })] })] })) : null;
+const NavMain = ({ logo, items, flyoutInverted, dropdownInverted, }) => items && items.length > 0 ? (jsxs("div", { className: "dsa-nav-main", children: [jsx(NavToggleComponent, {}), jsx(NavTopbar, { items: items, dropdownInverted: dropdownInverted, active: undefined }), jsx(NavFlyout, { items: items, active: undefined, inverted: flyoutInverted, logo: logo })] })) : null;
 
-export { NavMain, NavMainItem, NavToggleComponent };
+export { NavMain };

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

@@ -72,6 +72,12 @@
       "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": {
@@ -86,6 +92,28 @@
           },
           "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,
@@ -97,7 +125,7 @@
       "examples": [
         [
           {
-            "label": "Nav Item",
+            "label": "Navigation Item",
             "href": "#"
           },
           {
@@ -106,8 +134,20 @@
             "active": true
           },
           {
-            "label": "Another Item",
-            "href": "#"
+            "label": "Item With Children",
+            "href": "#",
+            "items": [
+              {
+                "label": "Level 2 Item",
+                "href": "#",
+                "id": ""
+              },
+              {
+                "label": "Another One",
+                "href": "#",
+                "id": ""
+              }
+            ]
           },
           {
             "label": "One more Item",
@@ -120,6 +160,34 @@
         ]
       ]
     },
+    "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,6 +13,12 @@
       "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": {
@@ -20,7 +26,19 @@
         "properties": {
           "href": { "type": "string", "format": "uri" },
           "label": { "type": "string" },
-          "active": { "type": "boolean" }
+          "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,
         "required": ["href", "label"]
@@ -28,7 +46,7 @@
       "examples": [
         [
           {
-            "label": "Nav Item",
+            "label": "Navigation Item",
             "href": "#"
           },
           {
@@ -37,8 +55,20 @@
             "active": true
           },
           {
-            "label": "Another Item",
-            "href": "#"
+            "label": "Item With Children",
+            "href": "#",
+            "items": [
+              {
+                "label": "Level 2 Item",
+                "href": "#",
+                "id": ""
+              },
+              {
+                "label": "Another One",
+                "href": "#",
+                "id": ""
+              }
+            ]
           },
           {
             "label": "One more Item",
@@ -50,6 +80,25 @@
           }
         ]
       ]
+    },
+    "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/nav-toggle/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const NavToggleComponent: FC;
+export { NavToggleComponent };

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

@@ -0,0 +1,6 @@
+import "./nav-toggle.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const NavToggleComponent = () => (jsxs("button", { type: "button", className: "dsa-nav-toggle", id: "toggle-sidebar", "aria-controls": "dsa-nav-main", "aria-expanded": "false", "ks-component": "base.nav-toggle", children: [jsx("span", { className: "dsa-nav-toggle__label", children: "toggle navigation" }), jsx("span", { className: "dsa-nav-toggle__icon", children: jsx("span", { className: "dsa-nav-toggle__icon__middle" }) })] }));
+
+export { NavToggleComponent };

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

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

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

@@ -0,0 +1,12 @@
+import "./nav-topbar.css";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import classnames from 'classnames';
+import { Link } from '@kickstartds/base/lib/link';
+import { Icon } from '@kickstartds/base/lib/icon';
+import { NavDropdown } from '../nav-dropdown/index.js';
+
+const NavTopbar = ({ items, active, dropdownInverted }) => items && items.length > 0 ? (jsx("nav", { className: "dsa-nav-topbar", id: "dsa-nav-main", "aria-label": "Hauptnavigation", children: jsx("ul", { className: "dsa-nav-list", children: items.map(({ label, href, id, items: subItems }) => {
+            return (jsxs("li", { className: classnames("dsa-nav-topbar__item", active && "dsa-nav-topbar__item--active"), children: [jsxs(Link, { href: href, className: `dsa-nav-topbar__link`, children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-topbar__link__icon", icon: "chevron-down" })) : ("")] }), subItems?.length ? (jsx(NavDropdown, { items: subItems, inverted: dropdownInverted })) : null] }, id));
+        }) }) })) : null;
+
+export { NavTopbar };

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

@@ -0,0 +1,82 @@
+.dsa-nav-topbar {
+  --dsa-nav-topbar__link--color: var(--ks-color-fg);
+  --dsa-nav-topbar__link--color_hover: var(--ks-text-color-interface-interactive-hover);
+  --dsa-nav-topbar__link--color_active: var(--ks-text-color-interface-interactive-active);
+  --dsa-nav-topbar__link--font: var(--ks-font-interface-m);
+  --dsa-nav-topbar__link--font-weight: var(--ks-font-weight-semi-bold);
+  --dsa-nav-topbar__link--font-weight_active: var(--ks-font-weight-semi-bold);
+  --dsa-nav-topbar__link--padding: 0 0.75em;
+  --dsa-nav-topbar__link_dimmed--opacity: 0.6;
+  --dsa-nav-topbar_floating__link_dimmed--opacity: 0.75;
+  --dsa-nav-topbar_floating__link--color: var(--ks-color-fg);
+}
+
+.dsa-nav-topbar {
+  display: none;
+  --g-link--text-decoration: none;
+  --g-link--text-decoration_hover: none;
+  flex-direction: column;
+  justify-content: flex-start;
+}
+@media (min-width: 62rem) {
+  .dsa-nav-topbar {
+    display: flex;
+  }
+}
+.dsa-nav-topbar .dsa-nav-list {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: stretch;
+}
+.dsa-nav-topbar .dsa-nav-list > ul.dsa-nav-main__list {
+  display: none;
+}
+.dsa-nav-topbar .dsa-nav-list:hover .dsa-nav-topbar__link:not(:hover) {
+  opacity: var(--dsa-nav-topbar__link_dimmed--opacity);
+}
+.dsa-header--floating .dsa-nav-topbar .dsa-nav-list:hover .dsa-nav-topbar__link:not(:hover) {
+  opacity: var(--dsa-nav-topbar_floating__link_dimmed--opacity);
+}
+.dsa-nav-topbar .dsa-nav-topbar__item {
+  flex-shrink: 0;
+  position: relative;
+  outline: 0;
+}
+.dsa-nav-topbar .dsa-nav-topbar__item:hover > .dsa-nav-dropdown {
+  display: flex;
+}
+.dsa-nav-topbar .dsa-nav-topbar__link {
+  font: var(--dsa-nav-topbar__link--font);
+  font-weight: var(--dsa-nav-topbar__link--font-weight);
+  color: var(--dsa-nav-topbar__link--color);
+  position: relative;
+  display: flex;
+  height: 100%;
+  align-items: center;
+  padding: var(--dsa-nav-topbar__link--padding);
+}
+.dsa-nav-topbar .dsa-nav-topbar__link:hover {
+  color: var(--dsa-nav-topbar__link--color_hover);
+}
+.dsa-nav-topbar .dsa-nav-topbar__link:active {
+  color: var(--dsa-nav-topbar__link--color_active);
+}
+.dsa-header--floating .dsa-nav-topbar .dsa-nav-topbar__link {
+  color: var(--dsa-nav-topbar_floating__link--color);
+}
+.dsa-header--floating .dsa-nav-topbar .dsa-nav-topbar__link:hover {
+  color: var(--dsa-nav-topbar__link--color_hover);
+}
+.dsa-header--floating .dsa-nav-topbar .dsa-nav-topbar__link:active {
+  color: var(--dsa-nav-topbar__link--color_active);
+}
+.dsa-nav-topbar ul {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.dsa-nav-topbar ul li {
+  display: block;
+  margin: 0;
+}

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Aug 2024 14:19:46 GMT
+ * Generated on Thu, 22 Aug 2024 07:24:30 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: '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/>",
+    "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/>",
     "args": {
       "logo": {
         "src": "/logo.svg",
@@ -1300,7 +1300,7 @@
       "navItems": [
         {
           "href": "#",
-          "label": "Nav Item"
+          "label": "Navigation Item"
         },
         {
           "href": "#",
@@ -1309,7 +1309,19 @@
         },
         {
           "href": "#",
-          "label": "Another Item"
+          "label": "Item With Children",
+          "items": [
+            {
+              "href": "#",
+              "id": "",
+              "label": "Level 2 Item"
+            },
+            {
+              "href": "#",
+              "id": "",
+              "label": "Another One"
+            }
+          ]
         },
         {
           "href": "#",
@@ -1498,7 +1510,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: '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/>",
+    "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/>",
     "args": {
       "logo": {
         "src": "/logo.svg",
@@ -1509,12 +1521,13 @@
         "height": 40
       },
       "flyoutInverted": false,
+      "dropdownInverted": false,
       "floating": false,
       "inverted": false,
       "navItems": [
         {
           "href": "#",
-          "label": "Nav Item"
+          "label": "Navigation Item"
         },
         {
           "href": "#",
@@ -1523,7 +1536,19 @@
         },
         {
           "href": "#",
-          "label": "Another Item"
+          "label": "Item With Children",
+          "items": [
+            {
+              "href": "#",
+              "id": "",
+              "label": "Level 2 Item"
+            },
+            {
+              "href": "#",
+              "id": "",
+              "label": "Another One"
+            }
+          ]
         },
         {
           "href": "#",

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

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

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

@@ -14,6 +14,7 @@
       "$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": {
@@ -69,6 +70,12 @@
           "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",
@@ -95,6 +102,28 @@
               },
               "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,
@@ -106,7 +135,7 @@
           "examples": [
             [
               {
-                "label": "Nav Item",
+                "label": "Navigation Item",
                 "href": "#"
               },
               {
@@ -115,8 +144,20 @@
                 "active": true
               },
               {
-                "label": "Another Item",
-                "href": "#"
+                "label": "Item With Children",
+                "href": "#",
+                "items": [
+                  {
+                    "label": "Level 2 Item",
+                    "href": "#",
+                    "id": ""
+                  },
+                  {
+                    "label": "Another One",
+                    "href": "#",
+                    "id": ""
+                  }
+                ]
               },
               {
                 "label": "One more Item",
@@ -133,10 +174,7 @@
           "const": "header"
         }
       },
-      "additionalProperties": false,
-      "required": [
-        "logo"
-      ]
+      "additionalProperties": false
     },
     "footer": {
       "$schema": "http://json-schema.org/draft-07/schema#",
@@ -217,6 +255,28 @@
               },
               "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,
@@ -228,7 +288,7 @@
           "examples": [
             [
               {
-                "label": "Nav Item",
+                "label": "Navigation Item",
                 "href": "#"
               },
               {
@@ -237,8 +297,20 @@
                 "active": true
               },
               {
-                "label": "Another Item",
-                "href": "#"
+                "label": "Item With Children",
+                "href": "#",
+                "items": [
+                  {
+                    "label": "Level 2 Item",
+                    "href": "#",
+                    "id": ""
+                  },
+                  {
+                    "label": "Another One",
+                    "href": "#",
+                    "id": ""
+                  }
+                ]
               },
               {
                 "label": "One more Item",

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Aug 2024 14:19:49 GMT
+ * Generated on Thu, 22 Aug 2024 07:24:32 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 Wed, 21 Aug 2024 14:19:54 GMT
+ * Generated on Thu, 22 Aug 2024 07:24:37 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 Wed, 21 Aug 2024 14:19:51 GMT
+ * Generated on Thu, 22 Aug 2024 07:24:34 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 Wed, 21 Aug 2024 14:19:56 GMT
+ * Generated on Thu, 22 Aug 2024 07:24:39 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 Wed, 21 Aug 2024 14:19:46 GMT
+ * Generated on Thu, 22 Aug 2024 07:24:30 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Aug 2024 14:19:47 GMT
+ * Generated on Thu, 22 Aug 2024 07:24:30 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";