@phillips/seldon 1.58.3 → 1.58.4

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

@@ -10,6 +10,10 @@ export interface NavigationItemProps extends ComponentProps<'li'> {
      * href link
      */
     href?: string;
+    /**
+     * Optional value to give the navigation item unique styling
+     */
+    isViewAllLink?: boolean;
     /**
      * Label for the navigation item
      */

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

@@ -1,26 +1,39 @@
 import { jsx as a, jsxs as c } from "react/jsx-runtime";
 import { px as i } from "../../../utils/index.js";
-import f from "../../../node_modules/classnames/index.js";
-import v from "../../Link/Link.js";
-import { LinkVariants as N } from "../../Link/types.js";
-import { forwardRef as _ } from "react";
-const $ = _(
-  ({ badge: e, className: t = "", href: n, label: m, navGroup: s, navType: r, onClick: o, element: l = v, ...d }, p) => /* @__PURE__ */ a(
+import v from "../../../node_modules/classnames/index.js";
+import N from "../../Link/Link.js";
+import { LinkVariants as _ } from "../../Link/types.js";
+import { forwardRef as $ } from "react";
+const h = $(
+  ({
+    badge: e,
+    className: t = "",
+    href: n,
+    isViewAllLink: s = !1,
+    label: m,
+    navGroup: l,
+    navType: r,
+    onClick: o,
+    element: d = N,
+    ...f
+  }, p) => /* @__PURE__ */ a(
     "li",
     {
-      ...d,
+      ...f,
       onClick: o,
       "data-testid": `nav-item-${m}`,
-      className: f(`${i}-nav__item`, s, t),
+      className: v(`${i}-nav__item`, l, t, {
+        "view-all": s
+      }),
       ref: p,
-      children: /* @__PURE__ */ c(l, { href: n, variant: r || N.snwHeaderLink, children: [
+      children: /* @__PURE__ */ c(d, { href: n, variant: r || _.snwHeaderLink, children: [
         /* @__PURE__ */ a("span", { className: `${i}-nav__item--label`, children: m }),
         e ? /* @__PURE__ */ a("span", { className: `${i}-nav__item--badge `, children: ` • ${e}` }) : null
       ] })
     }
   )
 );
-$.displayName = "NavigationItem";
+h.displayName = "NavigationItem";
 export {
-  $ as default
+  h as default
 };

package/dist/scss/components/Navigation/NavigationItem/_navigationItem.scss

@@ -77,18 +77,8 @@
         padding-bottom: 0.625rem;
       }
     }
-  }
-
-  &--end {
-    @include isHeaderMobile {
-      margin-top: $spacing-md;
-    }
-  }
-
-  &--start {
-    margin-right: 1rem;
 
-    & li:last-child {
+    & .view-all {
       a {
         border-bottom: 0;
         padding: $spacing-sm 0;
@@ -99,6 +89,16 @@
         }
       }
     }
+  }
+
+  &--end {
+    @include isHeaderMobile {
+      margin-top: $spacing-md;
+    }
+  }
+
+  &--start {
+    margin-right: 1rem;
 
     @include isHeaderMobile {
       margin-right: 0;

package/package.json

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