@kickstartds/ds-agency-premium 1.6.71--canary.45.1893.0 → 1.6.71--canary.1897.4e4f047.0

package/dist/components/button/button.css

@@ -1,8 +1,8 @@
 .dsa-button {
-  --dsa-button--padding: 0.75em 1.5em;
+  --dsa-button--padding: 0.65em 1.5em;
   --dsa-button--border-width: var(--ks-border-width-default);
   --dsa-button--border-radius: var(--ks-border-radius-control);
-  --dsa-button--font-weight: var(--ks-font-weight-semi-bold);
+  --dsa-button--font-weight: var(--ks-font-weight-regular);
   --dsa-button--text-transform: default;
   --dsa-button_small--font: var(--ks-font-interface-s);
   --dsa-button_medium--font: var(--ks-font-interface-m);

package/dist/components/footer/footer.css

@@ -10,7 +10,7 @@
   --dsa-footer__link--font-weight: var(--dsa-link--font-weight);
   --dsa-footer__link--color: var(--dsa-link--color);
   --dsa-footer__link--text-tecoration: none;
-  --dsa-footer__link--text-tecoration_hover: underline;
+  --dsa-footer__link--text-tecoration_hover: none;
   --dsa-footer__logo--height: 1.5rem;
 }
 @media (min-width: 62em) {

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

@@ -107,43 +107,51 @@
       "examples": [
         [
           {
-            "label": "Active Item",
+            "label": "Fahrzeugsuche",
             "url": "#",
             "active": true
           },
           {
-            "label": "Navigation Item",
-            "url": "#"
-          },
-          {
-            "label": "Dropdown",
+            "label": "Marken",
             "url": "#",
             "items": [
               {
-                "label": "Level 2 Item",
+                "label": "Nissan",
                 "url": "#"
               },
               {
-                "label": "Active Item",
+                "label": "Kia",
                 "active": true,
                 "url": "#"
               },
               {
-                "label": "An Item with a longer Label",
+                "label": "Maserati",
                 "url": "#"
               },
               {
-                "label": "And One last one",
+                "label": "Corvette",
                 "url": "#"
               }
             ]
           },
           {
-            "label": "One more Item",
+            "label": "Standorte",
+            "url": "#"
+          },
+          {
+            "label": "Bonusprogramm",
+            "url": "#"
+          },
+          {
+            "label": "News",
+            "url": "#"
+          },
+          {
+            "label": "Jobs",
             "url": "#"
           },
           {
-            "label": "Last Item",
+            "label": "Kontakt",
             "url": "#"
           }
         ]

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

@@ -120,43 +120,51 @@
       "examples": [
         [
           {
-            "label": "Active Item",
+            "label": "Fahrzeugsuche",
             "url": "#",
             "active": true
           },
           {
-            "label": "Navigation Item",
-            "url": "#"
-          },
-          {
-            "label": "Dropdown",
+            "label": "Marken",
             "url": "#",
             "items": [
               {
-                "label": "Level 2 Item",
+                "label": "Nissan",
                 "url": "#"
               },
               {
-                "label": "Active Item",
+                "label": "Kia",
                 "active": true,
                 "url": "#"
               },
               {
-                "label": "An Item with a longer Label",
+                "label": "Maserati",
                 "url": "#"
               },
               {
-                "label": "And One last one",
+                "label": "Corvette",
                 "url": "#"
               }
             ]
           },
           {
-            "label": "One more Item",
+            "label": "Standorte",
+            "url": "#"
+          },
+          {
+            "label": "Bonusprogramm",
+            "url": "#"
+          },
+          {
+            "label": "News",
+            "url": "#"
+          },
+          {
+            "label": "Jobs",
             "url": "#"
           },
           {
-            "label": "Last Item",
+            "label": "Kontakt",
             "url": "#"
           }
         ]

package/dist/components/hero/hero.css

@@ -25,7 +25,7 @@
   --dsa-hero__overlay--background: radial-gradient(
     50% 125% at 100% 0%,
     var(--ks-color-primary-alpha-5) 0%,
-    var(--ks-color-bg-alpha-4) 100%
+    var(--ks-color-fg-inverted-alpha-5) 100%
   );
   --dsa-hero--below__overlay--background: linear-gradient(
     0deg,

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

@@ -1,5 +1,5 @@
 .dsa-nav-dropdown {
-  --dsa-nav-dropdown--padding: var(--ks-spacing-xxs) var(--ks-spacing-xxs) var(--ks-spacing-m) var(--ks-spacing-xxs);
+  --dsa-nav-dropdown--padding: var(--ks-spacing-xs) var(--ks-spacing-xxs);
   --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);
@@ -8,7 +8,7 @@
   --dsa-nav-dropdown__label--color: var(--ks-color-fg);
   --dsa-nav-dropdown__label--color_hover: var(--ks-text-color-interface-interactive-hover);
   --dsa-nav-dropdown__label--color_active: var(--ks-text-color-interface-interactive-active);
-  --dsa-nav-dropdown__label--background-color_hover: var(--ks-color-fg-alpha-8);
+  --dsa-nav-dropdown__label--background-color_hover: unset;
   --dsa-nav-dropdown__label--background-color_active: unset;
   --dsa-nav-dropdown__label--border-radius: var(--ks-border-radius-control);
   --dsa-nav-dropdown__label--font: var(--ks-font-interface-s);
@@ -16,7 +16,7 @@
   --dsa-nav-dropdown__label--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-nav-dropdown__label--font-weight_active: var(--ks-font-weight-bold);
   --dsa-nav-dropdown__label--padding: 0.45em 0.75em;
-  --dsa-nav-dropdown__label_dimmed--opacity: 1;
+  --dsa-nav-dropdown__label_dimmed--opacity: 0.6;
 }
 .dsa-nav-dropdown[ks-inverted=true] {
   --dsa-nav-dropdown--background: var(--ks-color-fg-inverted);

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

@@ -48,43 +48,51 @@
       "examples": [
         [
           {
-            "label": "Active Item",
+            "label": "Fahrzeugsuche",
             "url": "#",
             "active": true
           },
           {
-            "label": "Navigation Item",
-            "url": "#"
-          },
-          {
-            "label": "Dropdown",
+            "label": "Marken",
             "url": "#",
             "items": [
               {
-                "label": "Level 2 Item",
+                "label": "Nissan",
                 "url": "#"
               },
               {
-                "label": "Active Item",
+                "label": "Kia",
                 "active": true,
                 "url": "#"
               },
               {
-                "label": "An Item with a longer Label",
+                "label": "Maserati",
                 "url": "#"
               },
               {
-                "label": "And One last one",
+                "label": "Corvette",
                 "url": "#"
               }
             ]
           },
           {
-            "label": "One more Item",
+            "label": "Standorte",
+            "url": "#"
+          },
+          {
+            "label": "Bonusprogramm",
+            "url": "#"
+          },
+          {
+            "label": "News",
+            "url": "#"
+          },
+          {
+            "label": "Jobs",
             "url": "#"
           },
           {
-            "label": "Last Item",
+            "label": "Kontakt",
             "url": "#"
           }
         ]

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

@@ -122,43 +122,51 @@
       "examples": [
         [
           {
-            "label": "Active Item",
+            "label": "Fahrzeugsuche",
             "url": "#",
             "active": true
           },
           {
-            "label": "Navigation Item",
-            "url": "#"
-          },
-          {
-            "label": "Dropdown",
+            "label": "Marken",
             "url": "#",
             "items": [
               {
-                "label": "Level 2 Item",
+                "label": "Nissan",
                 "url": "#"
               },
               {
-                "label": "Active Item",
+                "label": "Kia",
                 "active": true,
                 "url": "#"
               },
               {
-                "label": "An Item with a longer Label",
+                "label": "Maserati",
                 "url": "#"
               },
               {
-                "label": "And One last one",
+                "label": "Corvette",
                 "url": "#"
               }
             ]
           },
           {
-            "label": "One more Item",
+            "label": "Standorte",
+            "url": "#"
+          },
+          {
+            "label": "Bonusprogramm",
+            "url": "#"
+          },
+          {
+            "label": "News",
+            "url": "#"
+          },
+          {
+            "label": "Jobs",
             "url": "#"
           },
           {
-            "label": "Last Item",
+            "label": "Kontakt",
             "url": "#"
           }
         ]

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

@@ -45,43 +45,51 @@
       "examples": [
         [
           {
-            "label": "Active Item",
+            "label": "Fahrzeugsuche",
             "url": "#",
             "active": true
           },
           {
-            "label": "Navigation Item",
-            "url": "#"
-          },
-          {
-            "label": "Dropdown",
+            "label": "Marken",
             "url": "#",
             "items": [
               {
-                "label": "Level 2 Item",
+                "label": "Nissan",
                 "url": "#"
               },
               {
-                "label": "Active Item",
+                "label": "Kia",
                 "active": true,
                 "url": "#"
               },
               {
-                "label": "An Item with a longer Label",
+                "label": "Maserati",
                 "url": "#"
               },
               {
-                "label": "And One last one",
+                "label": "Corvette",
                 "url": "#"
               }
             ]
           },
           {
-            "label": "One more Item",
+            "label": "Standorte",
+            "url": "#"
+          },
+          {
+            "label": "Bonusprogramm",
+            "url": "#"
+          },
+          {
+            "label": "News",
+            "url": "#"
+          },
+          {
+            "label": "Jobs",
             "url": "#"
           },
           {
-            "label": "Last Item",
+            "label": "Kontakt",
             "url": "#"
           }
         ]

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

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

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

@@ -48,43 +48,51 @@
       "examples": [
         [
           {
-            "label": "Active Item",
+            "label": "Fahrzeugsuche",
             "url": "#",
             "active": true
           },
           {
-            "label": "Navigation Item",
-            "url": "#"
-          },
-          {
-            "label": "Dropdown",
+            "label": "Marken",
             "url": "#",
             "items": [
               {
-                "label": "Level 2 Item",
+                "label": "Nissan",
                 "url": "#"
               },
               {
-                "label": "Active Item",
+                "label": "Kia",
                 "active": true,
                 "url": "#"
               },
               {
-                "label": "An Item with a longer Label",
+                "label": "Maserati",
                 "url": "#"
               },
               {
-                "label": "And One last one",
+                "label": "Corvette",
                 "url": "#"
               }
             ]
           },
           {
-            "label": "One more Item",
+            "label": "Standorte",
+            "url": "#"
+          },
+          {
+            "label": "Bonusprogramm",
+            "url": "#"
+          },
+          {
+            "label": "News",
+            "url": "#"
+          },
+          {
+            "label": "Jobs",
             "url": "#"
           },
           {
-            "label": "Last Item",
+            "label": "Kontakt",
             "url": "#"
           }
         ]

package/dist/components/page-wrapper/index.js

@@ -102,6 +102,12 @@ var IconSprite = (() => /*#__PURE__*/ jsxs("svg", {
                 }), /*#__PURE__*/ jsx("path", {
                     d: "M14 10H12V8C12 7.4 11.6 7 11 7C10.4 7 10 7.4 10 8V10H8C7.4 10 7 10.4 7 11C7 11.6 7.4 12 8 12H10V14C10 14.6 10.4 15 11 15C11.6 15 12 14.6 12 14V12H14C14.6 12 15 11.6 15 11C15 10.4 14.6 10 14 10Z"
                 })]
+        }), /*#__PURE__*/ jsx("symbol", {
+            id: "icon-heart",
+            viewBox: "0 0 24 24",
+            children: /*#__PURE__*/ jsx("path", {
+                d: "M21.452 8.50012C21.452 7.90903 21.3355 7.32354 21.1093 6.77747C20.883 6.23136 20.5508 5.7354 20.1327 5.3175C19.7149 4.89956 19.2187 4.56718 18.6727 4.34094C18.1266 4.11467 17.5412 3.99818 16.9501 3.99817C16.3589 3.99817 15.7735 4.11466 15.2274 4.34094C14.6815 4.56717 14.1853 4.89859 13.7675 5.31653L12.7069 6.37708C12.3164 6.76752 11.6833 6.76757 11.2928 6.37708L10.2333 5.3175C9.38912 4.47335 8.2435 3.99915 7.04968 3.99915C5.85598 3.99923 4.71115 4.47342 3.86707 5.3175C3.02305 6.16164 2.54871 7.30641 2.54871 8.50012C2.54874 9.69385 3.023 10.8386 3.86707 11.6827L11.9999 19.8156L20.1327 11.6827L20.286 11.5226C20.6326 11.1402 20.9113 10.7006 21.1093 10.2228C21.3355 9.67671 21.452 9.0912 21.452 8.50012ZM23.452 8.50012C23.452 9.35393 23.2837 10.1996 22.9569 10.9884C22.6301 11.7771 22.1505 12.4933 21.5468 13.0968L12.7069 21.9366C12.3164 22.3272 11.6834 22.3272 11.2928 21.9366L2.453 13.0968C1.23386 11.8776 0.54874 10.2243 0.548706 8.50012C0.548706 6.77587 1.23377 5.12169 2.453 3.90247C3.67213 2.68348 5.32567 1.99923 7.04968 1.99915C8.77389 1.99915 10.4281 2.6833 11.6473 3.90247L11.9999 4.255L12.3524 3.90247C12.956 3.29864 13.6731 2.82011 14.4618 2.49329C15.2506 2.16644 16.0962 1.99817 16.9501 1.99817C17.8039 1.99818 18.6496 2.16645 19.4384 2.49329C20.2269 2.82003 20.9433 3.29887 21.5468 3.90247C22.1507 4.50609 22.6301 5.22303 22.9569 6.01184C23.2837 6.80064 23.452 7.64629 23.452 8.50012Z"
+            })
         }), /*#__PURE__*/ jsx("symbol", {
             id: "icon-arrow-down",
             viewBox: "0 0 24 24",