@phillips/seldon 1.80.0 → 1.82.0

package/dist/node_modules/date-fns/locale/zh-CN/_lib/formatLong.js

@@ -0,0 +1,33 @@
+import { buildFormatLongFn as t } from "../../_lib/buildFormatLongFn.js";
+const m = {
+  full: "y'年'M'月'd'日' EEEE",
+  long: "y'年'M'月'd'日'",
+  medium: "yyyy-MM-dd",
+  short: "yy-MM-dd"
+}, d = {
+  full: "zzzz a h:mm:ss",
+  long: "z a h:mm:ss",
+  medium: "a h:mm:ss",
+  short: "a h:mm"
+}, a = {
+  full: "{{date}} {{time}}",
+  long: "{{date}} {{time}}",
+  medium: "{{date}} {{time}}",
+  short: "{{date}} {{time}}"
+}, o = {
+  date: t({
+    formats: m,
+    defaultWidth: "full"
+  }),
+  time: t({
+    formats: d,
+    defaultWidth: "full"
+  }),
+  dateTime: t({
+    formats: a,
+    defaultWidth: "full"
+  })
+};
+export {
+  o as formatLong
+};

package/dist/node_modules/date-fns/locale/zh-CN/_lib/formatRelative.js

@@ -0,0 +1,21 @@
+import { isSameWeek as f } from "../../../isSameWeek.js";
+function i(t, r, o) {
+  const e = "eeee p";
+  return f(t, r, o) ? e : t.getTime() > r.getTime() ? "'下个'" + e : "'上个'" + e;
+}
+const m = {
+  lastWeek: i,
+  // days before yesterday, maybe in this week or last week
+  yesterday: "'昨天' p",
+  today: "'今天' p",
+  tomorrow: "'明天' p",
+  nextWeek: i,
+  // days after tomorrow, maybe in this week or next week
+  other: "PP p"
+}, c = (t, r, o, e) => {
+  const n = m[t];
+  return typeof n == "function" ? n(r, o, e) : n;
+};
+export {
+  c as formatRelative
+};

package/dist/node_modules/date-fns/locale/zh-CN/_lib/localize.js

@@ -0,0 +1,162 @@
+import { buildLocalizeFn as e } from "../../_lib/buildLocalizeFn.js";
+const i = {
+  narrow: ["前", "公元"],
+  abbreviated: ["前", "公元"],
+  wide: ["公元前", "公元"]
+}, r = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["第一季", "第二季", "第三季", "第四季"],
+  wide: ["第一季度", "第二季度", "第三季度", "第四季度"]
+}, o = {
+  narrow: [
+    "一",
+    "二",
+    "三",
+    "四",
+    "五",
+    "六",
+    "七",
+    "八",
+    "九",
+    "十",
+    "十一",
+    "十二"
+  ],
+  abbreviated: [
+    "1月",
+    "2月",
+    "3月",
+    "4月",
+    "5月",
+    "6月",
+    "7月",
+    "8月",
+    "9月",
+    "10月",
+    "11月",
+    "12月"
+  ],
+  wide: [
+    "一月",
+    "二月",
+    "三月",
+    "四月",
+    "五月",
+    "六月",
+    "七月",
+    "八月",
+    "九月",
+    "十月",
+    "十一月",
+    "十二月"
+  ]
+}, d = {
+  narrow: ["日", "一", "二", "三", "四", "五", "六"],
+  short: ["日", "一", "二", "三", "四", "五", "六"],
+  abbreviated: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
+  wide: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]
+}, m = {
+  narrow: {
+    am: "上",
+    pm: "下",
+    midnight: "凌晨",
+    noon: "午",
+    morning: "早",
+    afternoon: "下午",
+    evening: "晚",
+    night: "夜"
+  },
+  abbreviated: {
+    am: "上午",
+    pm: "下午",
+    midnight: "凌晨",
+    noon: "中午",
+    morning: "早晨",
+    afternoon: "中午",
+    evening: "晚上",
+    night: "夜间"
+  },
+  wide: {
+    am: "上午",
+    pm: "下午",
+    midnight: "凌晨",
+    noon: "中午",
+    morning: "早晨",
+    afternoon: "中午",
+    evening: "晚上",
+    night: "夜间"
+  }
+}, u = {
+  narrow: {
+    am: "上",
+    pm: "下",
+    midnight: "凌晨",
+    noon: "午",
+    morning: "早",
+    afternoon: "下午",
+    evening: "晚",
+    night: "夜"
+  },
+  abbreviated: {
+    am: "上午",
+    pm: "下午",
+    midnight: "凌晨",
+    noon: "中午",
+    morning: "早晨",
+    afternoon: "中午",
+    evening: "晚上",
+    night: "夜间"
+  },
+  wide: {
+    am: "上午",
+    pm: "下午",
+    midnight: "凌晨",
+    noon: "中午",
+    morning: "早晨",
+    afternoon: "中午",
+    evening: "晚上",
+    night: "夜间"
+  }
+}, g = (t, a) => {
+  const n = Number(t);
+  switch (a == null ? void 0 : a.unit) {
+    case "date":
+      return n.toString() + "日";
+    case "hour":
+      return n.toString() + "时";
+    case "minute":
+      return n.toString() + "分";
+    case "second":
+      return n.toString() + "秒";
+    default:
+      return "第 " + n.toString();
+  }
+}, s = {
+  ordinalNumber: g,
+  era: e({
+    values: i,
+    defaultWidth: "wide"
+  }),
+  quarter: e({
+    values: r,
+    defaultWidth: "wide",
+    argumentCallback: (t) => t - 1
+  }),
+  month: e({
+    values: o,
+    defaultWidth: "wide"
+  }),
+  day: e({
+    values: d,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: e({
+    values: m,
+    defaultWidth: "wide",
+    formattingValues: u,
+    defaultFormattingWidth: "wide"
+  })
+};
+export {
+  s as localize
+};

package/dist/node_modules/date-fns/locale/zh-CN/_lib/match.js

@@ -0,0 +1,108 @@
+import { buildMatchFn as a } from "../../_lib/buildMatchFn.js";
+import { buildMatchPatternFn as i } from "../../_lib/buildMatchPatternFn.js";
+const e = /^(第\s*)?\d+(日|时|分|秒)?/i, r = /\d+/i, n = {
+  narrow: /^(前)/i,
+  abbreviated: /^(前)/i,
+  wide: /^(公元前|公元)/i
+}, s = {
+  any: [/^(前)/i, /^(公元)/i]
+}, d = {
+  narrow: /^[1234]/i,
+  abbreviated: /^第[一二三四]刻/i,
+  wide: /^第[一二三四]刻钟/i
+}, h = {
+  any: [/(1|一)/i, /(2|二)/i, /(3|三)/i, /(4|四)/i]
+}, o = {
+  narrow: /^(一|二|三|四|五|六|七|八|九|十[二一])/i,
+  abbreviated: /^(一|二|三|四|五|六|七|八|九|十[二一]|\d|1[12])月/i,
+  wide: /^(一|二|三|四|五|六|七|八|九|十[二一])月/i
+}, c = {
+  narrow: [
+    /^一/i,
+    /^二/i,
+    /^三/i,
+    /^四/i,
+    /^五/i,
+    /^六/i,
+    /^七/i,
+    /^八/i,
+    /^九/i,
+    /^十(?!(一|二))/i,
+    /^十一/i,
+    /^十二/i
+  ],
+  any: [
+    /^一|1/i,
+    /^二|2/i,
+    /^三|3/i,
+    /^四|4/i,
+    /^五|5/i,
+    /^六|6/i,
+    /^七|7/i,
+    /^八|8/i,
+    /^九|9/i,
+    /^十(?!(一|二))|10/i,
+    /^十一|11/i,
+    /^十二|12/i
+  ]
+}, P = {
+  narrow: /^[一二三四五六日]/i,
+  short: /^[一二三四五六日]/i,
+  abbreviated: /^周[一二三四五六日]/i,
+  wide: /^星期[一二三四五六日]/i
+}, m = {
+  any: [/日/i, /一/i, /二/i, /三/i, /四/i, /五/i, /六/i]
+}, l = {
+  any: /^(上午?|下午?|午夜|[中正]午|早上?|下午|晚上?|凌晨|)/i
+}, u = {
+  any: {
+    am: /^上午?/i,
+    pm: /^下午?/i,
+    midnight: /^午夜/i,
+    noon: /^[中正]午/i,
+    morning: /^早上/i,
+    afternoon: /^下午/i,
+    evening: /^晚上?/i,
+    night: /^凌晨/i
+  }
+}, b = {
+  ordinalNumber: i({
+    matchPattern: e,
+    parsePattern: r,
+    valueCallback: (t) => parseInt(t, 10)
+  }),
+  era: a({
+    matchPatterns: n,
+    defaultMatchWidth: "wide",
+    parsePatterns: s,
+    defaultParseWidth: "any"
+  }),
+  quarter: a({
+    matchPatterns: d,
+    defaultMatchWidth: "wide",
+    parsePatterns: h,
+    defaultParseWidth: "any",
+    valueCallback: (t) => t + 1
+  }),
+  month: a({
+    matchPatterns: o,
+    defaultMatchWidth: "wide",
+    parsePatterns: c,
+    defaultParseWidth: "any"
+  }),
+  day: a({
+    matchPatterns: P,
+    defaultMatchWidth: "wide",
+    parsePatterns: m,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: a({
+    matchPatterns: l,
+    defaultMatchWidth: "any",
+    parsePatterns: u,
+    defaultParseWidth: "any"
+  })
+};
+export {
+  b as match
+};

package/dist/node_modules/date-fns/locale/zh-CN.js

@@ -0,0 +1,21 @@
+import { formatDistance as o } from "./zh-CN/_lib/formatDistance.js";
+import { formatLong as t } from "./zh-CN/_lib/formatLong.js";
+import { formatRelative as a } from "./zh-CN/_lib/formatRelative.js";
+import { localize as r } from "./zh-CN/_lib/localize.js";
+import { match as m } from "./zh-CN/_lib/match.js";
+const s = {
+  code: "zh-CN",
+  formatDistance: o,
+  formatLong: t,
+  formatRelative: a,
+  localize: r,
+  match: m,
+  options: {
+    weekStartsOn: 1,
+    firstWeekContainsDate: 4
+  }
+};
+export {
+  s as default,
+  s as zhCN
+};

package/dist/node_modules/date-fns/startOfDay.js

@@ -0,0 +1,9 @@
+import { toDate as e } from "./toDate.js";
+function u(a, t) {
+  const r = e(a, t == null ? void 0 : t.in);
+  return r.setHours(0, 0, 0, 0), r;
+}
+export {
+  u as default,
+  u as startOfDay
+};

package/dist/node_modules/date-fns/startOfWeek.js

@@ -0,0 +1,11 @@
+import { getDefaultOptions as m } from "./_lib/defaultOptions.js";
+import { toDate as n } from "./toDate.js";
+function x(D, e) {
+  var c, O, l, k, u, d, s, w;
+  const a = m(), r = (w = (s = (k = (l = e == null ? void 0 : e.weekStartsOn) != null ? l : (O = (c = e == null ? void 0 : e.locale) == null ? void 0 : c.options) == null ? void 0 : O.weekStartsOn) != null ? k : a.weekStartsOn) != null ? s : (d = (u = a.locale) == null ? void 0 : u.options) == null ? void 0 : d.weekStartsOn) != null ? w : 0, t = n(D, e == null ? void 0 : e.in), f = t.getDay(), S = (f < r ? 7 : 0) + f - r;
+  return t.setDate(t.getDate() - S), t.setHours(0, 0, 0, 0), t;
+}
+export {
+  x as default,
+  x as startOfWeek
+};

package/dist/node_modules/date-fns/toDate.js

@@ -0,0 +1,8 @@
+import { constructFrom as r } from "./constructFrom.js";
+function e(t, o) {
+  return r(o || t, t);
+}
+export {
+  e as default,
+  e as toDate
+};

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index6.js";
+import { __module as t } from "../../_virtual/index5.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/index5.js";
+import { __module as e } from "../../../../_virtual/index6.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/patterns/HeroBanner/HeroBanner.d.ts

@@ -24,10 +24,6 @@ export interface HeroBannerProps extends HTMLAttributes<HTMLDivElement> {
      * What background image or color to use
      */
     background?: string;
-    /**
-     * What gradient to use
-     */
-    gradient?: string;
     /**
      * Unique id for component testing
      */
@@ -42,5 +38,5 @@ export interface HeroBannerProps extends HTMLAttributes<HTMLDivElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-herobanner--overview)
  */
-declare const HeroBanner: ({ prehead, date, headerText, subHeadText, association, background, gradient, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeroBanner: ({ prehead, date, headerText, subHeadText, association, background, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
 export default HeroBanner;

package/dist/patterns/HeroBanner/HeroBanner.js

@@ -1,35 +1,34 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
 import { getCommonProps as f } from "../../utils/index.js";
 import u from "../../node_modules/classnames/index.js";
-import { TextVariants as i } from "../../components/Text/types.js";
-import c from "../../components/Text/Text.js";
+import { TextVariants as c } from "../../components/Text/types.js";
+import i from "../../components/Text/Text.js";
 const w = ({
-  prehead: a,
-  date: e,
+  prehead: e,
+  date: a,
   headerText: t,
   subHeadText: l,
   association: s,
-  background: d,
-  gradient: p = "linear-gradient(rgba(0, 0, 0, 50%), rgba(0, 0, 0, 50%))",
-  className: h,
+  background: p,
+  className: d,
   ...o
 }) => {
-  const { className: n, ...g } = f(o, "HeroBanner");
-  return /* @__PURE__ */ r(
+  const { className: r, ...h } = f(o, "HeroBanner");
+  return /* @__PURE__ */ n(
     "header",
     {
-      ...g,
-      className: u(n, h),
-      style: { "--background": d, "--gradient": p },
+      ...h,
+      className: u(r, d),
+      style: { "--background": p },
       ...o,
-      children: /* @__PURE__ */ m("span", { className: `${n}__content-wrapper`, children: [
-        a || e ? /* @__PURE__ */ m("p", { className: `${n}__pre-head`, children: [
-          a ? /* @__PURE__ */ r("span", { children: a }) : null,
-          e ? /* @__PURE__ */ r("span", { children: e }) : null
+      children: /* @__PURE__ */ m("span", { className: `${r}__content-wrapper`, children: [
+        e || a ? /* @__PURE__ */ m("p", { className: `${r}__pre-head`, children: [
+          e ? /* @__PURE__ */ n("span", { children: e }) : null,
+          a ? /* @__PURE__ */ n("span", { children: a }) : null
         ] }) : null,
-        /* @__PURE__ */ r(c, { variant: i.snwHeadingHero1, children: t }),
-        l ? /* @__PURE__ */ r(c, { variant: i.snwHeadingHero2, children: l }) : null,
-        s ? /* @__PURE__ */ r("p", { className: `${n}__after-head`, children: s }) : null
+        /* @__PURE__ */ n(i, { variant: c.snwHeadingHero1, children: t }),
+        l ? /* @__PURE__ */ n(i, { variant: c.snwHeadingHero2, children: l }) : null,
+        s ? /* @__PURE__ */ n("p", { className: `${r}__after-head`, children: s }) : null
       ] })
     }
   );

package/dist/patterns/HeroBanner/HeroBanner.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { HeroBannerProps } from './HeroBanner';
 declare const meta: {
     title: string;
-    component: ({ prehead, date, headerText, subHeadText, association, background, gradient, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ prehead, date, headerText, subHeadText, association, background, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/patterns/SaleHeaderBanner/index.d.ts

@@ -1,4 +1,3 @@
 export { default as SaleHeaderBanner, type SaleHeaderBannerProps } from './SaleHeaderBanner';
 export { default as SaleHeaderBrowseAuctions, type SaleHeaderBrowseAuctionsProps } from './SaleHeaderBrowseAuctions';
-export { default as SaleHeaderCountdown, type SaleHeaderCountdownProps } from './SaleHeaderCountdown';
 export { AuctionState } from './types';

package/dist/scss/_vars.scss

@@ -196,12 +196,17 @@ $breakpoint-xl: 1801px;
     --badge-label-line-height: 1rem;
     --snw-header-link-size: 1rem;
     --snw-header-link-line-height: 1.5rem;
-    --snw-flyout-link-size: 1rem;
-    --snw-flyout-link-line-height: 1.875rem;
+    --snw-flyout-link-size: 0.875rem;
+    --snw-flyout-link-line-height: 1.75rem;
     --snw-heading-hero-size1: 2.375rem;
     --snw-heading-hero-line-height-size1: 2.875rem;
   }
 
+  @media (min-width: $breakpoint-lg) {
+    --snw-flyout-link-size: 0.875rem;
+    --snw-flyout-link-line-height: 1.75rem;
+  }
+
   @media (min-width: $breakpoint-xl) {
     --quote-size: 2rem;
     --quote-line-height: 2.5rem;
@@ -367,7 +372,7 @@ $margin-xxl: var(--spacing-xxl);
 ///////////////////////
 /* stylelint-disable-next-line no-duplicate-selectors */
 :root {
-  --header-height: 73px; // ideally we would calculate the size from the current text size plus spacing components so that it scales with the text size and spacing
+  --header-height: 56px; // ideally we would calculate the size from the current text size plus spacing components so that it scales with the text size and spacing
   --search-size: 2.625rem; // This should be calculated from the scaling text and scaling spacing tokens instead of hardcoding in case they change
 
   @media (min-width: $breakpoint-md) {

package/dist/scss/componentStyles.scss

@@ -36,6 +36,8 @@
 @use 'components/ContentPeek/contentPeek';
 @use 'components/PageContentWrapper/pageContentWrapper';
 @use 'components/Carousel/carousel';
+@use 'components/Countdown/countdown';
+@use 'components/Countdown/duration';
 
 // Patterns
 @use 'patterns/HeroBanner/heroBanner';

package/dist/scss/components/Countdown/_countdown.scss

@@ -0,0 +1,25 @@
+@use '../../allPartials' as *;
+
+.#{$px}-countdown {
+  @include text($body2);
+
+  align-items: center;
+  border-bottom: 1px solid $light-gray;
+  display: flex;
+  flex-direction: column;
+  gap: $spacing-micro;
+  justify-content: center;
+  margin-bottom: 1.5rem;
+  padding: 0 $spacing-sm $spacing-sm;
+  width: 100%;
+
+  &__countdown-container {
+    @include text($heading5);
+
+    align-items: center;
+    display: flex;
+    gap: $spacing-sm;
+    justify-content: center;
+    text-transform: inherit;
+  }
+}

package/dist/scss/components/Countdown/_duration.scss

@@ -0,0 +1,13 @@
+@use '../../allPartials' as *;
+
+.#{$px}-duration {
+  @include text($heading5);
+
+  display: flex;
+  gap: $spacing-micro;
+
+  &--fixed-width {
+    min-width: 1.75rem;
+    text-align: right;
+  }
+}

package/dist/scss/patterns/HeroBanner/_heroBanner.scss

@@ -1,8 +1,13 @@
 @use '../../allPartials' as *;
 
+body:has(.seldon-header__toggle-btn--open) {
+  // targeting this button cause header itself has closed state only
+  overflow: hidden;
+}
+
 .#{$px}-hero-banner {
   align-items: center;
-  background: var(--gradient), var(--background);
+  background: var(--background);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
@@ -25,7 +30,7 @@
     padding: 1.875rem 0.9375rem;
 
     &::before {
-      background: var(--gradient), var(--background);
+      background: var(--background);
       background-position: center center;
       background-repeat: no-repeat;
       background-size: cover;

package/dist/scss/patterns/SaleHeaderBanner/_saleHeaderBanner.scss

@@ -23,17 +23,6 @@
     padding: $spacing-md 0;
   }
 
-  // update when adding in actual countdown timer
-  &__countdown-container {
-    align-items: center;
-    border-bottom: 1px solid $light-gray;
-    display: flex;
-    gap: $spacing-sm;
-    justify-content: center;
-    margin-bottom: 1.5rem;
-    width: 100%;
-  }
-
   &__location {
     font-variation-settings: 'wght' 600;
     margin: $margin-xsm 0;

package/dist/scss/patterns/UserManagement/_userManagement.scss

@@ -50,8 +50,8 @@
   }
 
   &__account-icon {
-    height: 2rem;
-    width: 2rem;
+    height: 1.5rem;
+    width: 1.5rem;
 
     a {
       align-items: center;