@phillips/seldon 1.80.0 → 1.82.0

package/dist/scss/site-furniture/Header/_header.scss

@@ -33,7 +33,7 @@
       height: 2px;
       position: relative;
       transition: background-color 0.25s ease 0.25s;
-      width: 1.5rem;
+      width: 1rem;
 
       &::before,
       &::after {
@@ -45,15 +45,15 @@
         position: absolute;
         top: 0;
         transition: transform 0.25s ease;
-        width: 1.5rem;
+        width: 1rem;
       }
 
       &::before {
-        transform: translateY(-8px);
+        transform: translateY(-6px);
       }
 
       &::after {
-        transform: translateY(8px);
+        transform: translateY(6px);
       }
     }
 
@@ -77,12 +77,17 @@
     padding-top: 6px; // small adjustment to center the logo
 
     svg {
-      height: 25.73px; // 25.73px is the height of the logo's container to make logo 20px
+      height: 20.58px; // 20.58px is the height of the logo's container to make logo 16px
       width: 100%;
     }
 
     @include isHeaderDesktop {
       padding-top: 0;
+
+      svg {
+        height: 25.73px; // 25.73px is the height of the logo's container to make logo 20px
+        width: 100%;
+      }
     }
   }
 
@@ -90,8 +95,12 @@
     align-items: center;
     display: flex;
     justify-content: space-between;
-    padding: $padding-sm $spacing-md;
+    padding: 3px $spacing-md;
     width: 100%;
+
+    @include isHeaderDesktop {
+      padding: $padding-sm $spacing-md;
+    }
   }
 
   &__nav {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.80.0",
+  "version": "1.82.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -49,6 +49,7 @@
     "@types/dompurify": "^3.0.5",
     "change-case": "^5.4.4",
     "classnames": "^2.5.1",
+    "date-fns": "^4.1.0",
     "dompurify": "^3.1.6",
     "embla-carousel-react": "^8.3.0",
     "embla-carousel-wheel-gestures": "^8.0.1",

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

@@ -1,8 +0,0 @@
-import { ComponentProps } from 'react';
-export interface SaleHeaderCountdownProps extends ComponentProps<'div'> {
-    label?: string;
-    daysLabel?: string;
-    hoursLabel?: string;
-}
-declare const SaleHeaderCountdown: import('react').ForwardRefExoticComponent<Omit<SaleHeaderCountdownProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export default SaleHeaderCountdown;

package/dist/patterns/SaleHeaderBanner/SaleHeaderCountdown.js

@@ -1,35 +0,0 @@
-import { jsxs as a, jsx as l } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { getCommonProps as f } from "../../utils/index.js";
-import { TextVariants as e } from "../../components/Text/types.js";
-import r from "../../components/Text/Text.js";
-const h = c(
-  ({ label: n = "Lots Close in", daysLabel: s = "Days", hoursLabel: t = "Hours", className: p, ...o }, i) => {
-    const { className: m, ...d } = f(o, "SaleHeaderBanner");
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        id: "PLACEHOLDER FOR TIMER COMPONENT",
-        className: `${m}__countdown-container`,
-        ...d,
-        ...o,
-        ref: i,
-        children: [
-          /* @__PURE__ */ l(r, { variant: e.heading5, children: n }),
-          /* @__PURE__ */ a(r, { variant: e.heading5, children: [
-            "2 ",
-            s
-          ] }),
-          /* @__PURE__ */ a(r, { variant: e.heading5, children: [
-            "17 ",
-            t
-          ] })
-        ]
-      }
-    );
-  }
-);
-h.displayName = "SaleHeaderCountdown";
-export {
-  h as default
-};