@phillips/seldon 1.58.3 → 1.59.0

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/components/PageContentWrapper/PageContentWrapper.d.ts

@@ -0,0 +1,19 @@
+import { ComponentProps } from 'react';
+import React from 'react';
+export interface PageContentWrapperProps extends ComponentProps<'div'> {
+    /**
+     * Contents on a page that are flanked by a Page/Margin in figma
+     */
+    children: React.ReactNode;
+}
+/**
+ * ## Overview
+ *
+ * This component wraps content on a page to maintain consistent page padding
+ *
+ * [Figma Link](https://www.figma.com/design/hxqgsE26wM7hII0WaUaDfF/RW---TIMED-Lot-Details-(PDP)?node-id=1-1309&node-type=frame&m=dev) points to Lot Details page, which is wrapped in this
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-pagecontentwrapper--overview)
+ */
+declare const PageContentWrapper: React.ForwardRefExoticComponent<Omit<PageContentWrapperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default PageContentWrapper;

package/dist/components/PageContentWrapper/PageContentWrapper.js

@@ -0,0 +1,14 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { getCommonProps as p } from "../../utils/index.js";
+import f from "../../node_modules/classnames/index.js";
+const c = n(
+  ({ children: e, className: o, ...a }, r) => {
+    const { className: m, ...s } = p(a, "PageContentWrapper");
+    return /* @__PURE__ */ t("div", { ...s, className: f(m, o), ...a, ref: r, children: e });
+  }
+);
+c.displayName = "PageContentWrapper";
+export {
+  c as default
+};

package/dist/index.d.ts

@@ -43,3 +43,4 @@ export * from './patterns/LanguageSelector';
 export * from './components/ContentPeek';
 export * from './components/Collapsible';
 export * from './providers/SeldonProvider';
+export { default as PageContentWrapper } from './components/PageContentWrapper/PageContentWrapper';

package/dist/index.js

@@ -12,10 +12,10 @@ import { default as E } from "./components/Navigation/NavigationItem/NavigationI
 import { default as M } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
 import { default as R } from "./components/Navigation/NavigationList/NavigationList.js";
 import { default as z } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as Y } from "./components/Input/Input.js";
-import { default as q } from "./components/Link/Link.js";
-import { LinkVariants as K } from "./components/Link/types.js";
-import { default as W } from "./components/LinkBlock/LinkBlock.js";
+import { default as W } from "./components/Input/Input.js";
+import { default as j } from "./components/Link/Link.js";
+import { LinkVariants as J } from "./components/Link/types.js";
+import { default as Q } from "./components/LinkBlock/LinkBlock.js";
 import { default as Z } from "./components/LinkList/LinkList.js";
 import { default as $ } from "./components/Row/Row.js";
 import { default as oe } from "./components/GridItem/GridItem.js";
@@ -41,14 +41,15 @@ import { SupportedLanguages as Re } from "./types/commonTypes.js";
 import { default as ze } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as Ye } from "./components/Dropdown/Dropdown.js";
-import { default as qe } from "./components/Video/Video.js";
-import { default as Ke } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as We } from "./components/ContentPeek/ContentPeek.js";
+import { default as We } from "./components/Dropdown/Dropdown.js";
+import { default as je } from "./components/Video/Video.js";
+import { default as Je } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as Qe } from "./components/ContentPeek/ContentPeek.js";
 import { default as Ze } from "./components/Collapsible/Collapsible.js";
 import { default as $e } from "./components/Collapsible/CollapsibleContent.js";
 import { default as oo } from "./components/Collapsible/CollapsibleTrigger.js";
 import { SeldonProvider as to } from "./providers/SeldonProvider.js";
+import { default as fo } from "./components/PageContentWrapper/PageContentWrapper.js";
 export {
   Ae as Accordion,
   Ge as AccordionItem,
@@ -59,9 +60,9 @@ export {
   Ze as Collapsible,
   $e as CollapsibleContent,
   oo as CollapsibleTrigger,
-  We as ContentPeek,
+  Qe as ContentPeek,
   ke as Drawer,
-  Ye as Dropdown,
+  We as Dropdown,
   B as ErrorBoundary,
   N as Footer,
   v as Grid,
@@ -70,12 +71,12 @@ export {
   A as Header,
   z as HeroBanner,
   T as IconButton,
-  Y as Input,
-  Ke as LanguageSelector,
-  q as Link,
-  W as LinkBlock,
+  W as Input,
+  Je as LanguageSelector,
+  j as Link,
+  Q as LinkBlock,
   Z as LinkList,
-  K as LinkVariants,
+  J as LinkVariants,
   Pe as Modal,
   G as Navigation,
   E as NavigationItem,
@@ -83,6 +84,7 @@ export {
   R as NavigationList,
   a as PaddingTokens,
   S as Page,
+  fo as PageContentWrapper,
   Te as Pagination,
   $ as Row,
   fe as Search,
@@ -98,7 +100,7 @@ export {
   ve as Text,
   Ne as TextVariants,
   Ee as UserManagement,
-  qe as Video,
+  je as Video,
   Se as ViewingsList,
   p as defaultYear,
   d as emailValidation,

package/dist/scss/componentStyles.scss

@@ -34,6 +34,7 @@
 @use 'components/Video/video';
 @use 'components/Pagination/pagination';
 @use 'components/ContentPeek/contentPeek';
+@use 'components/PageContentWrapper/pageContentWrapper';
 
 // Patterns
 @use 'patterns/HeroBanner/heroBanner';

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/dist/scss/components/PageContentWrapper/_pageContentWrapper.scss

@@ -0,0 +1,9 @@
+@use '../../allPartials' as *;
+
+.#{$px}-page-content-wrapper {
+  padding: 0 $padding-md;
+
+  @media (min-width: $breakpoint-xl) {
+    padding: 0 3.25rem;
+  }
+}

package/dist/scss/components/Row/_row.scss

@@ -1,10 +1,6 @@
 @use '../../allPartials' as *;
 
 .#{$px}-row {
-  // horizontal padding is fixed
-  padding-left: $spacing-lg;
-  padding-right: $spacing-lg;
-
   * .#{$px}-text:last-child {
     margin-bottom: 0;
   }

package/package.json

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