@phillips/seldon 1.17.5 → 1.18.0

package/dist/components/Button/Button.d.ts

@@ -1,9 +1,8 @@
-import { CommonProps } from '../../utils';
-export interface ButtonProps extends CommonProps, Record<string, unknown> {
+export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * Button contents
      */
-    children: React.ReactNode;
+    children?: React.ReactNode;
     /**
      * True if button comes after text
      */
@@ -11,7 +10,7 @@ export interface ButtonProps extends CommonProps, Record<string, unknown> {
     /**
      * Optional click handler
      */
-    onClick?: (e: React.MouseEvent<HTMLElement>) => void | unknown;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
     /**
      * Is this the principal call to action on the page?
      */
@@ -20,6 +19,10 @@ export interface ButtonProps extends CommonProps, Record<string, unknown> {
      * How large should the button be?
      */
     size?: 'sm' | 'md' | 'lg';
+    /**
+     * The type of the button.
+     */
+    type?: 'button' | 'submit' | 'reset';
 }
-declare const Button: ({ buttonType, size, children, iconLast, id, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Button: ({ buttonType, size, children, className, iconLast, id, type, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/components/Button/Button.js

@@ -1,19 +1,34 @@
-import { jsx as m } from "react/jsx-runtime";
-import b from "../../node_modules/classnames/index.js";
+import { jsx as e } from "react/jsx-runtime";
+import $ from "../../node_modules/classnames/index.js";
 import { px as t } from "../../utils/index.js";
-const f = ({ buttonType: n = "primary", size: a = "md", children: r, iconLast: s = !1, id: o, ...u }) => /* @__PURE__ */ m(
+const c = ({
+  buttonType: n = "primary",
+  size: a = "md",
+  children: r,
+  className: s,
+  iconLast: u = !1,
+  id: o,
+  type: m = "button",
+  ...b
+}) => /* @__PURE__ */ e(
   "button",
   {
     "data-testid": o ? `button-${o}` : "button",
     id: o,
-    type: "button",
-    className: b(`${t}-button`, `${t}-button--${a}`, `${t}-button--${n}`, {
-      [`${t}-button--icon-last`]: s
-    }),
-    ...u,
+    type: m,
+    className: $(
+      `${t}-button`,
+      `${t}-button--${a}`,
+      `${t}-button--${n}`,
+      {
+        [`${t}-button--icon-last`]: u
+      },
+      s
+    ),
+    ...b,
     children: r
   }
 );
 export {
-  f as default
+  c as default
 };

package/dist/components/Footer/Footer.d.ts

@@ -0,0 +1,20 @@
+export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
+    chidlren?: React.ReactNode;
+    /**
+     * Copyright data added to bottom of site
+     */
+    copyright?: string;
+    /**
+     * Navigation items
+     */
+    navigationComponent: React.ReactElement;
+}
+/**
+ * ## Overview
+ *
+ * A component for adding a footer to the bottom of the site.
+ *
+ * [Figma Link](https://www.figma.com/file/npS5ECbNut8hevUkGWSzUN/Site-Furniture-(Navigation)---SP24?type=design&node-id=4346-1981&mode=design&t=D7PpghvLOEpBYd3n-0)
+ */
+declare const Footer: ({ children, className, copyright, id, navigationComponent, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export default Footer;

package/dist/components/Footer/Footer.js

@@ -0,0 +1,18 @@
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import i from "../../node_modules/classnames/index.js";
+import { px as o, defaultYear as m } from "../../utils/index.js";
+import n from "../SplitPanel/SplitPanel.js";
+const _ = ({
+  children: t,
+  className: a,
+  copyright: s = `© ${m} Phillips Auctioneers, LLC`,
+  id: e,
+  navigationComponent: l
+}) => /* @__PURE__ */ f("footer", { "data-testid": e || "footer", id: e, className: i(`${o}-footer`, { className: a }), children: [
+  /* @__PURE__ */ r("nav", { className: `${o}-footer__navigation`, children: l }),
+  /* @__PURE__ */ r(n, { className: `${o}-footer__content`, hasBorder: !1, children: t }),
+  /* @__PURE__ */ r("p", { className: `${o}-footer__copyright`, children: s })
+] });
+export {
+  _ as default
+};

package/dist/components/Grid/Grid.d.ts

@@ -1,14 +1,12 @@
-import { ElementType } from 'react';
-import { CommonProps } from '../../utils';
-export interface GridProps extends CommonProps {
+export interface GridProps extends React.HTMLAttributes<HTMLElement> {
     /**
      * Button contents
      */
     children: React.ReactNode;
     /**
-     * Optional element to render in place of a button e.g. React-Router, etc
+     * Optional element to render in place of a button e.g. 'div', 'span', CustomComponent, etc
      */
-    element?: ElementType;
+    element?: React.ElementType<GridProps>;
     /**
      * Optional boolean to dictate if the grid has left and right margins
      */

package/dist/components/Grid/Grid.js

@@ -1,24 +1,23 @@
-import { jsx as m } from "react/jsx-runtime";
-import s from "../../node_modules/classnames/index.js";
-import { px as n } from "../../utils/index.js";
+import { jsx as s } from "react/jsx-runtime";
+import m from "../../node_modules/classnames/index.js";
+import { px as t } from "../../utils/index.js";
 function g({
   children: e,
-  className: t,
-  element: i = "section",
-  hasMargins: o = !0,
+  className: n,
+  element: a = "section",
+  hasMargins: i = !0,
   id: r,
-  ...a
+  ...o
 }) {
-  return /* @__PURE__ */ m(
-    i,
+  return /* @__PURE__ */ s(
+    a,
     {
       "data-testid": r ? `grid-container-${r}` : "grid-container",
       id: r,
-      className: s(`${n}-grid__container`, {
-        [`${t}`]: t,
-        [`${n}-grid__container--has-margins`]: o
+      className: m(`${t}-grid__container`, n, {
+        [`${t}-grid__container--has-margins`]: i
       }),
-      ...a,
+      ...o,
       children: e
     }
   );

package/dist/components/Social/Social.d.ts

@@ -0,0 +1,15 @@
+export interface SocialProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Title text for the social section
+     */
+    titleText?: string;
+}
+/**
+ * ## Overview
+ *
+ * A component for displaying our social icons. Expects children to be an unordered list of social icons.
+ *
+ * [Figma Link](https://www.figma.com/file/npS5ECbNut8hevUkGWSzUN/Site-Furniture-(Navigation)---SP24?type=design&node-id=4357-7418&mode=design&t=D7PpghvLOEpBYd3n-0)
+ */
+declare const Social: ({ className, children, id, titleText }: SocialProps) => import("react/jsx-runtime").JSX.Element;
+export default Social;

package/dist/components/Social/Social.js

@@ -0,0 +1,10 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import r from "../../node_modules/classnames/index.js";
+import { px as o } from "../../utils/index.js";
+const n = ({ className: s, children: l, id: a, titleText: c = "Follow on Social" }) => /* @__PURE__ */ i("div", { "data-testid": a || "social", className: r(`${o}-social`, s), children: [
+  /* @__PURE__ */ e("h3", { className: `${o}-social__header`, children: c }),
+  l
+] });
+export {
+  n as default
+};

package/dist/components/SplitPanel/SplitPanel.d.ts

@@ -0,0 +1,19 @@
+export interface SplitPanelProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Optional element to render in place of a section e.g. div, span, etc
+     */
+    element?: React.ElementType;
+    /**
+     * Boolean that will determine if the split panel has a border between panels at large screens
+     */
+    hasBorder?: boolean;
+}
+/**
+ * ## Overview
+ *
+ * A component for splitting content into two sections. The sections are split 50/50 that stack on the default and 'sm' break points and are side by side at bigger screen sizes.
+ *
+ * [Figma Link](https://www.figma.com/file/Hp2FyltbOmRxTuw9kSwBAd/EPIC-About-Us?type=design&node-id=635-34713&mode=design&t=wKZW1vKP8WePUjrH-0)
+ */
+declare const SplitPanel: ({ children, className, element: Element, hasBorder, id, ...props }: SplitPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default SplitPanel;

package/dist/components/SplitPanel/SplitPanel.js

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import m from "../../node_modules/classnames/index.js";
+import { px as t } from "../../utils/index.js";
+const f = ({
+  children: s,
+  className: l,
+  element: a = "section",
+  hasBorder: p = !0,
+  id: e,
+  ...r
+}) => /* @__PURE__ */ o(
+  a,
+  {
+    "data-testid": e || "split-panel",
+    id: e,
+    className: m(`${t}-split-panel`, l, { [`${t}-split-panel--borderless`]: !p }),
+    ...r,
+    children: s
+  }
+);
+export {
+  f as default
+};

package/dist/components/Subscribe/Subscribe.d.ts

@@ -0,0 +1,40 @@
+import { ButtonProps } from '../Button/Button';
+export interface SubscribeProps extends React.HTMLAttributes<HTMLFormElement> {
+    /**
+     * Subscribe blurb
+     */
+    blurb?: string;
+    /**
+     * Subscribe button extra props to spread
+     */
+    buttonProps?: ButtonProps;
+    /**
+     * Subscribe button text
+     */
+    buttonText?: string;
+    /**
+     * Optional element to render in place of a form e.g. Remix Form, etc
+     */
+    element?: React.ElementType<SubscribeProps>;
+    /**
+     * Subscribe input label
+     */
+    inputLabelText?: string;
+    /**
+     * Subscribe input label
+     */
+    inputPlaceholder?: string;
+    /**
+     * Subscribe title text
+     */
+    title?: string;
+}
+/**
+ * ## Overview
+ *
+ * A component for adding an email signup form.
+ *
+ * [Figma Link](https://www.figma.com/file/npS5ECbNut8hevUkGWSzUN/Site-Furniture-(Navigation)---SP24?node-id=4347%3A4194&mode=dev)
+ */
+declare const Subscribe: ({ blurb, buttonText, buttonProps, className, element: Element, id, inputLabelText, inputPlaceholder, title, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
+export default Subscribe;

package/dist/components/Subscribe/Subscribe.js

@@ -0,0 +1,42 @@
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import p from "../../node_modules/classnames/index.js";
+import { px as e } from "../../utils/index.js";
+import f from "../Input/Input.js";
+import _ from "../Button/Button.js";
+const y = ({
+  blurb: t,
+  buttonText: i = "Sign Up",
+  buttonProps: l,
+  className: m,
+  element: a = "form",
+  id: r,
+  inputLabelText: c = "Email*",
+  inputPlaceholder: o = "example@email.com",
+  title: b = "Subscribe to Newsletter",
+  ...u
+}) => /* @__PURE__ */ n(
+  a,
+  {
+    "data-testid": r || "subscribe-form",
+    id: r,
+    className: p(`${e}-subscribe`, m),
+    ...u,
+    children: [
+      /* @__PURE__ */ s("h3", { className: `${e}-subscribe__title`, children: b }),
+      t ? /* @__PURE__ */ s("p", { className: `${e}-subscribe__blurb`, children: t }) : null,
+      /* @__PURE__ */ s(
+        f,
+        {
+          className: `${e}-subscribe__input`,
+          type: "email",
+          placeholder: o,
+          labelText: c
+        }
+      ),
+      /* @__PURE__ */ s(_, { className: `${e}-subscribe__button ${m}`, buttonType: "secondary", type: "submit", ...l, children: i })
+    ]
+  }
+);
+export {
+  y as default
+};

package/dist/index.d.ts

@@ -1,10 +1,14 @@
 export { default as Button, type ButtonProps } from './components/Button/Button';
 export { default as ErrorBoundary, type ErrorBoundaryProps } from './components/ErrorBoundary/ErrorBoundary';
+export { default as Footer, type FooterProps } from './components/Footer/Footer';
 export { default as Grid, type GridProps } from './components/Grid/Grid';
 export { default as Header, type HeaderProps } from './components/Header/Header';
 export { default as HeroBanner, type HeroBannerProps } from './components/HeroBanner/HeroBanner';
 export { default as Input, type InputProps } from './components/Input/Input';
 export { default as Select, type SelectProps } from './components/Select/Select';
+export { default as SplitPanel, type SplitPanelProps } from './components/SplitPanel/SplitPanel';
+export { default as Subscribe, type SubscribeProps } from './components/Subscribe/Subscribe';
+export { default as Social, type SocialProps } from './components/Social/Social';
 export { default as ViewingsList, type ViewingsListProps } from './components/ViewingsList/ViewingsList';
 export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './components/ViewingsList/StatefulViewingsList';
 export { default as Page } from './pages/Page';

package/dist/index.js

@@ -1,22 +1,30 @@
 import { default as t } from "./components/Button/Button.js";
 import { default as a } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { Grid as s } from "./components/Grid/Grid.js";
-import { default as d } from "./components/Header/Header.js";
-import { default as p } from "./components/HeroBanner/HeroBanner.js";
-import { default as x } from "./components/Input/Input.js";
-import { default as n } from "./components/Select/Select.js";
-import { default as B } from "./components/ViewingsList/ViewingsList.js";
-import { default as H } from "./components/ViewingsList/StatefulViewingsList.js";
-import { default as S } from "./pages/Page.js";
+import { default as l } from "./components/Footer/Footer.js";
+import { Grid as u } from "./components/Grid/Grid.js";
+import { default as p } from "./components/Header/Header.js";
+import { default as x } from "./components/HeroBanner/HeroBanner.js";
+import { default as n } from "./components/Input/Input.js";
+import { default as c } from "./components/Select/Select.js";
+import { default as B } from "./components/SplitPanel/SplitPanel.js";
+import { default as w } from "./components/Subscribe/Subscribe.js";
+import { default as L } from "./components/Social/Social.js";
+import { default as V } from "./components/ViewingsList/ViewingsList.js";
+import { default as E } from "./components/ViewingsList/StatefulViewingsList.js";
+import { default as G } from "./pages/Page.js";
 export {
   t as Button,
   a as ErrorBoundary,
-  s as Grid,
-  d as Header,
-  p as HeroBanner,
-  x as Input,
-  S as Page,
-  n as Select,
-  H as StatefulViewingsList,
-  B as ViewingsList
+  l as Footer,
+  u as Grid,
+  p as Header,
+  x as HeroBanner,
+  n as Input,
+  G as Page,
+  c as Select,
+  L as Social,
+  B as SplitPanel,
+  E as StatefulViewingsList,
+  w as Subscribe,
+  V as ViewingsList
 };

package/dist/scss/_type.scss

@@ -1,4 +1,4 @@
-@use './vars' as *;
+@import './vars';
 
 @mixin hText($size: $heading-size1, $color: $primary-black, $transform-style: capitalize) {
   color: $color;

package/dist/scss/_utils.scss

@@ -1,3 +1,5 @@
+@import './vars';
+
 @mixin hidden {
   block-size: 1px;
   border: 0;
@@ -70,3 +72,26 @@
     }
   }
 }
+
+@mixin media($breakpoint) {
+  @if $breakpoint == $sm {
+    // $breakpoint2: 961px;
+    @media (min-width: $breakpoint2) {
+      @content;
+    }
+  }
+
+  @if $breakpoint == $md {
+    // $breakpoint3: 1401px;
+    @media (min-width: $breakpoint3) {
+      @content;
+    }
+  }
+
+  @if $breakpoint == $lg {
+    // $breakpoint4: 1801px;
+    @media (min-width: $breakpoint4) {
+      @content;
+    }
+  }
+}

package/dist/scss/_vars.scss

@@ -118,7 +118,7 @@ $body3: 'body3';
     --label-size3: 0.56rem;
   }
 
-  @media (width >= 1800px) {
+  @media (width >= 1801px) {
     --heading-size0: 4.06rem;
     --heading-size1: 3.05rem;
     --heading-size2: 2.44rem;
@@ -179,7 +179,7 @@ $text-badge-label-size: var(--label-size3);
     --spacing-xl: 4.8rem;
   }
 
-  @media (width >= 1800px) {
+  @media (width >= 1801px) {
     --spacing-micro: 0.31rem;
     --spacing-xsm: 0.63rem;
     --spacing-small: 1.25rem;
@@ -219,3 +219,16 @@ $margin-xl: var(--spacing-xl);
 $breakpoint2: 961px;
 $breakpoint3: 1401px;
 $breakpoint4: 1801px;
+
+////////////////////////
+/// max-site-width TOKEN:
+///////////////////////
+$max-site-width: 1560px;
+
+////////////////////////////
+/// Media breakpoint tokens:
+///////////////////////////
+
+$sm: 'sm';
+$md: 'md';
+$lg: 'lg';

package/dist/scss/components/Button/_button.scss

@@ -1,5 +1,6 @@
 @import '../../vars';
-@import '../../_utils';
+@import '../../typography';
+@import '../../utils';
 
 .#{$px}-button {
   @include bodyText;
@@ -12,8 +13,8 @@
   cursor: pointer;
   display: inline-flex;
   justify-content: center;
-  min-width: 9rem;
-  padding: 0.5em 1.75em;
+  min-width: 3rem;
+  padding: 0.5em $spacing-medium;
   transition:
     color 0.25s,
     background-color 0.25s,

package/dist/scss/components/Footer/_footer.scss

@@ -0,0 +1,96 @@
+@import '../../vars';
+@import '../../utils';
+@import '../../type';
+@import '../../typography';
+
+.#{$px}-footer {
+  background-color: $off-white;
+  border-top: 1px solid $keyline-gray;
+  width: 100%;
+
+  ul {
+    list-style: none;
+    padding: 0;
+  }
+
+  &__navigation {
+    background-color: $white;
+    padding: $spacing-medium $spacing-medium $spacing-small;
+    text-align: right;
+
+    @include media('md') {
+      padding: $spacing-medium $spacing-large $spacing-small;
+    }
+
+    @include media('lg') {
+      padding: $spacing-medium $spacing-xl $spacing-small;
+    }
+
+    ul {
+      display: inline-flex;
+      flex-wrap: wrap;
+      gap: $spacing-medium;
+      justify-content: center;
+      list-style: none;
+      padding: 0;
+    }
+
+    a,
+    button {
+      @include text('cta-sm');
+      @include bodyText;
+
+      cursor: pointer;
+    }
+  }
+
+  &__content {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    padding: $spacing-large $spacing-medium 0;
+
+    @include media('sm') {
+      align-items: flex-start;
+      flex-direction: row;
+      justify-content: space-between;
+    }
+
+    @include media('md') {
+      padding: 3.75rem $spacing-large;
+    }
+
+    @include media('lg') {
+      padding: 3.75rem $spacing-xl;
+    }
+  }
+
+  &__content-split-panel__left {
+    margin-bottom: $spacing-medium;
+
+    @include media('sm') {
+      margin-bottom: 0;
+    }
+  }
+
+  &__content-split-panel__right {
+    display: flex;
+
+    @include media('sm') {
+      justify-content: flex-end;
+    }
+  }
+
+  &__copyright {
+    @include text($body3);
+
+    align-items: center;
+    background-color: $white;
+    display: flex;
+
+    // font-size: 0.875rem;
+    // height: 2.125rem;
+    justify-content: center;
+    padding: $spacing-xsm 0;
+  }
+}

package/dist/scss/components/Grid/_grid.scss

@@ -1,5 +1,5 @@
 @import '../../vars';
-@import '../../_utils';
+@import '../../utils';
 
 .#{$px}-grid {
   &__container {

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

@@ -1,5 +1,5 @@
 @import '../../vars';
-@import '../../_utils';
+@import '../../utils';
 
 $md: #{$px}-input--md;
 $lg: #{$px}-input--lg;

package/dist/scss/components/Social/_social.scss

@@ -0,0 +1,40 @@
+@import '../../vars';
+@import '../../utils';
+@import '../../type';
+
+.#{$px}-social {
+  align-items: center;
+  display: inline-flex;
+  flex-direction: column;
+
+  @include media('sm') {
+    align-items: flex-end;
+  }
+
+  &__header {
+    @include text($heading3);
+
+    margin-bottom: $spacing-xsm;
+  }
+
+  ul {
+    align-items: center;
+    display: flex;
+    gap: 0 1.25rem;
+    list-style: none;
+    margin: 0 0 $spacing-medium;
+    padding: 0;
+
+    @include media('sm') {
+      gap: 0 1rem;
+    }
+
+    li {
+      cursor: pointer;
+    }
+  }
+
+  a {
+    display: inline-block;
+  }
+}

package/dist/scss/components/SplitPanel/_splitPanel.scss

@@ -0,0 +1,39 @@
+@import '../../vars';
+@import '../../utils';
+
+.#{$px}-split-panel {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: $spacing-medium;
+
+  &:not(.#{$px}-split-panel--borderless) {
+    padding: 2.5rem $spacing-medium;
+  }
+
+  > * {
+    flex: 1 1 0px;
+  }
+
+  @include media('sm') {
+    align-items: stretch;
+    flex-direction: row;
+
+    & > :first-child,
+    & > :last-child {
+      width: 50%;
+    }
+
+    & > :not(:last-child) {
+      border-right: 1px solid $medium-gray;
+      padding-right: $spacing-medium;
+    }
+
+    &--borderless {
+      & > :not(:last-child) {
+        border-right: none;
+        padding-right: 0;
+      }
+    }
+  }
+}

package/dist/scss/components/SplitPanel/_splitPanel.stories.scss

@@ -0,0 +1,18 @@
+@import '../../vars';
+
+.split-panel-story {
+  background-color: #f4f2f1;
+
+  &__text {
+    font-family: Montserrat, serif;
+    font-size: 0.75rem;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: 0.0625rem;
+    line-height: 1.125rem; /* 150% */
+  }
+
+  & .split-panel-story__text:not(:last-child) {
+    margin-bottom: $spacing-medium;
+  }
+}

package/dist/scss/components/Subscribe/_subscribe.scss

@@ -0,0 +1,37 @@
+@import '../../vars';
+@import '../../utils';
+@import '../../type';
+@import '../../typography';
+
+.#{$px}-subscribe {
+  max-width: 30rem;
+
+  &__title {
+    @include text($heading3);
+
+    margin-bottom: $spacing-xsm;
+    text-align: center;
+  }
+
+  &__blurb {
+    @include text($body2);
+
+    text-align: center;
+  }
+
+  @include media('sm') {
+    &__title,
+    &__blurb {
+      text-align: left;
+    }
+  }
+
+  &__blurb,
+  .#{$px}-input__input {
+    margin-bottom: $spacing-medium;
+  }
+
+  &__button {
+    margin: 0 0 $spacing-medium;
+  }
+}

package/dist/scss/components/Toggle/_toggle.scss

@@ -1,5 +1,5 @@
 @import '../../vars';
-@import '../../_utils';
+@import '../../utils';
 
 $toggleBaseWidth: 3rem;
 $inline: #{$px}-input--inline;

package/dist/scss/components/ViewingsList/_viewingsList.scss

@@ -1,5 +1,5 @@
 @import '../../vars';
-@import '../../_utils';
+@import '../../utils';
 @import '../../typography';
 
 .#{$px}-viewings-list {

package/dist/scss/styles.scss

@@ -2,6 +2,7 @@
 @import './vars';
 
 // @TODO: add styles when we can do a site wide regressions QA
+
 // @use 'reset';
 @import './typography';
 
@@ -9,12 +10,16 @@
 @import 'components/Button/button';
 
 // @import 'components/DatePicker/datePicker';
+@import 'components/Footer/footer';
+@import 'components/Grid/grid';
 @import 'components/Header/header';
 @import 'components/HeroBanner/heroBanner';
 @import 'components/Input/input';
+@import 'components/Social/social';
+@import 'components/SplitPanel/splitPanel';
+@import 'components/Subscribe/subscribe';
 @import 'components/Toggle/toggle';
 @import 'components/ViewingsList/viewingsList';
-@import 'components/Grid/grid';
 
 // 📑 Pages
 @import 'pages/page';

package/dist/utils/index.d.ts

@@ -64,4 +64,5 @@ interface NormalizedProps {
 
  */
 export declare function useNormalizedInputProps({ disabled, id, invalid, invalidText, readOnly, type, warn, warnText, }: InputProps): NormalizedProps;
+export declare const defaultYear: number;
 export {};

package/dist/utils/index.js

@@ -1,27 +1,29 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 const n = "phillips";
 function c({
   disabled: l = !1,
-  id: r,
-  invalid: d = !1,
-  invalidText: t = "invalid",
-  readOnly: o = !1,
+  id: o,
+  invalid: t = !1,
+  invalidText: e = "invalid",
+  readOnly: r = !1,
   type: a,
-  warn: v = !1,
-  warnText: e
+  warn: s = !1,
+  warnText: v
 }) {
   const i = {
-    disabled: !o && l,
-    invalid: !o && !l && d,
-    invalidId: `${r}-error-msg`,
+    disabled: !r && l,
+    invalid: !r && !l && t,
+    invalidId: `${o}-error-msg`,
     type: a === "toggle" ? "checkbox" : a,
-    warn: !o && !l && !d && v,
-    warnId: `${r}-warn-msg`,
+    warn: !r && !l && !t && s,
+    warnId: `${o}-warn-msg`,
     validation: null
   };
-  return i.invalid && (i.validation = /* @__PURE__ */ s("div", { className: `${n}-input__validation ${n}-${a}-input--invalid`, id: i.invalidId, children: t })), i.warn && (i.validation = /* @__PURE__ */ s("div", { className: `${n}-input__validation ${n}-${a}-input--warn`, id: i.warnId, children: e })), i;
+  return i.invalid && (i.validation = /* @__PURE__ */ d("div", { className: `${n}-input__validation ${n}-${a}-input--invalid`, id: i.invalidId, children: e })), i.warn && (i.validation = /* @__PURE__ */ d("div", { className: `${n}-input__validation ${n}-${a}-input--warn`, id: i.warnId, children: v })), i;
 }
+const p = (/* @__PURE__ */ new Date()).getFullYear();
 export {
+  p as defaultYear,
   n as px,
   c as useNormalizedInputProps
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.17.5",
+  "version": "1.18.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -51,48 +51,49 @@
     "@semantic-release/github": "^10.0.3",
     "@storybook/addon-essentials": "^7.6.18",
     "@storybook/addon-interactions": "^7.0.22",
-    "@storybook/addon-links": "^7.0.22",
-    "@storybook/addon-styling": "^1.3.0",
+    "@storybook/addon-links": "^7.6.18",
+    "@storybook/addon-styling": "^1.3.7",
     "@storybook/blocks": "^7.0.22",
     "@storybook/react": "^7.0.22",
     "@storybook/react-vite": "^7.6.18",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.5.1",
-    "@types/color": "^3.0.3",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/color": "^3.0.6",
     "@types/jest": "^29.5.3",
-    "@types/react": "^18.3.0",
+    "@types/react": "^18.3.1",
     "@types/react-dom": "^18.0.11",
     "@typescript-eslint/eslint-plugin": "^5.59.0",
     "@typescript-eslint/parser": "^5.59.0",
     "@vitejs/plugin-react": "^4.0.0",
     "color": "^4.2.3",
     "eslint": "^8.38.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.3.4",
-    "eslint-plugin-storybook": "^0.6.12",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "eslint-plugin-storybook": "^0.8.0",
     "husky": "^9.0.11",
     "jest": "^29.6.1",
     "jest-environment-jsdom": "^29.6.1",
     "prettier": "3.0.3",
     "prop-types": "^15.8.1",
-    "rimraf": "^5.0.1",
-    "rollup-plugin-copy": "^3.4.0",
+    "rimraf": "^5.0.5",
+    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "sass": "^1.75.0",
     "semantic-release": "^21.0.5",
     "storybook": "^7.6.18",
-    "stylelint": "^16.3.1",
+    "stylelint": "^16.4.0",
     "stylelint-config-standard": "^36.0.0",
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-order": "^6.0.4",
     "stylelint-scss": "^6.2.1",
-    "ts-jest": "^29.1.1",
-    "ts-node": "^10.9.1",
+    "ts-jest": "^29.1.2",
+    "ts-node": "^10.9.2",
     "typescript": "^5.0.2",
     "vite": "^4.5.3",
     "vite-plugin-dts": "^2.3.0",
-    "vite-plugin-svgr": "^4.2.0"
+    "vite-plugin-svgr": "^4.2.0",
+    "vite-tsconfig-paths": "^4.3.2"
   },
   "peerDependencies": {
     "react": "^18.3.1",