@phillips/seldon 1.244.0 → 1.246.0

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

@@ -134,38 +134,12 @@
     width: 1.5rem;
   }
 
-  &__icon--sm {
-    flex: initial;
-    height: 0.75rem;
-    width: 1.25rem;
-  }
-
   @include media($breakpoint-md) {
     &__icon {
       flex: initial;
       height: 1rem;
       width: 1.5rem;
     }
-
-    &__icon--sm {
-      flex: initial;
-      height: 0.875rem;
-      width: 1.5rem;
-    }
-  }
-
-  @include media($breakpoint-xl) {
-    &__icon {
-      flex: initial;
-      height: 1.25rem;
-      width: 1.75rem;
-    }
-
-    &__icon--sm {
-      flex: initial;
-      height: 1rem;
-      width: 1.5rem;
-    }
   }
 
   &--blue-fill {

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/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.244.0",
+  "version": "1.246.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"