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

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,8 +135,20 @@
           "examples": [
             [
               {
-                "label": "Nav Item",
-                "href": "#"
+                "label": "Nav With Children",
+                "href": "#",
+                "items": [
+                  {
+                    "label": "TEST1",
+                    "href": "#",
+                    "id": "TEST1"
+                  },
+                  {
+                    "label": "TEST2",
+                    "href": "#",
+                    "id": "TEST2"
+                  }
+                ]
               },
               {
                 "label": "Active 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,8 +288,20 @@
           "examples": [
             [
               {
-                "label": "Nav Item",
-                "href": "#"
+                "label": "Nav With Children",
+                "href": "#",
+                "items": [
+                  {
+                    "label": "TEST1",
+                    "href": "#",
+                    "id": "TEST1"
+                  },
+                  {
+                    "label": "TEST2",
+                    "href": "#",
+                    "id": "TEST2"
+                  }
+                ]
               },
               {
                 "label": "Active Item",

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 19 Aug 2024 11:56:06 GMT
+ * Generated on Wed, 21 Aug 2024 12:11:04 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 Mon, 19 Aug 2024 11:56:10 GMT
+ * Generated on Wed, 21 Aug 2024 12:11:08 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 Mon, 19 Aug 2024 11:56:08 GMT
+ * Generated on Wed, 21 Aug 2024 12:11:06 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 Mon, 19 Aug 2024 11:56:12 GMT
+ * Generated on Wed, 21 Aug 2024 12:11:10 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 Mon, 19 Aug 2024 11:56:03 GMT
+ * Generated on Wed, 21 Aug 2024 12:11:02 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

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

package/package.json

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

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

@@ -1,194 +0,0 @@
-.dsa-nav-main {
-  --dsa-nav-main--background: linear-gradient(
-    125deg,
-    var(--ks-background-color-default),
-    var(--ks-color-primary-to-bg-6)
-  );
-  --dsa-nav-main__link--color: var(--ks-color-fg);
-  --dsa-nav-main__link--opacity_hover: 0.6;
-  --dsa-nav-main__link--color_active: var(--ks-text-color-interface-interactive-active);
-  --dsa-nav-main__link--font: var(--ks-font-interface-l);
-  --dsa-nav-main__link--font-weight: var(--ks-font-weight-semi-bold);
-  --dsa-nav-main__link--font-weight_active: var(--ks-font-weight-semi-bold);
-  --dsa-nav-main_floating__link--color: var(--ks-color-fg);
-  --dsa-nav-main_floating__link--color_active: var(--ks-color-fg);
-  --dsa-nav-main_floating__link--opacity_hover: 0.6;
-  --dsa-nav-main__link--padding: 0.35em 0;
-  --dsa-nav-main--shadow: 50px 0px 50px 50px rgba(0, 0, 0, 0.539);
-}
-@media (min-width: 62em) {
-  .dsa-nav-main {
-    --dsa-nav-main__link--padding: 0 0.75em;
-    --dsa-nav-main__link--font: var(--ks-font-interface-m);
-  }
-}
-
-.dsa-nav-main {
-  --g-link--text-decoration: none;
-  --g-link--text-decoration_hover: none;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-}
-.dsa-nav-main--active .dsa-nav-main__item .dsa-nav-main__link {
-  color: var(--dsa-nav-main__link--color);
-}
-.dsa-nav-main--active .dsa-nav-main__item--active .dsa-nav-main__link {
-  color: var(--dsa-nav-main__link--color_active);
-  font-weight: var(--dsa-nav-main__link--font-weight_active);
-}
-.dsa-nav-main ul {
-  /* critical:start */
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  /* critical:end */
-}
-.dsa-nav-main ul li {
-  display: block;
-  margin: 0;
-}
-.dsa-nav-main__item {
-  position: relative;
-}
-.dsa-nav-main__list:hover .dsa-nav-main__link {
-  opacity: var(--dsa-nav-main__link--opacity_hover);
-}
-.dsa-nav-main .dsa-nav-main__item a.dsa-nav-main__link {
-  /* critical:start */
-  font: var(--dsa-nav-main__link--font);
-  font-weight: var(--dsa-nav-main__link--font-weight);
-  color: var(--dsa-nav-main__link--color);
-  position: relative;
-  display: block;
-  padding: var(--dsa-nav-main__link--padding);
-  /* critical:end */
-}
-.dsa-nav-main .dsa-nav-main__item a.dsa-nav-main__link:hover {
-  opacity: 1;
-  color: var(--dsa-nav-main__link--color_active);
-}
-.dsa-nav-main .dsa-nav-main__item a.dsa-nav-main__link:active {
-  color: var(--dsa-nav-main__link--color_active);
-}
-.dsa-nav-main__logo {
-  padding: var(--dsa-header--spacing-v) 0;
-}
-.dsa-nav-main__wrap {
-  flex-grow: 0;
-  flex-shrink: 1;
-}
-.dsa-nav-main.dsa-nav-main--flyout {
-  display: none;
-}
-@media (max-width: 62em) {
-  .dsa-nav-main.dsa-nav-main--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-main.dsa-nav-main--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-main.dsa-nav-main--flyout {
-    left: 0;
-    box-shadow: var(--dsa-nav-main--shadow);
-  }
-  .dsa-nav-main.dsa-nav-main--flyout > .dsa-nav-main__logo {
-    margin-top: var(--dsa-header--spacing-vertical);
-    margin-bottom: var(--dsa-header--spacing-vertical);
-  }
-  .dsa-nav-main.dsa-nav-main--flyout ul.dsa-nav-main__list {
-    padding-top: calc(var(--dsa-header--spacing-vertical) - var(--ks-spacing-s));
-  }
-  .dsa-nav-main.dsa-nav-main--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-main.dsa-nav-main--flyout ul.dsa-nav-main__list .dsa-nav-main--button .button {
-    --button--font: var(--ks-font-interface-s);
-  }
-  .dsa-nav-main.dsa-nav-main--flyout ul.dsa-nav-main__list .dsa-nav-main--button .button .button__content {
-    --button--padding: 0.4rem 1rem;
-  }
-}
-.dsa-nav-main.dsa-nav-main--topbar {
-  display: none;
-}
-@media (min-width: 62em) {
-  .dsa-nav-main.dsa-nav-main--topbar {
-    display: block;
-    /* critical:start */
-    /* critical:end */
-  }
-  .dsa-nav-main.dsa-nav-main--topbar > .dsa-nav-main__logo {
-    display: none;
-  }
-  .dsa-nav-main.dsa-nav-main--topbar .button--wrapper {
-    margin-left: var(--ks-spacing-inline-xs);
-  }
-  .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__wrap {
-    display: flex;
-    align-items: center;
-  }
-  .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__list {
-    /* critical:start */
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: center;
-    /* critical:end */
-  }
-  .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__list .dsa-nav-main--button .button {
-    --button--font: var(--ks-font-interface-s);
-  }
-  .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__list .dsa-nav-main--button .button span {
-    font-size: 98%;
-  }
-  .dsa-header--floating .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__list:hover .dsa-nav-main__link {
-    opacity: var(--dsa-nav-main_floating__link--opacity_hover);
-  }
-  .dsa-header--floating .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__list:hover .dsa-nav-main__link:hover {
-    opacity: 1;
-  }
-  .dsa-nav-main.dsa-nav-main--topbar.dsa-nav-main__item {
-    /* critical:start */
-    flex-shrink: 0;
-    /* critical:end */
-    outline: 0;
-  }
-  .dsa-header--floating .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__link {
-    color: var(--dsa-nav-main_floating__link--color);
-  }
-  .dsa-header--floating .dsa-nav-main.dsa-nav-main--topbar.dsa-nav-main--active .dsa-nav-main__link {
-    color: var(--dsa-nav-main_floating__link--color_active);
-  }
-}
-
-.dsa-nav-main-toggle[aria-expanded=true] + .dsa-nav-main {
-  display: block;
-}