@kickstartds/ds-agency-premium 1.6.68--canary.45.1711.0 → 1.6.68--canary.45.1716.0

package/dist/components/{event-list-location/event-list-location.schema.dereffed.json → event-location/event-location.schema.dereffed.json}

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/event-list-location.schema.json",
-  "title": "Event List Location",
+  "$id": "http://schema.mydesignsystem.com/event-location.schema.json",
+  "title": "Event Location",
   "type": "object",
   "properties": {
     "dates": {
@@ -10,8 +10,8 @@
       "type": "array",
       "items": {
         "$schema": "http://json-schema.org/draft-07/schema#",
-        "$id": "http://schema.mydesignsystem.com/event-list-appointment.schema.json",
-        "title": "Event List Appointment",
+        "$id": "http://schema.mydesignsystem.com/event-appointment.schema.json",
+        "title": "Event Appointment",
         "type": "object",
         "properties": {
           "date": {
@@ -39,8 +39,8 @@
               "Register"
             ]
           },
-          "href": {
-            "title": "Href",
+          "url": {
+            "title": "URL",
             "description": "URL for the call to action button",
             "type": "string",
             "format": "uri",
@@ -59,7 +59,7 @@
             "default": "Event Appointment"
           },
           "type": {
-            "const": "event-list-appointment"
+            "const": "event-appointment"
           }
         },
         "additionalProperties": false
@@ -88,7 +88,7 @@
       "items": {
         "type": "object",
         "properties": {
-          "href": {
+          "url": {
             "type": "string",
             "format": "uri"
           },
@@ -102,14 +102,14 @@
           }
         },
         "required": [
-          "href",
+          "url",
           "label"
         ],
         "additionalProperties": false
       }
     },
     "type": {
-      "const": "event-list-location"
+      "const": "event-location"
     }
   },
   "additionalProperties": false

package/dist/components/{event-list-location/event-list-location.schema.json → event-location/event-location.schema.json}

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/event-list-location.schema.json",
-  "title": "Event List Location",
+  "$id": "http://schema.mydesignsystem.com/event-location.schema.json",
+  "title": "Event Location",
   "type": "object",
   "properties": {
     "dates": {
@@ -9,7 +9,7 @@
       "description": "List of dates of the event",
       "type": "array",
       "items": {
-        "$ref": "http://schema.mydesignsystem.com/event-list-appointment.schema.json"
+        "$ref": "http://schema.mydesignsystem.com/event-appointment.schema.json"
       }
     },
     "locationName": {
@@ -33,7 +33,7 @@
       "items": {
         "type": "object",
         "properties": {
-          "href": {
+          "url": {
             "type": "string",
             "format": "uri"
           },
@@ -46,7 +46,7 @@
             "description": "Open link in a new tab"
           }
         },
-        "required": ["href", "label"]
+        "required": ["url", "label"]
       }
     }
   },

package/dist/components/event-location/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { EventLocationProps } from "../../EventLocationProps-dd4aeaa9.js";
+declare const EventLocationContextDefault: import("react").ForwardRefExoticComponent<EventLocationProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const EventLocationContext: import("react").Context<import("react").ForwardRefExoticComponent<EventLocationProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const EventLocation: import("react").ForwardRefExoticComponent<EventLocationProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { EventLocationProps };
+export { EventLocationContextDefault, EventLocationContext, EventLocation };

package/dist/components/event-location/index.js

@@ -0,0 +1,16 @@
+import "./event-location.css";
+import { forwardRef, createElement, createContext, useContext } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { RichText } from '@kickstartds/base/lib/rich-text';
+import { Icon } from '@kickstartds/base/lib/icon';
+import { EventAppointment } from '../event-appointment/index.js';
+
+const EventLocationContextDefault = forwardRef(({ locationName, address, dates, links, ...rest }, ref) => (jsxs("div", { className: "dsa-event-location", ...rest, ref: ref, children: [address && (jsx("div", { className: "dsa-event-location__row", children: jsxs("div", { className: "dsa-event-location__item ", children: [jsx(Icon, { className: "dsa-event-location__icon", icon: "map-pin", "aria-hidden": true }), jsxs("div", { className: "dsa-event-location__content", children: [jsx("span", { className: "sr-only", children: "Address:" }), jsxs("address", { className: "dsa-event-location__address", children: [locationName && (jsx("span", { className: "dsa-event-location__name", children: locationName })), address && jsx(RichText, { text: address })] }), links && links.length > 0 && (jsx("div", { className: "dsa-event-location__links", children: links.map((link, index) => (jsx("a", { href: link.url, target: link.newTab ? "_blank" : "_self", className: "dsa-event-location__link", children: link.label }, index))) }))] })] }) })), dates && dates.length > 0 && (jsxs("div", { className: "dsa-event-location__appointments", children: [jsx("span", { className: "sr-only", children: "Appointments:" }), dates.map((item, index) => (createElement(EventAppointment, { ...item, key: index })))] }))] })));
+const EventLocationContext = createContext(EventLocationContextDefault);
+const EventLocation = forwardRef((props, ref) => {
+    const Component = useContext(EventLocationContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+EventLocation.displayName = "EventLocation";
+
+export { EventLocation, EventLocationContext, EventLocationContextDefault };

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

@@ -47,10 +47,10 @@
       "title": "Call to Action",
       "description": "The call to action",
       "properties": {
-        "target": {
+        "url": {
           "type": "string",
-          "title": "Call to Action target",
-          "description": "The CTA target",
+          "title": "Call to Action url",
+          "description": "The CTA url",
           "default": "#",
           "format": "uri"
         },

package/dist/components/feature/feature.schema.json

@@ -35,10 +35,10 @@
       "title": "Call to Action",
       "description": "The call to action",
       "properties": {
-        "target": {
+        "url": {
           "type": "string",
-          "title": "Call to Action target",
-          "description": "The CTA target",
+          "title": "Call to Action url",
+          "description": "The CTA url",
           "default": "#",
           "format": "uri"
         },

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

@@ -19,9 +19,9 @@ type Title = string;
  */
 type Text = string;
 /**
- * The CTA target
+ * The CTA url
  */
-type CallToActionTarget = string;
+type CallToActionUrl = string;
 /**
  * The text label displayed on the link
  */
@@ -48,7 +48,7 @@ interface FeatureProps {
  * The call to action
  */
 interface CallToAction {
-    target?: CallToActionTarget;
+    url?: CallToActionUrl;
     label?: LinkLabel;
     icon?: Icon1;
     toggle?: CallToActionToggle;

package/dist/components/feature/index.js

@@ -16,7 +16,7 @@ const FeatureContextDefault = forwardRef(({ style = "stack", title, text, icon,
                     ? `intext dsa-feature--small`
                     : style === `centered`
                         ? `centered dsa-feature--large`
-                        : `${style}`}`), children: [jsxs("div", { className: "dsa-feature__header", children: [icon && (jsx(Icon, { className: "dsa-feature__icon", icon: icon, role: "presentation", "aria-hidden": true, focusable: false })), jsx("span", { className: "dsa-feature__title", children: title })] }), text || cta.style === "intext" ? (jsxs("p", { className: "dsa-feature__text", children: [text, cta.style === "intext" && cta.toggle ? (jsxs(Fragment, { children: [" ", " ", jsx(Link, { href: cta.target, children: cta.label ? cta.label : "See more" })] })) : ("")] })) : (""), cta.toggle && (cta.style === "link" || cta.style === "button") && (jsx("div", { className: "dsa-feature__cta", children: cta.style === "link" ? (jsxs(Link, { className: "dsa-feature__link", href: cta.target, children: [cta.label ? cta.label : "See more", jsx(Icon, { "aria-hidden": true, role: "presentation", focusable: false, icon: cta.icon || "arrow-right" })] })) : cta.style === "button" ? (jsx(Button, { className: "dsa-feature__button", size: "small", target: cta.target, label: cta.label ? cta.label : "See more" })) : ("") }))] })));
+                        : `${style}`}`), children: [jsxs("div", { className: "dsa-feature__header", children: [icon && (jsx(Icon, { className: "dsa-feature__icon", icon: icon, role: "presentation", "aria-hidden": true, focusable: false })), jsx("span", { className: "dsa-feature__title", children: title })] }), text || cta.style === "intext" ? (jsxs("p", { className: "dsa-feature__text", children: [text, cta.style === "intext" && cta.toggle ? (jsxs(Fragment, { children: [" ", " ", jsx(Link, { href: cta.url, children: cta.label ? cta.label : "See more" })] })) : ("")] })) : (""), cta.toggle && (cta.style === "link" || cta.style === "button") && (jsx("div", { className: "dsa-feature__cta", children: cta.style === "link" ? (jsxs(Link, { className: "dsa-feature__link", href: cta.url, children: [cta.label ? cta.label : "See more", jsx(Icon, { "aria-hidden": true, role: "presentation", focusable: false, icon: cta.icon || "arrow-right" })] })) : cta.style === "button" ? (jsx(Button, { className: "dsa-feature__button", size: "small", url: cta.url, label: cta.label ? cta.label : "See more" })) : ("") }))] })));
 const FeatureContext = createContext(FeatureContextDefault);
 const Feature = forwardRef((props, ref) => {
     const Component = useContext(FeatureContext);

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

@@ -85,10 +85,10 @@
           "cta": {
             "type": "object",
             "properties": {
-              "target": {
+              "url": {
                 "type": "string",
-                "title": "Call to Action target",
-                "description": "The CTA target",
+                "title": "Call to Action url",
+                "description": "The CTA url",
                 "default": "#",
                 "format": "uri"
               },

package/dist/components/features/features.schema.json

@@ -54,8 +54,8 @@
           "cta": {
             "type": "object",
             "properties": {
-              "target": {
-                "$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/cta/properties/target"
+              "url": {
+                "$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/cta/properties/url"
               },
               "label": {
                 "$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/cta/properties/label"

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { FeaturesProps } from "../../FeaturesProps-7ef528ec.js";
+import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
 declare const FeaturesContextDefault: import("react").ForwardRefExoticComponent<FeaturesProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const FeaturesContext: import("react").Context<import("react").ForwardRefExoticComponent<FeaturesProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Features: import("react").ForwardRefExoticComponent<FeaturesProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/features/index.js

@@ -19,7 +19,7 @@ const FeaturesContextDefault = forwardRef(({ layout = "largeTiles", ctas = {
         const { icon, title, text, cta, ...rest } = feature;
         return (createElement(Feature, { ...rest, key: index, icon: icon, style: style, title: title, text: text, cta: {
                 label: cta?.label,
-                target: cta?.target,
+                url: cta?.url,
                 style: ctas.style,
                 toggle: ctas.toggle,
                 icon: cta?.icon,

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

@@ -68,7 +68,7 @@
       "items": {
         "type": "object",
         "properties": {
-          "href": {
+          "url": {
             "type": "string",
             "format": "uri"
           },
@@ -83,7 +83,7 @@
             "items": {
               "type": "object",
               "properties": {
-                "href": {
+                "url": {
                   "type": "string",
                   "format": "uri"
                 },
@@ -100,7 +100,7 @@
         },
         "additionalProperties": false,
         "required": [
-          "href",
+          "url",
           "label"
         ]
       },
@@ -108,43 +108,43 @@
         [
           {
             "label": "Active Item",
-            "href": "#",
+            "url": "#",
             "active": true
           },
           {
             "label": "Navigation Item",
-            "href": "#"
+            "url": "#"
           },
           {
             "label": "Dropdown",
-            "href": "#",
+            "url": "#",
             "items": [
               {
                 "label": "Level 2 Item",
-                "href": "#"
+                "url": "#"
               },
               {
                 "label": "Active Item",
                 "active": true,
-                "href": "#"
+                "url": "#"
               },
               {
                 "label": "An Item with a longer Label",
-                "href": "#"
+                "url": "#"
               },
               {
                 "label": "And One last one",
-                "href": "#"
+                "url": "#"
               }
             ]
           },
           {
             "label": "One more Item",
-            "href": "#"
+            "url": "#"
           },
           {
             "label": "Last Item",
-            "href": "#"
+            "url": "#"
           }
         ]
       ]

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FooterProps } from "../../FooterProps-171a3067.js";
+import { FooterProps } from "../../FooterProps-a0a104ca.js";
 import { HTMLAttributes } from "react";
 declare const FooterContextDefault: import("react").ForwardRefExoticComponent<FooterProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const FooterContext: import("react").Context<import("react").ForwardRefExoticComponent<FooterProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/components/footer/index.js

@@ -6,7 +6,7 @@ import { Link } from '@kickstartds/base/lib/link';
 import { Logo } from '../logo/index.js';
 import '@kickstartds/base/lib/picture';
 
-const FooterContextDefault = forwardRef(({ byline, navItems, inverted, logo }, ref) => navItems && navItems.length > 0 ? (jsx("div", { className: classnames("dsa-footer"), "ks-inverted": inverted.toString(), ref: ref, children: jsxs("div", { className: "dsa-footer__content", children: [jsx(Logo, { ...logo, inverted: inverted }), byline && jsx("span", { className: "dsa-footer__byline", children: byline }), navItems.length > 0 ? (jsx("div", { className: "dsa-footer__links", children: navItems.map(({ label, active, ...linkProps }) => (createElement(Link, { ...linkProps, className: "dsa-footer__link", key: linkProps.href + label }, label))) })) : null] }) })) : null);
+const FooterContextDefault = forwardRef(({ byline, navItems, inverted, logo }, ref) => navItems && navItems.length > 0 ? (jsx("div", { className: classnames("dsa-footer"), "ks-inverted": inverted.toString(), ref: ref, children: jsxs("div", { className: "dsa-footer__content", children: [jsx(Logo, { ...logo, inverted: inverted }), byline && jsx("span", { className: "dsa-footer__byline", children: byline }), navItems.length > 0 ? (jsx("div", { className: "dsa-footer__links", children: navItems.map(({ label, active, ...linkProps }) => (createElement(Link, { ...linkProps, className: "dsa-footer__link", key: linkProps.url + label }, label))) })) : null] }) })) : null);
 const FooterContext = createContext(FooterContextDefault);
 const Footer = forwardRef((props, ref) => {
     const Component = useContext(FooterContext);

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

@@ -81,7 +81,7 @@
       "items": {
         "type": "object",
         "properties": {
-          "href": {
+          "url": {
             "type": "string",
             "format": "uri"
           },
@@ -96,7 +96,7 @@
             "items": {
               "type": "object",
               "properties": {
-                "href": {
+                "url": {
                   "type": "string",
                   "format": "uri"
                 },
@@ -113,7 +113,7 @@
         },
         "additionalProperties": false,
         "required": [
-          "href",
+          "url",
           "label"
         ]
       },
@@ -121,43 +121,43 @@
         [
           {
             "label": "Active Item",
-            "href": "#",
+            "url": "#",
             "active": true
           },
           {
             "label": "Navigation Item",
-            "href": "#"
+            "url": "#"
           },
           {
             "label": "Dropdown",
-            "href": "#",
+            "url": "#",
             "items": [
               {
                 "label": "Level 2 Item",
-                "href": "#"
+                "url": "#"
               },
               {
                 "label": "Active Item",
                 "active": true,
-                "href": "#"
+                "url": "#"
               },
               {
                 "label": "An Item with a longer Label",
-                "href": "#"
+                "url": "#"
               },
               {
                 "label": "And One last one",
-                "href": "#"
+                "url": "#"
               }
             ]
           },
           {
             "label": "One more Item",
-            "href": "#"
+            "url": "#"
           },
           {
             "label": "Last Item",
-            "href": "#"
+            "url": "#"
           }
         ]
       ]

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { HeaderProps } from "../../HeaderProps-e22382f1.js";
+import { HeaderProps } from "../../HeaderProps-72763967.js";
 declare const HeaderContextDefault: import("react").ForwardRefExoticComponent<HeaderProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
 declare const HeaderContext: import("react").Context<import("react").ForwardRefExoticComponent<HeaderProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>>;
 declare const Header: import("react").ForwardRefExoticComponent<HeaderProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;

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

@@ -71,10 +71,10 @@
             "title": "Icon",
             "description": "Choose an icon"
           },
-          "target": {
+          "url": {
             "type": "string",
-            "title": "Target",
-            "description": "Target that should be linked, makes the button behave like a link semantically",
+            "title": "URL",
+            "description": "The URL to link to when the button is clicked",
             "format": "uri"
           }
         },

package/dist/components/hero/hero.schema.json

@@ -58,8 +58,8 @@
           "icon": {
             "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/icon"
           },
-          "target": {
-            "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/target"
+          "url": {
+            "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/url"
           }
         }
       }

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { HeroProps } from "../../HeroProps-aa4e6431.js";
+import { HeroProps } from "../../HeroProps-40f6c7f5.js";
 declare const HeroContextDefault: import("react").ForwardRefExoticComponent<HeroProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const HeroContext: import("react").Context<import("react").ForwardRefExoticComponent<HeroProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Hero: import("react").ForwardRefExoticComponent<HeroProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/image-story/image-story.schema.dereffed.json

@@ -69,10 +69,10 @@
               "Book a meeting"
             ]
           },
-          "target": {
+          "url": {
             "type": "string",
-            "title": "Target",
-            "description": "Target that should be linked, makes the button behave like a link semantically",
+            "title": "URL",
+            "description": "The URL to link to when the button is clicked",
             "format": "uri"
           },
           "variant": {

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

@@ -4,8 +4,8 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { HeaderProps } from "../../HeaderProps-e22382f1.js";
-import { FooterProps } from "../../FooterProps-171a3067.js";
+import { HeaderProps } from "../../HeaderProps-72763967.js";
+import { FooterProps } from "../../FooterProps-a0a104ca.js";
 import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
 /**
  * Content of the icon sprite for this project
@@ -29,8 +29,8 @@ interface SettingsProps {
     seo: SeoProps;
     iconSprite?: IconSprite;
 }
-export * from "../../BlogPostProps-c04a5ed8.js";
+export * from "../../BlogPostProps-6b3cff22.js";
 export * from "../../BlogOverviewProps-9f207f1c.js";
 export * from "../../PageProps-aa29c554.js";
 export { IconSprite, SettingsProps };
-export * from "../../EventDetailProps-19b81db8.js";
+export * from "../../EventDetailProps-42a7eebe.js";

package/dist/components/logos/index.js

@@ -7,7 +7,7 @@ import { Button } from '@kickstartds/base/lib/button';
 import { Link } from '@kickstartds/base/lib/link';
 import { Container } from '@kickstartds/core/lib/container';
 
-const LogosContextDefault = forwardRef(({ logo: logos = [], tagline, align, cta, logosPerRow = "6", ...rest }, ref) => (jsx("div", { ...rest, ref: ref, children: jsx(Container, { name: "logos", children: jsxs("div", { className: classnames(`dsa-logos dsa-logos--align-${align}`), children: [tagline && jsx("div", { className: "dsa-logos__tagline", children: tagline }), jsx(LogoTiles, { className: classnames(`dsa-logo-tiles dsa-logo-tiles--cols-${logosPerRow}`), logos: logos }), cta?.toggle ? (jsxs("div", { className: "dsa-logos__cta", children: [jsxs("div", { className: "dsa-logos__cta__text", children: [cta?.text, cta?.style === "text" ? (jsxs(Fragment, { children: [" ", jsx(Link, { className: "dsa-logos__cta__link", href: cta.link, children: cta.label })] })) : ("")] }), cta?.style === "button" ? (jsx(Button, { href: cta.link, label: cta.label })) : ("")] })) : ("")] }) }) })));
+const LogosContextDefault = forwardRef(({ logo: logos = [], tagline, align, cta, logosPerRow = "6", ...rest }, ref) => (jsx("div", { ...rest, ref: ref, children: jsx(Container, { name: "logos", children: jsxs("div", { className: classnames(`dsa-logos dsa-logos--align-${align}`), children: [tagline && jsx("div", { className: "dsa-logos__tagline", children: tagline }), jsx(LogoTiles, { className: classnames(`dsa-logo-tiles dsa-logo-tiles--cols-${logosPerRow}`), logos: logos }), cta?.toggle ? (jsxs("div", { className: "dsa-logos__cta", children: [jsxs("div", { className: "dsa-logos__cta__text", children: [cta?.text, cta?.style === "text" && (jsxs(Fragment, { children: [" ", jsx(Link, { className: "dsa-logos__cta__link", href: cta.link, children: cta.label })] }))] }), cta?.style === "button" && (jsx(Button, { href: cta.link, label: cta.label }))] })) : ("")] }) }) })));
 const LogosContext = createContext(LogosContextDefault);
 const Logos = forwardRef((props, ref) => {
     const Component = useContext(LogosContext);

package/dist/components/mosaic/index.js

@@ -14,7 +14,7 @@ const MosaicContextDefault = forwardRef(({ layout, largeHeadlines, tile, ...rest
             textColor: tile?.textColor,
             ...(tile?.button?.toggle && {
                 link: {
-                    target: tile?.button?.target,
+                    url: tile?.button?.url,
                     label: tile?.button?.label,
                     icon: tile?.button?.icon,
                 },

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

@@ -86,10 +86,10 @@
                   "Book a meeting"
                 ]
               },
-              "target": {
+              "url": {
                 "type": "string",
-                "title": "Target",
-                "description": "Target that should be linked, makes the button behave like a link semantically",
+                "title": "URL",
+                "description": "The URL to link to when the button is clicked",
                 "format": "uri"
               },
               "icon": {

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

@@ -12,7 +12,7 @@ type DropdownInverted = boolean;
 interface NavDropdownProps {
     inverted?: DropdownInverted;
     items?: {
-        href?: string;
+        url?: string;
         label?: string;
         active?: boolean;
     }[];

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

@@ -3,8 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { Link } from '@kickstartds/base/lib/link';
 
-const NavDropdown = ({ items, inverted }) => (jsx("ul", { className: classnames(`dsa-nav-dropdown`), "ks-inverted": inverted?.toString(), children: items.map(({ label, active, href }) => {
-        return (jsx("li", { className: classnames("dsa-nav-dropdown__item", active && "dsa-nav-dropdown__item--active"), children: jsx(Link, { href: href, className: `dsa-nav-dropdown__label`, children: label }) }, href));
+const NavDropdown = ({ items, inverted }) => (jsx("ul", { className: classnames(`dsa-nav-dropdown`), "ks-inverted": inverted?.toString(), children: items.map(({ label, active, url }) => {
+        return (jsx("li", { className: classnames("dsa-nav-dropdown__item", active && "dsa-nav-dropdown__item--active"), children: jsx(Link, { href: url, className: `dsa-nav-dropdown__label`, children: label }) }, url));
     }) }));
 
 export { NavDropdown };

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

@@ -15,7 +15,7 @@
       "items": {
         "type": "object",
         "properties": {
-          "href": {
+          "url": {
             "type": "string",
             "format": "uri"
           },

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

@@ -13,11 +13,11 @@ import { HTMLAttributes } from "react";
 type FlyoutInverted = boolean;
 interface NavFlyoutProps {
     items?: {
-        href: string;
+        url: string;
         label: string;
         active?: boolean;
         items?: {
-            href?: string;
+            url?: string;
             label?: string;
             active?: boolean;
         }[];

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

@@ -4,10 +4,10 @@ import classnames from 'classnames';
 import { Link } from '@kickstartds/base/lib/link';
 import { forwardRef, createContext, useContext } from 'react';
 
-const NavFlyoutContextDefault = forwardRef(({ items, inverted }, ref) => items && items.length > 0 ? (jsx("nav", { className: "dsa-nav-flyout", "ks-inverted": inverted.toString(), id: "dsa-nav-flyout", "aria-label": "Main Navigation", ref: ref, children: jsx("ul", { className: "dsa-nav-flyout__list", children: items.map(({ label, href, active, items: subItems }) => {
-            return (jsxs("li", { className: classnames("dsa-nav-flyout__item", active && "dsa-nav-flyout__item--active"), children: [subItems?.length ? (jsx("span", { className: "dsa-nav-flyout__label", children: label })) : (jsx(Link, { href: href, className: `dsa-nav-flyout__label dsa-nav-flyout__link`, children: label })), subItems?.length ? (jsx("ul", { className: "dsa-nav-flyout__sublist", children: subItems.map(({ label, href, active }) => {
-                            return (jsx("li", { className: classnames("dsa-nav-flyout__item", active && "dsa-nav-flyout__item--active"), children: jsx(Link, { href: href, className: `dsa-nav-flyout__label dsa-nav-flyout__link`, children: label }) }, href));
-                        }) })) : null] }, href));
+const NavFlyoutContextDefault = forwardRef(({ items, inverted }, ref) => items && items.length > 0 ? (jsx("nav", { className: "dsa-nav-flyout", "ks-inverted": inverted.toString(), id: "dsa-nav-flyout", "aria-label": "Main Navigation", ref: ref, children: jsx("ul", { className: "dsa-nav-flyout__list", children: items.map(({ label, url, active, items: subItems }) => {
+            return (jsxs("li", { className: classnames("dsa-nav-flyout__item", active && "dsa-nav-flyout__item--active"), children: [subItems?.length ? (jsx("span", { className: "dsa-nav-flyout__label", children: label })) : (jsx(Link, { href: url, className: `dsa-nav-flyout__label dsa-nav-flyout__link`, children: label })), subItems?.length && (jsx("ul", { className: "dsa-nav-flyout__sublist", children: subItems.map(({ label, url, active }) => {
+                            return (jsx("li", { className: classnames("dsa-nav-flyout__item", active && "dsa-nav-flyout__item--active"), children: jsx(Link, { href: url, className: `dsa-nav-flyout__label dsa-nav-flyout__link`, children: label }) }, url));
+                        }) }))] }, url));
         }) }) })) : null);
 const NavFlyoutContext = createContext(NavFlyoutContextDefault);
 const NavFlyout = forwardRef((props, ref) => {