@phillips/seldon 1.79.3 → 1.81.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,6 +24,10 @@ 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
      */
@@ -38,5 +42,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, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeroBanner: ({ prehead, date, headerText, subHeadText, association, background, gradient, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
 export default HeroBanner;

package/dist/patterns/HeroBanner/HeroBanner.js

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

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, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ prehead, date, headerText, subHeadText, association, background, gradient, 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/_type.scss

@@ -223,4 +223,16 @@
     line-height: $snw-flyout-link-line-height;
     text-transform: capitalize;
   }
+
+  @if $token == 'snwHeadingHero1' {
+    @include hText($snw-heading-hero-size1, $line-height: $snw-heading-hero-line-height1, $transform-style: uppercase);
+
+    text-align: center;
+  }
+
+  @if $token == 'snwHeadingHero2' {
+    @include hText($snw-heading-hero-size2, $line-height: $snw-heading-hero-line-height2, $transform-style: uppercase);
+
+    text-align: center;
+  }
 }

package/dist/scss/_vars.scss

@@ -98,9 +98,11 @@ $string2: 'string2';
 $string3: 'string3';
 $snwHeaderLink: 'snwHeaderLink';
 $snwFlyoutLink: 'snwFlyoutLink';
+$snwHeadingHero1: 'snwHeadingHero1';
+$snwHeadingHero2: 'snwHeadingHero2';
 $text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
   $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
-  $snwHeaderLink;
+  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts
@@ -153,6 +155,10 @@ $breakpoint-xl: 1801px;
   --snw-header-link-line-height: 1.5rem;
   --snw-flyout-link-size: 1rem;
   --snw-flyout-link-line-height: 1.75rem;
+  --snw-heading-hero-size1: 2rem;
+  --snw-heading-hero-line-height-size1: 2.375rem;
+  --snw-heading-hero-size2: 1.625rem;
+  --snw-heading-hero-line-height-size2: 1.9375rem;
 
   @media (min-width: $breakpoint-md) {
     --quote-size: 1.75rem;
@@ -192,6 +198,8 @@ $breakpoint-xl: 1801px;
     --snw-header-link-line-height: 1.5rem;
     --snw-flyout-link-size: 1rem;
     --snw-flyout-link-line-height: 1.875rem;
+    --snw-heading-hero-size1: 2.375rem;
+    --snw-heading-hero-line-height-size1: 2.875rem;
   }
 
   @media (min-width: $breakpoint-xl) {
@@ -283,10 +291,18 @@ $snw-header-link-size: var(--snw-header-link-size);
 $snw-header-link-line-height: var(--snw-header-link-line-height);
 $snw-flyout-link-size: var(--snw-flyout-link-size);
 $snw-flyout-link-line-height: var(--snw-flyout-link-line-height);
+$snw-heading-hero-size1: var(--snw-heading-hero-size1);
+$snw-heading-hero-line-height1: var(--snw-heading-hero-line-height-size1);
+$snw-heading-hero-size2: var(--snw-heading-hero-size2);
+$snw-heading-hero-line-height2: var(--snw-heading-hero-line-height-size2);
 
 ////////////////////////
 /// SPACING TOKENS:
 ///////////////////////
+
+// SNOWFLAKES
+$snowflake-menu-padding: 1.25rem;
+
 /* stylelint-disable-next-line no-duplicate-selectors */
 :root {
   --spacing-micro: 0.25rem;

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/Accordion/_accordion.scss

@@ -9,7 +9,7 @@
   width: 100%;
 
   &--large {
-    padding: $spacing-md 0;
+    padding: $snowflake-menu-padding 0;
   }
 
   svg {
@@ -103,7 +103,7 @@
   padding: $spacing-sm 0;
 
   &--large {
-    padding: $spacing-md 0;
+    padding: $snowflake-menu-padding 0;
   }
 
   &--hoverable {

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/components/Navigation/NavigationList/_navigationList.scss

@@ -70,7 +70,7 @@ $top-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     .#{$px}-link--snwHeaderLink {
       border-bottom: 1px solid $light-gray;
       flex-wrap: wrap;
-      padding: $spacing-md 0;
+      padding: $snowflake-menu-padding 0;
     }
     .#{$px}-link--snwFlyoutLink {
       padding: 0;