@phillips/seldon 1.58.4 → 1.59.1

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/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index5.js";
+import { __module as t } from "../../_virtual/index6.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index6.js";
+import { __module as e } from "../../../../_virtual/index5.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/scss/_reset.scss

@@ -36,6 +36,8 @@ h3,
 h4,
 h5,
 h6 {
+  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
+  font-weight: unset;
   overflow-wrap: break-word;
 }
 

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/IconButton/_iconButton.scss

@@ -7,8 +7,8 @@
     position: absolute;
   }
 
-  &:focus {
-    &:focus {
+  &:focus-visible {
+    &:focus-visible {
       outline: 0.5px solid $soft-black;
       outline-offset: -4.5px;
 

package/dist/scss/components/Input/_input.scss

@@ -160,6 +160,7 @@ $lg: #{$px}-input--lg;
   width: fit-content;
 }
 .#{$px}-select-input .#{$px}-input__input {
+  background: transparent;
   width: fit-content;
 }
 

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/Pagination/_pagination.scss

@@ -4,7 +4,7 @@
   align-items: center;
   display: flex;
   flex-direction: row;
-  gap: $spacing-md;
+  gap: $spacing-sm;
 }
 
 .#{$px} {

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.4",
+  "version": "1.59.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"