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

package/dist/components/hero/index.js

@@ -8,16 +8,23 @@ import { ButtonContext } from '@kickstartds/base/lib/button';
 import { useButtonGroup } from '../button-group/index.js';
 import '@kickstartds/base/lib/button-group';
 
-const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightText, textPosition = "center", colorNeutral, inverted, image, overlay, textbox, className, buttons = [], ...rest }, ref) => {
+const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightText, textPosition = "center", colorNeutral, image, overlay, textbox, className, buttons = [], ...rest }, ref) => {
     const ButtonGroup = useButtonGroup();
     return (jsx(ButtonContext.Provider
     // @ts-expect-error
     , { 
         // @ts-expect-error
-        value: ButtonGroup, children: jsx(Container, { name: "hero", children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, className: classnames(`dsa-hero dsa-hero--content-${textPosition}`, highlightText ? `dsa-hero--highlight-text` : "", colorNeutral ? `dsa-hero--color-neutral` : "", className), height: height, overlay: overlay, skipButton: height === "fullScreen" ? true : false, inverted: true, box: {
-                        background: textbox === true ? "solid" : "transparent",
+        value: ButtonGroup, children: jsx(Container, { name: "hero", children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, className: classnames(`dsa-hero dsa-hero--content-${textPosition}`, highlightText && `dsa-hero--highlight-text`, colorNeutral && `dsa-hero--color-neutral`, overlay && `dsa-hero--overlay`, className), height: height, overlay: overlay, skipButton: height === "fullScreen" ? true : false, inverted: true, box: {
+                        background: textPosition === "below"
+                            ? "transparent"
+                            : textbox === true
+                                ? "solid"
+                                : "transparent",
                         enabled: true,
-                        vertical: textPosition === "below" || textPosition === "corner"
+                        vertical: textPosition === "below" ||
+                            textPosition === "offset" ||
+                            textPosition === "corner" ||
+                            textPosition === "bottom"
                             ? "bottom"
                             : "center",
                         horizontal: textPosition === "left" || textPosition === "corner"
@@ -30,7 +37,10 @@ const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightT
                             buttons,
                             colorNeutral,
                             enabled: buttons.length > 0,
-                            arrangement: textPosition === "below" || textPosition === "center"
+                            arrangement: textPosition === "below" ||
+                                textPosition === "offset" ||
+                                textPosition === "center" ||
+                                textPosition === "bottom"
                                 ? "center"
                                 : "left",
                         },

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

@@ -1,5 +1,5 @@
 .dsa-nav-dropdown {
-  --dsa-nav-dropdown--padding: var(--ks-spacing-xs) var(--ks-spacing-xxs);
+  --dsa-nav-dropdown--padding: var(--ks-spacing-xxs) var(--ks-spacing-xxs) var(--ks-spacing-m) 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: unset;
+  --dsa-nav-dropdown__label--background-color_hover: var(--ks-color-fg-alpha-8);
   --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: 0.6;
+  --dsa-nav-dropdown__label_dimmed--opacity: 1;
 }
 .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,51 +48,43 @@
       "examples": [
         [
           {
-            "label": "Fahrzeugsuche",
+            "label": "Active Item",
             "url": "#",
             "active": true
           },
           {
-            "label": "Marken",
+            "label": "Navigation Item",
+            "url": "#"
+          },
+          {
+            "label": "Dropdown",
             "url": "#",
             "items": [
               {
-                "label": "Nissan",
+                "label": "Level 2 Item",
                 "url": "#"
               },
               {
-                "label": "Kia",
+                "label": "Active Item",
                 "active": true,
                 "url": "#"
               },
               {
-                "label": "Maserati",
+                "label": "An Item with a longer Label",
                 "url": "#"
               },
               {
-                "label": "Corvette",
+                "label": "And One last one",
                 "url": "#"
               }
             ]
           },
           {
-            "label": "Standorte",
-            "url": "#"
-          },
-          {
-            "label": "Bonusprogramm",
-            "url": "#"
-          },
-          {
-            "label": "News",
-            "url": "#"
-          },
-          {
-            "label": "Jobs",
+            "label": "One more Item",
             "url": "#"
           },
           {
-            "label": "Kontakt",
+            "label": "Last Item",
             "url": "#"
           }
         ]

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

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

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

@@ -45,51 +45,43 @@
       "examples": [
         [
           {
-            "label": "Fahrzeugsuche",
+            "label": "Active Item",
             "url": "#",
             "active": true
           },
           {
-            "label": "Marken",
+            "label": "Navigation Item",
+            "url": "#"
+          },
+          {
+            "label": "Dropdown",
             "url": "#",
             "items": [
               {
-                "label": "Nissan",
+                "label": "Level 2 Item",
                 "url": "#"
               },
               {
-                "label": "Kia",
+                "label": "Active Item",
                 "active": true,
                 "url": "#"
               },
               {
-                "label": "Maserati",
+                "label": "An Item with a longer Label",
                 "url": "#"
               },
               {
-                "label": "Corvette",
+                "label": "And One last one",
                 "url": "#"
               }
             ]
           },
           {
-            "label": "Standorte",
-            "url": "#"
-          },
-          {
-            "label": "Bonusprogramm",
-            "url": "#"
-          },
-          {
-            "label": "News",
-            "url": "#"
-          },
-          {
-            "label": "Jobs",
+            "label": "One more Item",
             "url": "#"
           },
           {
-            "label": "Kontakt",
+            "label": "Last Item",
             "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: transparent;
+  --dsa-nav-topbar__label--background-color_hover: var(--ks-color-fg-alpha-8);
   --dsa-nav-topbar__label--background-color_active: transparent;
-  --dsa-nav-topbar__label--font-size: calc(var(--ks-font-size-interface-s) * 1.15);
+  --dsa-nav-topbar__label--font-size: var(--ks-font-size-interface-s);
   --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: 0.6;
+  --dsa-nav-topbar__label_dimmed--opacity: 1;
   --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,51 +48,43 @@
       "examples": [
         [
           {
-            "label": "Fahrzeugsuche",
+            "label": "Active Item",
             "url": "#",
             "active": true
           },
           {
-            "label": "Marken",
+            "label": "Navigation Item",
+            "url": "#"
+          },
+          {
+            "label": "Dropdown",
             "url": "#",
             "items": [
               {
-                "label": "Nissan",
+                "label": "Level 2 Item",
                 "url": "#"
               },
               {
-                "label": "Kia",
+                "label": "Active Item",
                 "active": true,
                 "url": "#"
               },
               {
-                "label": "Maserati",
+                "label": "An Item with a longer Label",
                 "url": "#"
               },
               {
-                "label": "Corvette",
+                "label": "And One last one",
                 "url": "#"
               }
             ]
           },
           {
-            "label": "Standorte",
-            "url": "#"
-          },
-          {
-            "label": "Bonusprogramm",
-            "url": "#"
-          },
-          {
-            "label": "News",
-            "url": "#"
-          },
-          {
-            "label": "Jobs",
+            "label": "One more Item",
             "url": "#"
           },
           {
-            "label": "Kontakt",
+            "label": "Last Item",
             "url": "#"
           }
         ]

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

@@ -416,12 +416,6 @@
                       "type": "boolean",
                       "default": false
                     },
-                    "inverted": {
-                      "title": "Inverted",
-                      "description": "Toggle inversion of the component",
-                      "type": "boolean",
-                      "default": false
-                    },
                     "type": {
                       "const": "cta"
                     }
@@ -884,19 +878,15 @@
                       "enum": [
                         "center",
                         "below",
+                        "offset",
                         "left",
                         "right",
-                        "corner"
+                        "corner",
+                        "bottom"
                       ],
                       "type": "string",
                       "default": "bottom"
                     },
-                    "inverted": {
-                      "type": "boolean",
-                      "title": "Inverted",
-                      "description": "Inverted color scheme for the box",
-                      "default": false
-                    },
                     "type": {
                       "const": "hero"
                     }
@@ -1712,12 +1702,6 @@
                                 "type": "boolean",
                                 "default": false
                               },
-                              "inverted": {
-                                "title": "Inverted",
-                                "description": "Toggle inversion of the component",
-                                "type": "boolean",
-                                "default": false
-                              },
                               "type": {
                                 "const": "cta"
                               }
@@ -2097,19 +2081,15 @@
                                 "enum": [
                                   "center",
                                   "below",
+                                  "offset",
                                   "left",
                                   "right",
-                                  "corner"
+                                  "corner",
+                                  "bottom"
                                 ],
                                 "type": "string",
                                 "default": "bottom"
                               },
-                              "inverted": {
-                                "type": "boolean",
-                                "title": "Inverted",
-                                "description": "Inverted color scheme for the box",
-                                "default": false
-                              },
                               "type": {
                                 "const": "hero"
                               }

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

@@ -102,12 +102,6 @@ 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",