@phillips/seldon 1.38.5 → 1.38.6

package/dist/components/Navigation/NavigationItem/NavigationItem.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { LinkProps } from '../../Link/Link';
 import { LinkVariants } from '../../Link/utils';
 export interface NavigationItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick'> {
     /**
@@ -25,6 +26,10 @@ export interface NavigationItemProps extends Omit<React.HTMLAttributes<HTMLLIEle
      * Optional type for navigation item
      */
     navType?: LinkVariants;
+    /**
+     * Element to render within the navigation item, renders <Link> by default
+     */
+    element?: React.ElementType<LinkProps>;
 }
-declare const NavigationItem: ({ badge, className, href, label, navGroup, navType, onClick, ...props }: React.PropsWithChildren<NavigationItemProps>) => import("react/jsx-runtime").JSX.Element;
+declare const NavigationItem: ({ badge, className, href, label, navGroup, navType, onClick, element: Component, ...props }: React.PropsWithChildren<NavigationItemProps>) => import("react/jsx-runtime").JSX.Element;
 export default NavigationItem;

package/dist/components/Navigation/NavigationItem/NavigationItem.js

@@ -1,35 +1,36 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import * as p from "react";
-import { px as t } from "../../../utils/index.js";
-import f from "../../../node_modules/classnames/index.js";
-import x from "../../Link/Link.js";
-import { LinkVariants as v } from "../../Link/utils.js";
-import { HeaderContext as _ } from "../../Header/Header.js";
-const k = ({
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import * as f from "react";
+import { px as a } from "../../../utils/index.js";
+import x from "../../../node_modules/classnames/index.js";
+import v from "../../Link/Link.js";
+import { LinkVariants as _ } from "../../Link/utils.js";
+import { HeaderContext as h } from "../../Header/Header.js";
+const C = ({
   badge: e,
-  className: m = "",
+  className: i = "",
   href: r,
   label: n,
   navGroup: s,
-  navType: i,
+  navType: m,
   onClick: o,
-  ...l
+  element: l = v,
+  ...c
 }) => {
-  const { expandedItem: c } = p.useContext(_);
-  return /* @__PURE__ */ a(
+  const { expandedItem: d } = f.useContext(h);
+  return /* @__PURE__ */ t(
     "li",
     {
-      ...l,
+      ...c,
       onClick: o,
       "data-testid": `nav-item-${n}`,
-      className: f(`${t}-nav__item`, s, m),
-      children: /* @__PURE__ */ d(x, { href: r, variant: i || v.navMain, tabIndex: c === "" ? 0 : -1, children: [
-        /* @__PURE__ */ a("span", { className: `${t}-nav__item--label`, children: n }),
-        e ? /* @__PURE__ */ a("span", { className: `${t}-nav__item--badge `, children: e }) : null
+      className: x(`${a}-nav__item`, s, i),
+      children: /* @__PURE__ */ p(l, { href: r, variant: m || _.navMain, tabIndex: d === "" ? 0 : -1, children: [
+        /* @__PURE__ */ t("span", { className: `${a}-nav__item--label`, children: n }),
+        e ? /* @__PURE__ */ t("span", { className: `${a}-nav__item--badge `, children: e }) : null
       ] })
     }
   );
 };
 export {
-  k as default
+  C as default
 };

package/dist/scss/_utils.scss

@@ -56,6 +56,7 @@
   display: grid;
   gap: $spacing-md;
   grid-template-columns: repeat($columns, 1fr);
+  row-gap: $spacing-lg;
 
   @if $margins-on {
     @include gridMargins;
@@ -66,6 +67,7 @@
   display: grid;
   gap: $spacing-md;
   grid-template-columns: repeat(2, 1fr);
+  row-gap: $spacing-lg;
 
   @media (min-width: $breakpoint-md) {
     grid-template-columns: repeat(4, 1fr);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.38.5",
+  "version": "1.38.6",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"