@sonic-equipment/ui 0.0.89 → 0.0.90

package/dist/styles.css

@@ -917,11 +917,14 @@
 
   position: relative;
   display: grid;
+  width: 100%;
+  height: 100%;
   box-sizing: border-box;
   padding-top: var(--space-12);
   background-color: var(--color-white);
   color: var(--color-black);
   cursor: pointer;
+  grid-template-rows: auto 1fr;
   outline: none;
   text-decoration: none;
   transition:
@@ -937,6 +940,8 @@
 
 .product-card-module-pLaiB .product-card-module-e0kMu {
     display: grid;
+    height: 100%;
+    box-sizing: border-box;
     padding-bottom: var(--padding-bottom);
     margin-top: auto;
     gap: var(--space-16);
@@ -1361,6 +1366,7 @@
   position: relative;
   display: block;
   width: 100%;
+  height: 100%;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -1374,6 +1380,7 @@
   .carousel-module-ealh- .carousel-module-IftbN {
     position: relative;
     display: block;
+    overflow: visible;
     opacity: 0;
   }
 
@@ -1421,6 +1428,7 @@
   .carousel-module-ealh- .carousel-module-bUMlb {
     width: -moz-fit-content;
     width: fit-content;
+    height: auto;
   }
 
   /* stylelint-disable-next-line no-descending-specificity */
@@ -2347,6 +2355,7 @@
 
 .product-overview-grid-module-MlUVA {
   position: relative;
+  min-height: 380px;
 }
 
 .product-overview-grid-module-MlUVA:not(:last-child)::before {
@@ -2370,12 +2379,23 @@
     z-index: 1;
   }
 
+@media (width >= 360px) {
+  .product-overview-grid-module-MlUVA {
+    min-height: 448px;
+  }
+}
+
 @media (width >= 576px) {
   .product-overview-grid-module-bzys- {
     --amount-of-columns: 2;
     --row-gap: 0;
     --column-gap: var(--space-16);
   }
+
+  .product-overview-grid-module-MlUVA {
+    min-height: 448px;
+  }
+
     .product-overview-grid-module-MlUVA::before {
       display: none;
     }
@@ -2631,55 +2651,58 @@
   padding: 28px 24px 36px;
 }
 
-.product-carousel-module-DpUaX {
+.card-carousel-module-JXQmk {
   display: flex;
   width: 100%;
+  height: 100%;
   flex-direction: column;
   gap: var(--space-24);
 }
 
   @media (width >= 768px) {
-    .product-carousel-module-DpUaX .product-carousel-module-0ymqZ {
+    .card-carousel-module-JXQmk .card-carousel-module-XQ2pX {
       align-self: center;
     }
   }
 
-  .product-carousel-module-DpUaX .swiper {
+  .card-carousel-module-JXQmk .swiper {
     --padding: var(--space-16);
 
     width: calc(100% + (2 * var(--padding)));
+    height: 100%;
     padding: var(--padding);
     margin-top: calc(var(--padding) * -1);
     margin-bottom: calc(var(--padding) * -1);
     margin-left: calc(var(--padding) * -1);
   }
 
-.product-carousel-module-XVTB1 {
+.card-carousel-module-DxKOG {
   --slide-width-normal: 300px;
   --slide-width-narrow: 154px;
   --slide-width-auto: auto;
   --slide-width: var(--slide-width-narrow);
 
   position: relative;
+  height: 100%;
 }
 
-.product-carousel-module-XVTB1.product-carousel-module-E2EUK {
+.card-carousel-module-DxKOG.card-carousel-module-RQ8gl {
     --slide-width: var(--slide-width-auto);
   }
 
-.product-carousel-module-XVTB1.product-carousel-module-yrkV9 {
+.card-carousel-module-DxKOG.card-carousel-module-8uKSt {
     --slide-width: var(--slide-width-narrow);
   }
 
-.product-carousel-module-XVTB1.product-carousel-module-SzVga {
+.card-carousel-module-DxKOG.card-carousel-module-l-ylK {
     --slide-width: var(--slide-width-normal);
   }
 
-.product-carousel-module-XVTB1 > * {
+.card-carousel-module-DxKOG > * {
     width: var(--slide-width);
   }
 
-.product-carousel-module-XVTB1:not(:first-child)::after {
+.card-carousel-module-DxKOG:not(:first-child)::after {
       position: absolute;
       top: 0;
       left: calc((var(--column-gap) / 2) * -1);
@@ -2699,35 +2722,35 @@
 /* Hide the separator line between the cards when hovering */
 
 @media (hover: hover) {
-    .product-carousel-module-XVTB1:hover {
+    .card-carousel-module-DxKOG:hover {
       z-index: 1;
     }
 
-      .product-carousel-module-XVTB1:hover::after {
+      .card-carousel-module-DxKOG:hover::after {
         display: none;
       }
-        .product-carousel-module-XVTB1:hover + .product-carousel-module-XVTB1::after {
+        .card-carousel-module-DxKOG:hover + .card-carousel-module-DxKOG::after {
           display: none;
         }
   }
 
 @media (width >= 768px) {
-  .product-carousel-module-XVTB1 {
+  .card-carousel-module-DxKOG {
     --slide-width-normal: 300px;
     --slide-width-narrow: 192px;
     --slide-width-auto: auto;
     --slide-width: var(--slide-width-narrow);
   }
 
-    .product-carousel-module-XVTB1.product-carousel-module-E2EUK {
+    .card-carousel-module-DxKOG.card-carousel-module-RQ8gl {
       --slide-width: var(--slide-width-auto);
     }
 
-    .product-carousel-module-XVTB1.product-carousel-module-yrkV9 {
+    .card-carousel-module-DxKOG.card-carousel-module-8uKSt {
       --slide-width: var(--slide-width-narrow);
     }
 
-    .product-carousel-module-XVTB1.product-carousel-module-SzVga {
+    .card-carousel-module-DxKOG.card-carousel-module-l-ylK {
       --slide-width: var(--slide-width-normal);
     }
 }
@@ -3657,30 +3680,30 @@ button.swiper-pagination-bullet {
       height: 12px;
     }
 
-& .promo-card-module-e2oii {
+& .promo-banner-module-yuVEO {
   position: relative;
   display: block;
   height: 122px;
   outline: none;
 }
 
-  & .promo-card-module-e2oii.promo-card-module-1-jT0 {
+  & .promo-banner-module-yuVEO.promo-banner-module-ut8Kd {
     width: 250px;
   }
 
-  & .promo-card-module-e2oii.promo-card-module-zIYDh {
+  & .promo-banner-module-yuVEO.promo-banner-module-CSkIw {
     width: 310px;
   }
 
-  & .promo-card-module-e2oii picture {
+  & .promo-banner-module-yuVEO picture {
     width: 100%;
   }
 
-  & .promo-card-module-e2oii picture img {
+  & .promo-banner-module-yuVEO picture img {
       width: 100%;
     }
 
-  & .promo-card-module-e2oii:focus-visible::after {
+  & .promo-banner-module-yuVEO:focus-visible::after {
     position: absolute;
     display: block;
     background-color: transparent;
@@ -3694,22 +3717,22 @@ button.swiper-pagination-bullet {
   }
 
 @media (width >= 768px) {
-  & .promo-card-module-e2oii {
+  & .promo-banner-module-yuVEO {
     height: 230px;
   }
 
-    & .promo-card-module-e2oii.promo-card-module-zIYDh,
-    & .promo-card-module-e2oii.promo-card-module-1-jT0 {
+    & .promo-banner-module-yuVEO.promo-banner-module-CSkIw,
+    & .promo-banner-module-yuVEO.promo-banner-module-ut8Kd {
       width: auto;
     }
 }
 
-.promo-cards-module-Dy4p3 {
+.promo-banners-module-uVyxh {
   margin-bottom: var(--space-24);
 }
 
 @media (width >= 768px) {
-  .promo-cards-module-Dy4p3 {
+  .promo-banners-module-uVyxh {
     display: grid;
     margin-bottom: var(--space-32);
     gap: var(--space-16);
@@ -3718,7 +3741,7 @@ button.swiper-pagination-bullet {
 }
 
 @media (width >= 1440px) {
-  .promo-cards-module-Dy4p3 {
+  .promo-banners-module-uVyxh {
     gap: var(--space-24);
     grid-template-columns: 1.5fr 1fr;
   }
@@ -3938,6 +3961,48 @@ button.swiper-pagination-bullet {
     }
   }
 
+.promo-card-module-idY1g {
+  height: 100%;
+  container-type: inline-size;
+}
+
+.promo-card-module-e2oii {
+  --box-shadow: var(--box-shadow-medium);
+
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+  outline: none;
+  text-decoration: none;
+  transition:
+    scale ease 0.2s,
+    box-shadow ease 0.2s;
+}
+
+.promo-card-module-e2oii .promo-card-module-jr9sn img {
+      -o-object-fit: cover;
+         object-fit: cover;
+      -o-object-position: bottom left;
+         object-position: bottom left;
+    }
+
+@media (hover: hover) {
+    .promo-card-module-e2oii:hover {
+      box-shadow: var(--box-shadow);
+      color: var(--color-black);
+      scale: 1.04;
+    }
+}
+
+@container (min-width: 273px) {
+  .promo-card-module-e2oii {
+    --box-shadow: var(--box-shadow-heavy);
+  }
+}
+
 .product-listing-page-module-dmIHF .product-listing-page-module-Oz76Z {
     margin-bottom: 44px;
   }
@@ -4325,6 +4390,7 @@ button.swiper-pagination-bullet {
   --padding-block: var(--space-20);
 
   display: grid;
+  grid-template-rows: auto 1fr;
   padding-block: var(--padding-block);
   padding-inline: var(--padding-inline);
 }
@@ -4359,7 +4425,8 @@ button.swiper-pagination-bullet {
   }
 
 .search-content-module-KIok6 .search-content-module-qK5sg {
-    display: block;
+    display: grid;
+    grid-template-rows: 1fr auto;
   }
 
 .search-content-module-w-ORq {
@@ -4384,6 +4451,7 @@ button.swiper-pagination-bullet {
   --card-width: 154px;
 
   overflow: hidden;
+  height: 100%;
   padding-top: 32px;
   margin-top: -32px;
   gap: var(--column-gap);
@@ -4491,43 +4559,6 @@ button.swiper-pagination-bullet {
         font-weight: var(--font-weight-bold);
       }
 
-.no-search-module-87NKV {
-  position: relative;
-  left: -16px;
-  display: inline-block;
-  overflow: hidden;
-  width: calc(100% + var(--space-32));
-}
-
-  .no-search-module-87NKV .no-search-module-beCXI {
-    padding-inline: var(--space-16);
-  }
-
-  .no-search-module-87NKV .no-search-module-dtT5J {
-    display: grid;
-    width: 153px;
-    height: 272px;
-    cursor: pointer;
-    place-items: center;
-  }
-
-@media (width >= 768px) {
-  .no-search-module-87NKV {
-    position: static;
-    left: unset;
-    width: 100%;
-  }
-
-    .no-search-module-87NKV .no-search-module-beCXI {
-      padding-inline: 0;
-    }
-
-    .no-search-module-87NKV .no-search-module-dtT5J {
-      width: 192px;
-      height: 343px;
-    }
-}
-
 .search-result-panel-module-KBrc9 {
   position: absolute;
   z-index: var(--sidebar-layer);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.89",
+  "version": "0.0.90",
   "type": "module",
   "license": "MIT",
   "engines": {

package/dist/src/algolia/algolia-products-hits-provider.d.ts

@@ -1,6 +0,0 @@
-import { AlgoliaProductHit } from './algolia-product-hit-type';
-export interface AlgoliaProductHitsGlobalState {
-    isLoading: boolean | undefined;
-    items: AlgoliaProductHit[];
-}
-export declare function AlgoliaProductHitsProvider(): null;

package/dist/src/algolia/use-algolia-product-hits.d.ts

@@ -1,10 +0,0 @@
-import { ProductHit } from 'shared/model/product-hit';
-import { AlgoliaProductHit } from './algolia-product-hit-type';
-export declare const useAlgoliaProductHitsItems: () => [AlgoliaProductHit[], import("shared/providers/global-state-provider").UpdateGlobalState<AlgoliaProductHit[]>];
-export declare const useAlgoliaProductHitsLoading: () => [boolean | undefined, import("shared/providers/global-state-provider").UpdateGlobalState<boolean | undefined>];
-interface UseProductHitsReturnType {
-    isLoading: boolean | undefined;
-    products: ProductHit[];
-}
-export declare function useAlgoliaProductHits(): UseProductHitsReturnType;
-export {};

package/dist/src/carousel/product-carousel/product-carousel.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-import { CarouselProps } from 'carousel/carousel';
-export interface ProductCarouselProps {
-    allowExpandToGrid?: boolean;
-    cardWidth?: 'normal' | 'narrow' | 'auto';
-    hasOverflow?: boolean;
-    productCards: ReactNode[];
-    productsPerView?: CarouselProps['slidesPerView'];
-}
-export declare function ProductCarousel({ allowExpandToGrid, cardWidth, hasOverflow, productCards, productsPerView, }: ProductCarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/promos/promo-cards/promo-cards.d.ts

@@ -1,8 +0,0 @@
-import { ResponsiveImage } from 'shared/model/image';
-export interface PromoCardsProps {
-    promoCardsData?: Array<{
-        href: string;
-        image: ResponsiveImage;
-    }>;
-}
-export declare function PromoCards({ promoCardsData }: PromoCardsProps): import("react/jsx-runtime").JSX.Element | null;