npm - @kickstartds/ds-agency-premium - Versions diffs - 1.3.50--canary.663.b100f6e.0 → 1.3.50--canary.667.9377ecb.0 - Mend

@kickstartds/ds-agency-premium 1.3.50--canary.663.b100f6e.0 → 1.3.50--canary.667.9377ecb.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/dist/components/footer/footer.schema.dereffed.json +14 -14
package/dist/components/header/header.schema.dereffed.json +14 -14
package/dist/components/nav-dropdown/index.js +2 -1
package/dist/components/nav-dropdown/nav-dropdown.css +45 -0
package/dist/components/nav-flyout/index.js +5 -3
package/dist/components/nav-flyout/nav-flyout.css +88 -54
package/dist/components/nav-main/nav-main.schema.dereffed.json +14 -14
package/dist/components/nav-main/nav-main.schema.json +14 -14
package/dist/components/nav-topbar/index.js +2 -2
package/dist/components/nav-topbar/nav-topbar.css +8 -65
package/dist/components/page-wrapper/tokens.css +1 -1
package/dist/components/presets.json +30 -30
package/dist/components/settings/settings.schema.dereffed.json +28 -28
package/dist/tokens/themes.css +4 -4
package/dist/tokens/tokens.css +1 -1
package/dist/tokens/tokens.js +1 -1
package/package.json +1 -1

package/dist/components/footer/footer.schema.dereffed.json CHANGED Viewed

@@ -110,30 +110,30 @@
       "examples": [
         [
           {
-            "label": "Nav With Children",
+            "label": "Navigation Item",
+            "href": "#"
+          },
+          {
+            "label": "Active Item",
+            "href": "#",
+            "active": true
+          },
+          {
+            "label": "Item With Children",
             "href": "#",
             "items": [
               {
-                "label": "TEST1",
+                "label": "Level 2 Item",
                 "href": "#",
-                "id": "TEST1"
+                "id": ""
               },
               {
-                "label": "TEST2",
+                "label": "Another One",
                 "href": "#",
-                "id": "TEST2"
+                "id": ""
               }
             ]
           },
-          {
-            "label": "Active Item",
-            "href": "#",
-            "active": true
-          },
-          {
-            "label": "Another Item",
-            "href": "#"
-          },
           {
             "label": "One more Item",
             "href": "#"

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

@@ -123,30 +123,30 @@
       "examples": [
         [
           {
-            "label": "Nav With Children",
+            "label": "Navigation Item",
+            "href": "#"
+          },
+          {
+            "label": "Active Item",
+            "href": "#",
+            "active": true
+          },
+          {
+            "label": "Item With Children",
             "href": "#",
             "items": [
               {
-                "label": "TEST1",
+                "label": "Level 2 Item",
                 "href": "#",
-                "id": "TEST1"
+                "id": ""
               },
               {
-                "label": "TEST2",
+                "label": "Another One",
                 "href": "#",
-                "id": "TEST2"
+                "id": ""
               }
             ]
           },
-          {
-            "label": "Active Item",
-            "href": "#",
-            "active": true
-          },
-          {
-            "label": "Another Item",
-            "href": "#"
-          },
           {
             "label": "One more Item",
             "href": "#"

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

@@ -1,8 +1,9 @@
+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", { "ks-inverted": inverted?.toString(), className: classnames(`dsa-nav-dropdown`), children: items.map(({ label, href, id }) => {
+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));
     }) }));

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

@@ -0,0 +1,45 @@
+.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.js CHANGED Viewed

@@ -1,15 +1,17 @@
 import "./nav-flyout.css";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+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-main", "aria-label": "Hauptnavigation", children: [jsx(Logo, { ...logo, className: "dsa-nav-main__logo" }), jsx("ul", { className: "dsa-nav-list", children: items.map(({ label, href, id, items: subItems }) => {
+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-item", isActive && "dsa-nav-item--active"), children: [jsxs(Link, { href: href, className: `dsa-nav-item__link`, children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-item__link__icon", icon: "chevron-down" })) : ("")] }), subItems?.length ? (jsx(Fragment, { children: jsx("div", { className: "dsa-nav-" }) })) : null] }, id));
+                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 };

package/dist/components/nav-flyout/nav-flyout.css CHANGED Viewed

@@ -1,63 +1,97 @@
+.dsa-nav-flyout {
+  --dsa-nav-flyout--padding: 0 var(--l-section--content-padding);
+  --dsa-nav-flyout--background: linear-gradient(
+    125deg,
+    var(--ks-background-color-default),
+    var(--ks-color-primary-to-bg-6)
+  );
+  --dsa-nav-flyout--shadow: 20px 0px 30px var(--ks-color-fg-inverted-base);
+  --dsa-nav-flyout__link--color: var(--ks-color-fg);
+  --dsa-nav-flyout__link--color_hover: var(--ks-text-color-interface-interactive-hover);
+  --dsa-nav-flyout__link--color_active: var(--ks-text-color-interface-interactive-active);
+  --dsa-nav-flyout__link--font: var(--ks-font-interface-l);
+  --dsa-nav-flyout__link--font-weight: var(--ks-font-weight-semi-bold);
+  --dsa-nav-flyout__link--font-weight_active: var(--ks-font-weight-semi-bold);
+  --dsa-nav-flyout__link--padding: 0.25em 0;
+  --dsa-nav-flyout__link_dimmed--opacity: 0.6;
+  --dsa-nav-flyout__sublist--padding-left: 1em;
+}
 .dsa-nav-flyout {
   display: none;
+  left: -100%;
+  height: 100vh;
+  overflow: hidden;
+  position: fixed;
+  width: 77vw;
+  max-width: 23rem;
+  transition: all var(--ks-duration-slow);
+  padding: var(--dsa-nav-flyout--padding);
+  right: 0;
+  bottom: 0;
+  top: 0;
+  overflow-y: auto;
+  background: var(--dsa-nav-flyout--background);
+  backface-visibility: hidden;
+  -webkit-overflow-scrolling: touch;
 }
 @media (max-width: 62rem) {
   .dsa-nav-flyout {
     display: block;
   }
 }
-@media (max-width: 62em) {
-  .dsa-nav-flyout {
-    display: block;
-    /* critical:start */
-    left: -100%;
-    /* critical:end */
-    height: 100vh;
-    overflow: hidden;
-    position: fixed;
-    width: 77vw;
-    max-width: 23rem;
-    transition: all var(--ks-duration-slow);
-    padding: 0 var(--l-section--content-padding);
-    right: 0;
-    bottom: 0;
-    top: 0;
-    overflow-y: auto;
-    background: var(--dsa-nav-main--background);
-    backface-visibility: hidden;
-    -webkit-overflow-scrolling: touch;
-    box-shadow: 20px 0px 30px rgba(0, 0, 0, 0);
-  }
-  .dsa-nav-flyout__item--icon {
-    border: 0;
-    clip: rect(1px, 1px, 1px, 1px);
-    clip-path: inset(100%);
-    height: 1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    white-space: nowrap;
-    width: 1px;
-  }
-  .overlay-open .dsa-nav-flyout {
-    left: 0;
-    box-shadow: var(--dsa-nav-main--shadow);
-  }
-  .dsa-nav-flyout > .dsa-nav-main__logo {
-    margin-top: var(--dsa-header--spacing-vertical);
-    margin-bottom: var(--dsa-header--spacing-vertical);
-  }
-  .dsa-nav-flyout ul.dsa-nav-main__list {
-    padding-top: calc(var(--dsa-header--spacing-vertical) - var(--ks-spacing-s));
-  }
-  .dsa-nav-flyout ul.dsa-nav-main__list .dsa-nav-main--button {
-    margin-left: var(--dsa-header--spacing-horizontal);
-    margin-top: var(--dsa-header--spacing-vertical);
-  }
-  .dsa-nav-flyout ul.dsa-nav-main__list .dsa-nav-main--button .button {
-    --button--font: var(--ks-font-interface-s);
-  }
-  .dsa-nav-flyout ul.dsa-nav-main__list .dsa-nav-main--button .button .button__content {
-    --button--padding: 0.4rem 1rem;
-  }
+.dsa-nav-flyout ul {
+  padding: 0;
+  margin: 0;
+}
+.overlay-open .dsa-nav-flyout {
+  left: 0;
+  box-shadow: var(--dsa-nav-flyout--shadow);
+}
+.dsa-nav-flyout .dsa-nav-flyout__logo {
+  margin-top: var(--dsa-header--spacing-vertical);
+  margin-bottom: var(--dsa-header--spacing-vertical);
+}
+.dsa-nav-flyout .dsa-nav-flyout__list {
+  padding-top: calc(var(--dsa-header--spacing-vertical) - var(--ks-spacing-s));
+}
+.dsa-nav-flyout .dsa-nav-flyout__item {
+  flex-shrink: 0;
+  position: relative;
+  outline: 0;
+}
+.dsa-nav-flyout .dsa-nav-flyout__item:hover > .dsa-nav-sublist {
+  display: flex;
+}
+.dsa-nav-flyout .dsa-nav-flyout__link {
+  font: var(--dsa-nav-flyout__link--font);
+  font-weight: var(--dsa-nav-flyout__link--font-weight);
+  color: var(--dsa-nav-flyout__link--color);
+  position: relative;
+  display: flex;
+  height: 100%;
+  align-items: center;
+  padding: var(--dsa-nav-flyout__link--padding);
+}
+.dsa-nav-flyout .dsa-nav-flyout__link:hover {
+  color: var(--dsa-nav-flyout__link--color_hover);
+}
+.dsa-nav-flyout .dsa-nav-flyout__link:active {
+  color: var(--dsa-nav-flyout__link--color_active);
+}
+.dsa-nav-flyout .dsa-nav-flyout__sublist {
+  padding-left: var(--dsa-nav-flyout__sublist--padding-left);
+}
+.dsa-nav-flyout .dsa-nav-flyout__sublist:hover .dsa-nav-sublist__link:not(:hover) {
+  opacity: var(--dsa-nav-sublist__link_dimmed--opacity);
+}
+.dsa-nav-flyout ul {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.dsa-nav-flyout ul li {
+  display: block;
+  margin: 0;
 }

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

@@ -125,30 +125,30 @@
       "examples": [
         [
           {
-            "label": "Nav With Children",
+            "label": "Navigation Item",
+            "href": "#"
+          },
+          {
+            "label": "Active Item",
+            "href": "#",
+            "active": true
+          },
+          {
+            "label": "Item With Children",
             "href": "#",
             "items": [
               {
-                "label": "TEST1",
+                "label": "Level 2 Item",
                 "href": "#",
-                "id": "TEST1"
+                "id": ""
               },
               {
-                "label": "TEST2",
+                "label": "Another One",
                 "href": "#",
-                "id": "TEST2"
+                "id": ""
               }
             ]
           },
-          {
-            "label": "Active Item",
-            "href": "#",
-            "active": true
-          },
-          {
-            "label": "Another Item",
-            "href": "#"
-          },
           {
             "label": "One more Item",
             "href": "#"

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

@@ -46,30 +46,30 @@
       "examples": [
         [
           {
-            "label": "Nav With Children",
+            "label": "Navigation Item",
+            "href": "#"
+          },
+          {
+            "label": "Active Item",
+            "href": "#",
+            "active": true
+          },
+          {
+            "label": "Item With Children",
             "href": "#",
             "items": [
               {
-                "label": "TEST1",
+                "label": "Level 2 Item",
                 "href": "#",
-                "id": "TEST1"
+                "id": ""
               },
               {
-                "label": "TEST2",
+                "label": "Another One",
                 "href": "#",
-                "id": "TEST2"
+                "id": ""
               }
             ]
           },
-          {
-            "label": "Active Item",
-            "href": "#",
-            "active": true
-          },
-          {
-            "label": "Another Item",
-            "href": "#"
-          },
           {
             "label": "One more Item",
             "href": "#"

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

@@ -1,12 +1,12 @@
 import "./nav-topbar.css";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+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(Fragment, { children: jsx(NavDropdown, { items: items, inverted: dropdownInverted?.toString() }) })) : null] }, id));
+            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 CHANGED Viewed

@@ -1,9 +1,4 @@
 .dsa-nav-topbar {
-  --dsa-nav-topbar--background: linear-gradient(
-    125deg,
-    var(--ks-background-color-default),
-    var(--ks-color-primary-to-bg-6)
-  );
   --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);
@@ -14,53 +9,24 @@
   --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-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-topbar {
-  /* critical:start */
   display: none;
   --g-link--text-decoration: none;
   --g-link--text-decoration_hover: none;
   flex-direction: column;
   justify-content: flex-start;
-  /* critical:end */
 }
 @media (min-width: 62rem) {
   .dsa-nav-topbar {
     display: flex;
   }
 }
-.dsa-nav-topbar ul {
-  /* critical:start */
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  /* critical:end */
-}
-.dsa-nav-topbar ul li {
-  display: block;
-  margin: 0;
-}
 .dsa-nav-topbar .dsa-nav-list {
-  /* critical:start */
   display: flex;
   flex-wrap: nowrap;
   align-items: stretch;
-  /* critical:end */
 }
 .dsa-nav-topbar .dsa-nav-list > ul.dsa-nav-main__list {
   display: none;
@@ -72,9 +38,7 @@
   opacity: var(--dsa-nav-topbar_floating__link_dimmed--opacity);
 }
 .dsa-nav-topbar .dsa-nav-topbar__item {
-  /* critical:start */
   flex-shrink: 0;
-  /* critical:end */
   position: relative;
   outline: 0;
 }
@@ -82,7 +46,6 @@
   display: flex;
 }
 .dsa-nav-topbar .dsa-nav-topbar__link {
-  /* critical:start */
   font: var(--dsa-nav-topbar__link--font);
   font-weight: var(--dsa-nav-topbar__link--font-weight);
   color: var(--dsa-nav-topbar__link--color);
@@ -91,7 +54,6 @@
   height: 100%;
   align-items: center;
   padding: var(--dsa-nav-topbar__link--padding);
-  /* critical:end */
 }
 .dsa-nav-topbar .dsa-nav-topbar__link:hover {
   color: var(--dsa-nav-topbar__link--color_hover);
@@ -108,32 +70,13 @@
 .dsa-header--floating .dsa-nav-topbar .dsa-nav-topbar__link:active {
   color: var(--dsa-nav-topbar__link--color_active);
 }
-.dsa-nav-topbar .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-topbar .dsa-nav-dropdown:hover .dsa-nav-dropdown__link:not(:hover) {
-  opacity: var(--dsa-nav-dropdown__link_dimmed--opacity);
-}
-.dsa-nav-topbar .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-topbar .dsa-nav-dropdown__link:hover {
-  color: var(--dsa-nav-dropdown__link--color_hover);
+.dsa-nav-topbar ul {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
-.dsa-nav-topbar .dsa-nav-dropdown__link:active {
-  color: var(--dsa-nav-dropdown__link--color_active);
+.dsa-nav-topbar ul li {
+  display: block;
+  margin: 0;
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Aug 2024 12:11:02 GMT
+ * Generated on Wed, 21 Aug 2024 13:20:41 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/components/presets.json CHANGED Viewed

@@ -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      items: [\n        {\n          href: '#',\n          id: 'TEST1',\n          label: 'TEST1'\n        },\n        {\n          href: '#',\n          id: 'TEST2',\n          label: 'TEST2'\n        }\n      ],\n      label: 'Nav With Children'\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,19 +1300,7 @@
       "navItems": [
         {
           "href": "#",
-          "label": "Nav With Children",
-          "items": [
-            {
-              "href": "#",
-              "id": "TEST1",
-              "label": "TEST1"
-            },
-            {
-              "href": "#",
-              "id": "TEST2",
-              "label": "TEST2"
-            }
-          ]
+          "label": "Navigation Item"
         },
         {
           "href": "#",
@@ -1321,7 +1309,19 @@
         },
         {
           "href": "#",
-          "label": "Another Item"
+          "label": "Item With Children",
+          "items": [
+            {
+              "href": "#",
+              "id": "",
+              "label": "Level 2 Item"
+            },
+            {
+              "href": "#",
+              "id": "",
+              "label": "Another One"
+            }
+          ]
         },
         {
           "href": "#",
@@ -1510,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      items: [\n        {\n          href: '#',\n          id: 'TEST1',\n          label: 'TEST1'\n        },\n        {\n          href: '#',\n          id: 'TEST2',\n          label: 'TEST2'\n        }\n      ],\n      label: 'Nav With Children'\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",
@@ -1527,19 +1527,7 @@
       "navItems": [
         {
           "href": "#",
-          "label": "Nav With Children",
-          "items": [
-            {
-              "href": "#",
-              "id": "TEST1",
-              "label": "TEST1"
-            },
-            {
-              "href": "#",
-              "id": "TEST2",
-              "label": "TEST2"
-            }
-          ]
+          "label": "Navigation Item"
         },
         {
           "href": "#",
@@ -1548,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/settings/settings.schema.dereffed.json CHANGED Viewed

@@ -135,30 +135,30 @@
           "examples": [
             [
               {
-                "label": "Nav With Children",
+                "label": "Navigation Item",
+                "href": "#"
+              },
+              {
+                "label": "Active Item",
+                "href": "#",
+                "active": true
+              },
+              {
+                "label": "Item With Children",
                 "href": "#",
                 "items": [
                   {
-                    "label": "TEST1",
+                    "label": "Level 2 Item",
                     "href": "#",
-                    "id": "TEST1"
+                    "id": ""
                   },
                   {
-                    "label": "TEST2",
+                    "label": "Another One",
                     "href": "#",
-                    "id": "TEST2"
+                    "id": ""
                   }
                 ]
               },
-              {
-                "label": "Active Item",
-                "href": "#",
-                "active": true
-              },
-              {
-                "label": "Another Item",
-                "href": "#"
-              },
               {
                 "label": "One more Item",
                 "href": "#"
@@ -288,30 +288,30 @@
           "examples": [
             [
               {
-                "label": "Nav With Children",
+                "label": "Navigation Item",
+                "href": "#"
+              },
+              {
+                "label": "Active Item",
+                "href": "#",
+                "active": true
+              },
+              {
+                "label": "Item With Children",
                 "href": "#",
                 "items": [
                   {
-                    "label": "TEST1",
+                    "label": "Level 2 Item",
                     "href": "#",
-                    "id": "TEST1"
+                    "id": ""
                   },
                   {
-                    "label": "TEST2",
+                    "label": "Another One",
                     "href": "#",
-                    "id": "TEST2"
+                    "id": ""
                   }
                 ]
               },
-              {
-                "label": "Active Item",
-                "href": "#",
-                "active": true
-              },
-              {
-                "label": "Another Item",
-                "href": "#"
-              },
               {
                 "label": "One more Item",
                 "href": "#"

package/dist/tokens/themes.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Aug 2024 12:11:04 GMT
+ * Generated on Wed, 21 Aug 2024 13:20:44 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 12:11:08 GMT
+ * Generated on Wed, 21 Aug 2024 13:20:48 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 12:11:06 GMT
+ * Generated on Wed, 21 Aug 2024 13:20:46 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 12:11:10 GMT
+ * Generated on Wed, 21 Aug 2024 13:20:50 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Aug 2024 12:11:02 GMT
+ * Generated on Wed, 21 Aug 2024 13:20:41 GMT
  */
 :root, [ks-theme] {

package/dist/tokens/tokens.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Aug 2024 12:11:03 GMT
+ * Generated on Wed, 21 Aug 2024 13:20:42 GMT
  */
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.3.50--canary.663.b100f6e.0",
+  "version": "1.3.50--canary.667.9377ecb.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {