@sonic-equipment/ui 135.0.0 → 137.0.0

package/dist/shared/utils/debug.js

@@ -0,0 +1,21 @@
+import { logger } from '../../logging/logger.js';
+
+const prevState = {};
+function trackPropertyChange(name, value) {
+    if (typeof name === 'string') {
+        if (value === prevState[name]) {
+            logger.info(name, value === prevState[name]);
+        }
+        else {
+            logger.warn(name, value === prevState[name]);
+        }
+        prevState[name] = value;
+    }
+    else {
+        for (const [key, value] of Object.entries(name)) {
+            trackPropertyChange(key, value);
+        }
+    }
+}
+
+export { trackPropertyChange };

package/dist/shared/utils/environment.js

@@ -1,3 +1,5 @@
+import { logger } from '../../logging/logger.js';
+
 const environments = [
     'marketingLocal',
     'sandbox',
@@ -26,7 +28,7 @@ function getEnvironment() {
     }
     else if (typeof window === 'undefined') {
         environmentUrl = 'production';
-        console.error('Unable to detect environment url');
+        logger.error('Unable to detect environment url');
     }
     else {
         environmentUrl = `${window.location.hostname}:${window.location.port}`;
@@ -52,7 +54,7 @@ function getEnvironment() {
     }
     else {
         environment = 'production';
-        console.error(`Environment not detected for url ${environmentUrl}. Defaulting to production.`);
+        logger.error(`Environment not detected for url ${environmentUrl}. Defaulting to production.`);
     }
     return environment;
 }

package/dist/styles.css

@@ -265,6 +265,7 @@
   position: relative;
   display: inline-flex;
   align-items: center;
+  color: currentcolor;
   cursor: pointer;
   font: inherit;
   gap: var(--space-4);
@@ -318,6 +319,7 @@
   --accordion-item-border-color: var(--seperator-color);
   --accordion-item-border-accentuated-color: var(--color-brand-dark-gray);
   --accordion-item-border: 1px solid var(--accordion-item-border-color);
+  --accordion-item-hover-color: var(--color-brand-light-gray);
 }
 
   .accordion-module-9WvAH.accordion-module-6CcEH {
@@ -326,6 +328,7 @@
 
   .accordion-module-9WvAH.accordion-module-CaVdG {
     --color: var(--color-white);
+    --accordion-item-hover-color: transparent;
   }
 
   .accordion-module-9WvAH.accordion-module-CaVdG .accordion-module-lf9d- button[aria-expanded='true'] {
@@ -398,8 +401,7 @@
   .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module-KZjMo {
       display: grid;
       grid-template-rows: 0fr;
-      transition:
-        grid-template-rows var(--transition-duration) linear,
+      transition: grid-template-rows var(--transition-duration) linear,
         padding-block var(--transition-duration) linear;
     }
 
@@ -438,7 +440,7 @@
 
   @media (hover: hover) {
         .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-QEO2d .accordion-module--Rwpb:hover {
-          background-color: var(--color-brand-light-gray);
+          background-color: var(--accordion-item-hover-color);
         }
     }
 
@@ -4085,6 +4087,101 @@ button.swiper-pagination-bullet {
     line-height: 1.5;
   }
 
+.footer-module-YzJ68 {
+  --padding-inline: var(--space-24);
+
+  display: block;
+  background-color: var(--color-black);
+  color: var(--color-white);
+  padding-block-start: var(--space-32);
+}
+
+  .footer-module-YzJ68,
+  .footer-module-YzJ68 * {
+    box-sizing: border-box;
+  }
+
+  .footer-module-YzJ68 ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+
+  .footer-module-YzJ68 .footer-module-rFBXC {
+    display: flex;
+    flex-flow: column wrap;
+    justify-content: center;
+    margin-block-end: var(--space-32);
+    padding-inline: var(--padding-inline);
+  }
+
+  .footer-module-YzJ68 .footer-module-rFBXC .footer-module-P5FXP .footer-module-umuTh {
+        margin-bottom: var(--space-12);
+        color: inherit;
+      }
+
+  .footer-module-YzJ68 .footer-module-rFBXC .footer-module-P5FXP .footer-module-FM4hU {
+        display: grid;
+        margin-bottom: var(--space-16);
+        gap: var(--space-12);
+      }
+
+  .footer-module-YzJ68 .footer-module-TZq-4 {
+    display: flex;
+    flex-direction: column-reverse;
+    align-items: center;
+    justify-content: center;
+    border-top: 1px solid var(--color-brand-dark-gray);
+    gap: var(--space-32);
+    padding-block: var(--space-32);
+    padding-inline: var(--padding-inline);
+  }
+
+  .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-qlHSS {
+      margin: 0;
+    }
+
+  .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-5eyFH {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: var(--space-32);
+    }
+
+  @media (width >= 1024px) {.footer-module-YzJ68 {
+    padding-top: var(--space-56)
+}
+
+    .footer-module-YzJ68 .footer-module-rFBXC {
+      display: grid;
+      gap: var(--space-32);
+      grid-template-columns: repeat(auto-fit, 220px);
+      margin-block-end: 104px;
+    }
+
+    .footer-module-YzJ68 .footer-module-TZq-4 {
+      flex-direction: row;
+      justify-content: space-between;
+      padding-block: var(--space-16);
+    }
+
+      .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-5eyFH {
+        flex-direction: row;
+      }
+
+      .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-0gJpF {
+        position: relative;
+      }
+
+        .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-0gJpF:not(:last-child)::after {
+          position: absolute;
+          right: -17px;
+          color: currentcolor;
+          content: '|';
+        }
+  }
+
 .switch-module-ywpXc {
   --pin-color: var(--color-white);
   --box-color: var(--color-brand-light-gray);
@@ -4820,7 +4917,7 @@ button.swiper-pagination-bullet {
   align-items: center;
   background-color: var(--color-white);
   gap: var(--space-8);
-  grid-template-columns: 1fr auto 1fr;
+  grid-template-columns: auto 1fr auto;
   padding-block: var(--space-4);
   padding-inline: var(--space-16);
 }
@@ -4831,7 +4928,8 @@ button.swiper-pagination-bullet {
   }
 
   .header-layout-module-VlTuk .header-layout-module-oKPyL {
-    width: var(--space-100);
+    inline-size: min(var(--space-100), 100%);
+    justify-self: center;
   }
 
   .header-layout-module-VlTuk .header-layout-module-aBOJL {
@@ -4840,12 +4938,11 @@ button.swiper-pagination-bullet {
 
   .header-layout-module-VlTuk .header-layout-module--ICLK {
     display: none;
-    place-items: center;
+    justify-items: center;
   }
 
   .header-layout-module-VlTuk .header-layout-module-HjY-a {
     display: flex;
-    margin-left: auto;
   }
 
   .header-layout-module-VlTuk .header-layout-module-HjY-a .header-layout-module-fP3a6 {
@@ -4857,14 +4954,10 @@ button.swiper-pagination-bullet {
     }
 
   @media (width >= 1024px) {.header-layout-module-VlTuk {
-    padding-block: var(--space-24);
+    padding-block: var(--space-12);
     padding-inline: var(--space-32)
 }
 
-    .header-layout-module-VlTuk .header-layout-module-oKPyL {
-      margin-bottom: var(--space-8);
-    }
-
     .header-layout-module-VlTuk .header-layout-module-aBOJL {
       display: none;
     }

package/package.json

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