@phillips/seldon 1.243.0 → 1.245.0

package/dist/_virtual/index10.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

package/dist/_virtual/index11.js

@@ -1,4 +1,4 @@
-var e = {};
+var e = { exports: {} };
 export {
-  e as __exports
+  e as __module
 };

package/dist/_virtual/index6.js

@@ -1,7 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as r } from "../node_modules/ics/dist/index.js";
+var i = r();
 export {
-  s as default
+  i as d
 };

package/dist/_virtual/index7.js

@@ -1,5 +1,7 @@
-import { __require as r } from "../node_modules/ics/dist/index.js";
-var i = r();
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  i as d
+  s as default
 };

package/dist/_virtual/index8.js

@@ -1,4 +1,4 @@
-var p = { exports: {} };
+var r = {};
 export {
-  p as __module
+  r as __exports
 };

package/dist/_virtual/index9.js

@@ -1,4 +1,4 @@
-var r = {};
+var p = { exports: {} };
 export {
-  r as __exports
+  p as __module
 };

package/dist/components/AddToCalendar/calendarLinks.js

@@ -1,4 +1,4 @@
-import { d as u } from "../../_virtual/index7.js";
+import { d as u } from "../../_virtual/index6.js";
 import { isValid as p } from "../../node_modules/date-fns/isValid.js";
 import { toZonedTime as m } from "../../node_modules/date-fns-tz/dist/esm/toZonedTime/index.js";
 import { addHours as i } from "../../node_modules/date-fns/addHours.js";

package/dist/node_modules/ics/dist/index.js

@@ -1,4 +1,4 @@
-import { __exports as o } from "../../../_virtual/index9.js";
+import { __exports as o } from "../../../_virtual/index8.js";
 import { __require as q } from "./pipeline/index.js";
 var O;
 function R() {

package/dist/node_modules/ics/dist/pipeline/index.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "../../../../_virtual/index11.js";
+import { __exports as u } from "../../../../_virtual/index10.js";
 import { __require as o } from "./build.js";
 import { __require as d } from "./format.js";
 import { __require as f } from "./validate.js";

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

@@ -1,4 +1,4 @@
-import { __module as r } from "../../_virtual/index8.js";
+import { __module as r } from "../../_virtual/index9.js";
 import { __require as s } from "./node_modules/react-is/index.js";
 import { __require as t } from "./factoryWithTypeCheckers.js";
 import { __require as p } from "./factoryWithThrowingShims.js";

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

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index10.js";
+import { __module as e } from "../../../../_virtual/index11.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/node_modules/react-transition-group/esm/CSSTransition.js

@@ -1,7 +1,7 @@
 import C from "../../@babel/runtime/helpers/esm/extends.js";
 import x from "../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
 import N from "../../@babel/runtime/helpers/esm/inheritsLoose.js";
-import v from "../../../_virtual/index6.js";
+import v from "../../../_virtual/index7.js";
 import A from "../../dom-helpers/esm/addClass.js";
 import _ from "../../dom-helpers/esm/removeClass.js";
 import c from "react";

package/dist/node_modules/react-transition-group/esm/Transition.js

@@ -1,6 +1,6 @@
 import C from "../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
 import D from "../../@babel/runtime/helpers/esm/inheritsLoose.js";
-import o from "../../../_virtual/index6.js";
+import o from "../../../_virtual/index7.js";
 import v from "react";
 import b from "react-dom";
 import T from "./config.js";

package/dist/node_modules/react-transition-group/esm/utils/PropTypes.js

@@ -1,4 +1,4 @@
-import e from "../../../../_virtual/index6.js";
+import e from "../../../../_virtual/index7.js";
 var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
   enter: e.number,
   exit: e.number,

package/dist/providers/SeldonProvider/utils.d.ts

@@ -1,5 +1,5 @@
 /**
  * Used to hide or show components based on the current breakpoint in a SSR friendly way
  */
-export declare const SSRMediaQuery: import('@artsy/fresnel/dist/Media').CreateMediaResults<"sm" | "md" | "lg" | "xl" | "xsm" | "snw-mobile", never>;
+export declare const SSRMediaQuery: import('@artsy/fresnel/dist/Media').CreateMediaResults<"sm" | "md" | "lg" | "xsm" | "snw-mobile", never>;
 export declare const ssrMediaQueryStyle: string;

package/dist/scss/_utils.scss

@@ -50,10 +50,6 @@
   @media (min-width: $breakpoint-lg) {
     margin: 0 $spacing-lg;
   }
-
-  @media (min-width: $breakpoint-xl) {
-    margin: 0 $spacing-xl;
-  }
 }
 
 @mixin grid($columns: 2, $margins-on: true) {
@@ -145,21 +141,6 @@
       }
     }
   }
-
-  @if $breakpoint == $size-xl or $breakpoint == $breakpoint-xl {
-    // $breakpoint-xl: 1801px;
-    @if $type == 'min' {
-      @media (min-width: $breakpoint-xl) {
-        @content;
-      }
-    }
-
-    @if $type == 'max' {
-      @media (max-width: calc($breakpoint-xl - 1px)) {
-        @content;
-      }
-    }
-  }
 }
 
 // prepends the parent class name to the child class name for BEM

package/dist/scss/_vars.scss

@@ -2,7 +2,7 @@
 $px: seldon;
 
 // TODO: make design team to follow something like https://tailwindcss.com/docs/font-size
-@mixin font-size-vars--sm {
+@mixin font-size-vars {
   --font-size-display-medium: 2.5rem; // 40px
   --font-size-display-small: 2rem; // 32px
   --font-size-heading-large: 1.5rem; // 24px
@@ -23,31 +23,6 @@ $px: seldon;
   --font-size-badge-medium: 0.875rem; // 14px
 }
 
-@mixin font-size-vars--md {
-  @include font-size-vars--sm;
-}
-
-@mixin font-size-vars--lg {
-  --font-size-display-medium: 3rem; // 48px
-  --font-size-display-small: 2.5rem; // 40px
-  --font-size-heading-large: 1.75rem; // 28px
-  --font-size-heading-medium: 1.5rem; // 24px
-  --font-size-heading-small: 1.25rem; // 20px
-  --font-size-heading-extra-small: 1rem; // 16px
-  --font-size-body-large: 1.25rem; // 20px
-  --font-size-body-medium: 1.125rem; // 18px
-  --font-size-body-small: 1rem; // 16px
-  --font-size-label-large: 1.25rem; // 20px
-  --font-size-label-medium: 1.125rem; // 18px
-  --font-size-label-small: 1rem; // 16px
-  --font-size-link-stylised: 1.25rem; // 20px
-  --font-size-link-large: 1.25rem; // 20px
-  --font-size-link-medium: 1.125rem; // 18px
-  --font-size-link-small: 1rem; // 16px
-  --font-size-badge-small: 1rem; // 16px
-  --font-size-badge-medium: 1.125rem; // 18px
-}
-
 $font-size-xs: var(--font-size-xs);
 $font-size-s: var(--font-size-s);
 $font-size-m: var(--font-size-m);
@@ -277,7 +252,6 @@ $text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $h
 $breakpoint-sm: 361px;
 $breakpoint-md: 961px;
 $breakpoint-lg: 1401px;
-$breakpoint-xl: 1801px;
 
 // Temporary token for mobile breakpoint added to support [L3-7681](https://phillipsauctions.atlassian.net/browse/L3-7681)
 $breakpoint-snw-mobile: 768px;
@@ -382,10 +356,10 @@ $margin-xl: var(--spacing-xl);
 $margin-xxl: var(--spacing-xxl);
 
 ////////////////////////
-/// modal-min-width TOKEN:
+/// modal width/min-width TOKENs:
 ///////////////////////
 $mobile-modal-min-width: 22.5rem;
-$desktop-modal-min-width: 35rem;
+$desktop-modal-width: 35rem;
 
 ////////////////////////
 /// max-site-width TOKEN:

package/dist/scss/_vars.scss.js

@@ -2,7 +2,7 @@ const n = `// prefix
 $px: seldon;
 
 // TODO: make design team to follow something like https://tailwindcss.com/docs/font-size
-@mixin font-size-vars--sm {
+@mixin font-size-vars {
   --font-size-display-medium: 2.5rem; // 40px
   --font-size-display-small: 2rem; // 32px
   --font-size-heading-large: 1.5rem; // 24px
@@ -23,31 +23,6 @@ $px: seldon;
   --font-size-badge-medium: 0.875rem; // 14px
 }
 
-@mixin font-size-vars--md {
-  @include font-size-vars--sm;
-}
-
-@mixin font-size-vars--lg {
-  --font-size-display-medium: 3rem; // 48px
-  --font-size-display-small: 2.5rem; // 40px
-  --font-size-heading-large: 1.75rem; // 28px
-  --font-size-heading-medium: 1.5rem; // 24px
-  --font-size-heading-small: 1.25rem; // 20px
-  --font-size-heading-extra-small: 1rem; // 16px
-  --font-size-body-large: 1.25rem; // 20px
-  --font-size-body-medium: 1.125rem; // 18px
-  --font-size-body-small: 1rem; // 16px
-  --font-size-label-large: 1.25rem; // 20px
-  --font-size-label-medium: 1.125rem; // 18px
-  --font-size-label-small: 1rem; // 16px
-  --font-size-link-stylised: 1.25rem; // 20px
-  --font-size-link-large: 1.25rem; // 20px
-  --font-size-link-medium: 1.125rem; // 18px
-  --font-size-link-small: 1rem; // 16px
-  --font-size-badge-small: 1rem; // 16px
-  --font-size-badge-medium: 1.125rem; // 18px
-}
-
 $font-size-xs: var(--font-size-xs);
 $font-size-s: var(--font-size-s);
 $font-size-m: var(--font-size-m);
@@ -277,7 +252,6 @@ $text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $h
 $breakpoint-sm: 361px;
 $breakpoint-md: 961px;
 $breakpoint-lg: 1401px;
-$breakpoint-xl: 1801px;
 
 // Temporary token for mobile breakpoint added to support [L3-7681](https://phillipsauctions.atlassian.net/browse/L3-7681)
 $breakpoint-snw-mobile: 768px;
@@ -382,10 +356,10 @@ $margin-xl: var(--spacing-xl);
 $margin-xxl: var(--spacing-xxl);
 
 ////////////////////////
-/// modal-min-width TOKEN:
+/// modal width/min-width TOKENs:
 ///////////////////////
 $mobile-modal-min-width: 22.5rem;
-$desktop-modal-min-width: 35rem;
+$desktop-modal-width: 35rem;
 
 ////////////////////////
 /// max-site-width TOKEN:

package/dist/scss/componentStyles.scss

@@ -155,122 +155,5 @@
 
   // FONT SIZES
 
-  @include font-size-vars--sm;
-
-  @media (min-width: $breakpoint-md) {
-    @include font-size-vars--md;
-
-    --quote-size: 1.75rem;
-    --quote-line-height: 2.25rem;
-    --heading-size1: 1.75rem;
-    --heading-line-height-size1: 2rem;
-    --heading-size2: 1.75rem;
-    --heading-line-height-size2: 2rem;
-    --heading-size3: 1.5rem;
-    --heading-line-height-size3: 1.75rem;
-    --heading-size4: 1.25rem;
-    --heading-line-height-size4: 1.5rem;
-    --heading-size5: 1rem;
-    --heading-line-height-size5: 1.25rem;
-    --string-size1: 1.25rem;
-    --string-line-height-size1: 1.5rem;
-    --string-size2: 1rem;
-    --string-line-height-size2: 1.25rem;
-    --string-size3: 0.75rem;
-    --string-line-height-size3: 1rem;
-    --body-size1: 1.25rem;
-    --body-line-height-size1: 1.75rem;
-    --body-size2: 1rem;
-    --body-line-height-size2: 1.5rem;
-    --body-size3: 0.75rem;
-    --body-line-height-size3: 1.25rem;
-    --label-size1: 1.25rem;
-    --label-size2: 1rem;
-    --label-size3: 0.75rem;
-    --label-size4: 0.75rem;
-    --link-label-size: 1rem;
-    --link-label-line-height: 1rem;
-    --button-label-size: 1rem;
-    --button-label-line-height: 1.25rem;
-    --badge-label-size: 0.75rem;
-    --badge-label-line-height: 1rem;
-    --snw-header-link-size: 1rem;
-    --snw-header-link-line-height: 1.5rem;
-    --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;
-    --snw-button-padding: 0.5rem;
-    --spacing-micro: 0.25rem;
-    --spacing-xsm: 0.5rem;
-    --spacing-sm: 1rem;
-    --spacing-md: 2rem;
-    --spacing-lg: 3rem;
-    --spacing-xl: 4rem;
-    --spacing-xxl: 5rem;
-    --spacing-xxxl: 6rem;
-
-    // --header-height is set dynamically by Header component
-  }
-
-  @media (min-width: $breakpoint-lg) {
-    --snw-flyout-link-size: 0.875rem;
-    --snw-flyout-link-line-height: 1.75rem;
-
-    // --header-height is set dynamically by Header component
-  }
-
-  @media (min-width: $breakpoint-xl) {
-    // FONT SIZES
-    @include font-size-vars--lg;
-
-    --quote-size: 2rem;
-    --quote-line-height: 2.5rem;
-    --heading-size1: 2rem;
-    --heading-line-height-size1: 2.25rem;
-    --heading-size2: 2rem;
-    --heading-line-height-size2: 2.25rem;
-    --heading-size3: 1.75rem;
-    --heading-line-height-size3: 2rem;
-    --heading-size4: 1.5rem;
-    --heading-line-height-size4: 1.75rem;
-    --heading-size5: 1.25rem;
-    --heading-line-height-size5: 1.5rem;
-    --string-size1: 1.5rem;
-    --string-line-height-size1: 1.75rem;
-    --string-size2: 1.25rem;
-    --string-line-height-size2: 1.5rem;
-    --string-size3: 1rem;
-    --string-line-height-size3: 1.25rem;
-    --body-size1: 1.5rem;
-    --body-line-height-size1: 2rem;
-    --body-size2: 1.25rem;
-    --body-line-height-size2: 1.75rem;
-    --body-size3: 1rem;
-    --body-line-height-size3: 1.5rem;
-    --label-size1: 1.56rem;
-    --label-size2: 1.25rem;
-    --label-size3: 1rem;
-    --link-label-size: 1.25rem;
-    --link-label-line-height: 1.25rem;
-    --button-label-size: 1.25rem;
-    --button-label-line-height: 1.5rem;
-    --badge-label-size: 1rem;
-    --badge-label-line-height: 1.5rem;
-    --snw-header-link-size: 1.125rem;
-    --snw-header-link-line-height: 1.75rem;
-    --snw-flyout-link-size: 1.125rem;
-    --snw-flyout-link-line-height: 2.125rem;
-    --snw-button-padding: 0.5rem;
-    --spacing-micro: 0.5rem;
-    --spacing-xsm: 0.75rem;
-    --spacing-sm: 1.25rem;
-    --spacing-md: 2.25rem;
-    --spacing-lg: 3.25rem;
-    --spacing-xl: 4.25rem;
-    --spacing-xxl: 5.25rem;
-    --spacing-xxxl: 6.25rem;
-    --search-size: 2.875rem; // This should be calculated from the scaling text and scaling spacing tokens instead of hardcoding in case they change
-    // --header-height is set dynamically by Header component
-  }
+  @include font-size-vars;
 }

package/dist/scss/components/Accordion/_accordion.scss

@@ -154,20 +154,6 @@
     }
   }
 
-  @include media($breakpoint-xl) {
-    &__icon {
-      flex: initial;
-      height: 1.25rem;
-      width: 1.75rem;
-    }
-
-    &__icon--sm {
-      flex: initial;
-      height: 1rem;
-      width: 1.5rem;
-    }
-  }
-
   &--blue-fill {
     filter: brightness(0) saturate(100%) invert(51%) sepia(72%) saturate(1698%) hue-rotate(191deg) brightness(95%)
       contrast(86%);

package/dist/scss/components/Breadcrumb/_breadcrumb.scss

@@ -31,13 +31,6 @@
       }
     }
 
-    @include media($breakpoint-xl) {
-      svg {
-        height: 1.5rem;
-        width: 1.5rem;
-      }
-    }
-
     span {
       margin: $margin-sm;
     }

package/dist/scss/components/ComposedModal/_composedModal.scss

@@ -17,7 +17,8 @@ $breakpoint-mobile-small: 450px;
   }
 
   @media (min-width: $breakpoint-md) {
-    min-width: $desktop-modal-min-width;
+    min-width: $desktop-modal-width;
+    width: $desktop-modal-width;
   }
 
   &__body {

package/dist/scss/components/PageContentWrapper/_pageContentWrapper.scss

@@ -6,8 +6,4 @@
   @media (min-width: $breakpoint-md) {
     padding: 0 $padding-lg;
   }
-
-  @media (min-width: $breakpoint-xl) {
-    padding: 0 $padding-xl;
-  }
 }

package/dist/scss/components/Select/_select.scss

@@ -20,10 +20,6 @@
         @media (min-width: $breakpoint-md) {
           padding-right: 3.25rem;
         }
-
-        @media (min-width: $breakpoint-xl) {
-          padding-right: 4.25rem;
-        }
       }
     }
   }
@@ -43,12 +39,6 @@
       width: 1.25rem;
     }
 
-    @media (min-width: $breakpoint-xl) {
-      height: 1.5rem;
-      right: 0.55rem;
-      width: 1.5rem;
-    }
-
     path {
       fill: $pure-black;
     }

package/dist/scss/components/Tags/_tags.scss

@@ -55,10 +55,6 @@
     height: 2rem;
     padding: 0 $spacing-sm;
 
-    @include media($breakpoint-xl) {
-      padding: $spacing-sm;
-    }
-
     svg {
       fill: $black-100;
       height: 1rem;
@@ -86,10 +82,6 @@
       @include focus-ring($border-radius: $radius-3xl);
 
       padding: 0 $spacing-sm;
-
-      @include media($breakpoint-xl) {
-        padding: $spacing-sm;
-      }
     }
   }
 }

package/dist/scss/patterns/FavoritesCollectionTile/_favoritesCollectionTile.scss

@@ -72,10 +72,6 @@
       background-size: 100%;
       transition: background 0s;
     }
-
-    @media (min-width: $breakpoint-xl) {
-      top: calc($spacing-sm + 0.45rem);
-    }
   }
 
   &__popover-content {

package/dist/scss/patterns/FiltersInline/_filterDropdownMenu.scss

@@ -23,10 +23,6 @@ $dropdown-height: 240px;
     &--mobile {
       padding: 0 $spacing-md $spacing-md;
     }
-
-    @media (min-width: $breakpoint-xl) {
-      max-height: calc($dropdown-height + $spacing-sm);
-    }
   }
 
   &__button-wrap {

package/dist/scss/patterns/FiltersInline/_filtersInline.scss

@@ -9,10 +9,6 @@
 .#{$px}-filter-drawer {
   max-width: 380px;
   padding: 0;
-
-  @include media($breakpoint-xl) {
-    max-width: 420px;
-  }
 }
 
 .#{$px}-filter-drawer-menu {

package/dist/scss/patterns/PhoneNumberInput/_phoneNumberInput.scss

@@ -32,7 +32,7 @@
     }
   }
 
-  @media screen and (min-width: $breakpoint-xl) {
+  @media screen {
     &__country-picker {
       flex: 0 0 37.5%;
       min-width: 0;

package/dist/scss/patterns/SaleCard/_saleCard.scss

@@ -74,10 +74,6 @@ a:has(> .#{$px}-sale-card) {
     @media (min-width: $breakpoint-snw-mobile) {
       flex-basis: 250px;
     }
-
-    @media (min-width: $breakpoint-xl) {
-      flex-basis: 400px;
-    }
   }
 
   &__date_info {

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

@@ -179,10 +179,6 @@
       top: calc($header-height - 10px);
       width: 100%;
 
-      @media (min-width: $breakpoint-xl) {
-        top: calc($header-height - 3px);
-      }
-
       @include isHeaderMobile {
         display: none;
       }

package/dist/utils/constants.d.ts

@@ -4,7 +4,6 @@ export declare const BREAKPOINTS: {
     sm: number;
     md: number;
     lg: number;
-    xl: number;
     "snw-mobile": number;
 };
 export declare const DEFAULT_REM_SIZE = 16;

package/dist/utils/constants.js

@@ -3,7 +3,6 @@ const s = {
   sm: 361,
   md: 961,
   lg: 1401,
-  xl: 1801,
   // Temporary token for mobile breakpoint added to support [L3-7681](https://phillipsauctions.atlassian.net/browse/L3-7681)
   "snw-mobile": 768
 }, m = 16;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.243.0",
+  "version": "1.245.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"