@reuters-graphics/graphics-components 1.0.30 → 1.1.1

package/dist/components/SiteHeader/SiteHeader.svelte

@@ -1,35 +1,32 @@
 <!-- @component `SiteHeader` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SiteHeader--default) -->
-<script>import ReutersLogo from '../ReutersLogo/ReutersLogo.svelte';
-import NavBar from './NavBar/index.svelte';
-import starterData from './data.json';
-import { onMount, setContext } from 'svelte';
-import { writable } from 'svelte/store';
-import MenuIcon from './svgs/Menu.svelte';
-import MobileMenu from './MobileMenu/index.svelte';
-setContext('nav-active-section', writable(null));
+<script>import ReutersLogo from "../ReutersLogo/ReutersLogo.svelte";
+import NavBar from "./NavBar/index.svelte";
+import starterData from "./data.json";
+import { onMount, setContext } from "svelte";
+import { writable } from "svelte/store";
+import MenuIcon from "./svgs/Menu.svelte";
+import MobileMenu from "./MobileMenu/index.svelte";
+setContext("nav-active-section", writable(null));
 let data = starterData;
 $: sections = data[0].sections;
 let isMobileMenuOpen = false;
 onMount(async () => {
-    // Only fire on prod...
-    if (new URL(document.location.href).origin !== 'https://www.reuters.com') {
-        return;
-    }
-    try {
-        const response = await fetch('https://www.reuters.com/site-api/header/?' +
-            new URLSearchParams({
-                _website: 'reuters',
-                outputType: 'json',
-            }));
-        const headerData = await response.json();
-        // Dumb verification...
-        if (!headerData[0].sections)
-            return;
-        data = headerData;
-    }
-    catch {
-        console.warn('Unable to fetch site header data');
-    }
+  if (new URL(document.location.href).origin !== "https://www.reuters.com") {
+    return;
+  }
+  try {
+    const response = await fetch(
+      "https://www.reuters.com/site-api/header/?" + new URLSearchParams({
+        _website: "reuters",
+        outputType: "json"
+      })
+    );
+    const headerData = await response.json();
+    if (!headerData[0].sections) return;
+    data = headerData;
+  } catch {
+    console.warn("Unable to fetch site header data");
+  }
 });
 </script>
 
@@ -57,7 +54,7 @@ onMount(async () => {
               </a>
             </div>
           </div>
-          <NavBar sections="{sections}" />
+          <NavBar {sections} />
           <!-- Space takes the place of the MyViewMenu, NavSearchBar & Account components... -->
           <div class="spacer-container">
             <div class="spacer"></div>
@@ -87,7 +84,7 @@ onMount(async () => {
 </header>
 
 <MobileMenu
-  isMobileMenuOpen="{isMobileMenuOpen}"
+  {isMobileMenuOpen}
   releaseMobileMenu="{() => {
     isMobileMenuOpen = false;
   }}"
@@ -115,7 +112,6 @@ To handle overlapping borders within components (e.g., buttons and inputs in inp
 .nav-container a {
   text-decoration: none;
 }
-
 .scroll-container {
   height: calc(var(--page-height) - 50vh);
   pointer-events: none;
@@ -127,7 +123,6 @@ To handle overlapping borders within components (e.g., buttons and inputs in inp
   pointer-events: auto;
   border-bottom: 1px solid var(--nav-rules, var(--tr-muted-grey));
 }
-
 .main-bar {
   padding-left: 2.2222222222vw;
   padding-right: 2.2222222222vw;
@@ -155,7 +150,6 @@ To handle overlapping borders within components (e.g., buttons and inputs in inp
     height: 56px;
   }
 }
-
 .logo-container {
   align-self: center;
 }
@@ -171,7 +165,6 @@ To handle overlapping borders within components (e.g., buttons and inputs in inp
     min-width: 94px;
   }
 }
-
 .spacer-container {
   margin-left: auto;
   display: flex;
@@ -192,7 +185,6 @@ To handle overlapping borders within components (e.g., buttons and inputs in inp
     width: 88px;
   }
 }
-
 .mobile-button-group {
   margin-left: auto;
   display: flex;
@@ -204,7 +196,6 @@ To handle overlapping borders within components (e.g., buttons and inputs in inp
     display: none;
   }
 }
-
 .mobile-menu {
   margin-left: 8px;
 }

package/dist/{@types/components → components}/SiteHeader/SiteHeader.svelte.d.ts

@@ -1,15 +1,17 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SiteHeaderProps = typeof __propDef.props;
 export type SiteHeaderEvents = typeof __propDef.events;
 export type SiteHeaderSlots = typeof __propDef.slots;
 /** `SiteHeader` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SiteHeader--default) */
-export default class SiteHeader extends SvelteComponentTyped<SiteHeaderProps, SiteHeaderEvents, SiteHeaderSlots> {
+export default class SiteHeader extends SvelteComponent<SiteHeaderProps, SiteHeaderEvents, SiteHeaderSlots> {
 }
 export {};

package/dist/components/SiteHeader/data.json

@@ -1 +1,347 @@
-[{"sections":[{"id":"/world/","url":"/world/","name":"World","type":"section","children":[{"id":"/world/africa/","url":"/world/africa/","name":"Africa"},{"id":"/world/americas/","url":"/world/americas/","name":"Americas"},{"id":"/world/asia-pacific/","url":"/world/asia-pacific/","name":"Asia Pacific"},{"id":"/world/china/","url":"/world/china/","name":"China"},{"id":"/world/europe/","url":"/world/europe/","name":"Europe"},{"id":"/world/india/","url":"/world/india/","name":"India"},{"id":"/world/middle-east/","url":"/world/middle-east/","name":"Middle East"},{"id":"/world/uk/","url":"/world/uk/","name":"United Kingdom"},{"id":"/world/us/","url":"/world/us/","name":"United States"},{"id":"/world/the-great-reboot/","url":"/world/the-great-reboot/","name":"The Great Reboot"},{"id":"/world/reuters-next/","url":"/world/reuters-next/","name":"Reuters Next"}]},{"id":"/business/","url":"/business/","name":"Business","type":"section","children":[{"id":"/business/aerospace-defense/","url":"/business/aerospace-defense/","name":"Aerospace & Defense"},{"id":"/business/autos-transportation/","url":"/business/autos-transportation/","name":"Autos & Transportation"},{"id":"/business/energy/","url":"/business/energy/","name":"Energy"},{"id":"/business/environment/","url":"/business/environment/","name":"Environment"},{"id":"/business/finance/","url":"/business/finance/","name":"Finance"},{"id":"/business/healthcare-pharmaceuticals/","url":"/business/healthcare-pharmaceuticals/","name":"Healthcare & Pharmaceuticals"},{"id":"/business/media-telecom/","url":"/business/media-telecom/","name":"Media & Telecom"},{"id":"/business/retail-consumer/","url":"/business/retail-consumer/","name":"Retail & Consumer"},{"id":"/business/sustainable-business/","url":"/business/sustainable-business/","name":"Sustainable Business"},{"id":"/business/charged/","url":"/business/charged/","name":"Charged"},{"id":"/business/future-of-health/","url":"/business/future-of-health/","name":"Future of Health"},{"id":"/business/future-of-money/","url":"/business/future-of-money/","name":"Future of Money"},{"id":"/business/take-five/","url":"/business/take-five/","name":"Take Five"},{"id":"/business/reuters-impact/","url":"/business/reuters-impact/","name":"Reuters Impact"},{"id":"/business/davos/","url":"/business/davos/","name":"Davos"}]},{"id":"/legal/","url":"/legal/","name":"Legal","type":"section","children":[{"id":"/legal/government/","url":"/legal/government/","name":"Government"},{"id":"/legal/legalindustry/","url":"/legal/legalindustry/","name":"Legal Industry"},{"id":"/legal/litigation/","url":"/legal/litigation/","name":"Litigation"},{"id":"/legal/transactional/","url":"/legal/transactional/","name":"Transactional"}]},{"id":"/markets/","url":"/markets/","name":"Markets","type":"section","children":[{"id":"/markets/asia/","url":"/markets/asia/","name":"Asian Markets"},{"id":"/markets/carbon/","url":"/markets/carbon/","name":"Carbon Markets"},{"id":"/markets/commodities/","url":"/markets/commodities/","name":"Commodities"},{"id":"/markets/currencies/","url":"/markets/currencies/","name":"Currencies"},{"id":"/markets/deals/","url":"/markets/deals/","name":"Deals"},{"id":"/markets/emerging/","url":"/markets/emerging/","name":"Emerging Markets"},{"id":"/markets/europe/","url":"/markets/europe/","name":"European Markets"},{"id":"/markets/funds/","url":"/markets/funds/","name":"Funds"},{"id":"/markets/global-market-data/","url":"/markets/global-market-data/","name":"Global Market Data"},{"id":"/markets/rates-bonds/","url":"/markets/rates-bonds/","name":"Rates & Bonds"},{"id":"/markets/stocks/","url":"/markets/stocks/","name":"Stocks"},{"id":"/markets/us/","url":"/markets/us/","name":"U.S. Markets"},{"id":"/markets/wealth/","url":"/markets/wealth/","name":"Wealth"},{"id":"/markets/macromatters/","url":"/markets/macromatters/","name":"Macro Matters"}]},{"id":"/breakingviews/","url":"/breakingviews/","name":"Breakingviews","type":"section"},{"id":"/technology/","url":"/technology/","name":"Technology","type":"section","children":[{"id":"/technology/disrupted/","url":"/technology/disrupted/","name":"Disrupted"},{"id":"/technology/reuters-momentum/","url":"/technology/reuters-momentum/","name":"Reuters Momentum"}]},{"id":"/investigates/","url":"https://www.reuters.com/investigates/","name":"Investigations","type":"link"},{"id":"/lifestyle/sports/","url":"/lifestyle/sports/","name":"Sports","type":"section","children":[{"id":"/lifestyle/sports/athletics/","url":"/lifestyle/sports/athletics/","name":"Athletics"},{"id":"/lifestyle/sports/cricket/","url":"/lifestyle/sports/cricket/","name":"Cricket"},{"id":"/lifestyle/sports/cycling/","url":"/lifestyle/sports/cycling/","name":"Cycling"},{"id":"/lifestyle/sports/golf/","url":"/lifestyle/sports/golf/","name":"Golf"},{"id":"/lifestyle/sports/motor-sports/","url":"/lifestyle/sports/motor-sports/","name":"Motor Sports"},{"id":"/lifestyle/sports/soccer/","url":"/lifestyle/sports/soccer/","name":"Soccer"},{"id":"/lifestyle/sports/tennis/","url":"/lifestyle/sports/tennis/","name":"Tennis"}]},{"id":"/lifestyle/","url":"/lifestyle/","name":"Lifestyle","type":"section","children":[{"id":"/lifestyle/oddly-enough/","url":"/lifestyle/oddly-enough/","name":"Oddly Enough"},{"id":"/lifestyle/science/","url":"/lifestyle/science/","name":"Science"}]},{"id":"/graphics/","url":"https://graphics.reuters.com/","name":"Graphics","type":"link"},{"id":"/pictures/","url":"/pictures/","name":"Pictures","type":"section"},{"id":"/video/","url":"/video/","name":"Video","type":"section"}],"home_url":"/","search_url":"/site-search/","sign_in_url":"/signin/","sign_up_url":"/signup/","subscribe_url":"","my_account_url":"/myaccount/","my_view_url":"/myview/all","following_url":"/myview/following-feed","saved_url":"/myview/saved"}]
+[
+  {
+    "sections": [
+      {
+        "id": "/world/",
+        "url": "/world/",
+        "name": "World",
+        "type": "section",
+        "children": [
+          { "id": "/world/africa/", "url": "/world/africa/", "name": "Africa" },
+          {
+            "id": "/world/americas/",
+            "url": "/world/americas/",
+            "name": "Americas"
+          },
+          {
+            "id": "/world/asia-pacific/",
+            "url": "/world/asia-pacific/",
+            "name": "Asia Pacific"
+          },
+          { "id": "/world/china/", "url": "/world/china/", "name": "China" },
+          { "id": "/world/europe/", "url": "/world/europe/", "name": "Europe" },
+          { "id": "/world/india/", "url": "/world/india/", "name": "India" },
+          {
+            "id": "/world/middle-east/",
+            "url": "/world/middle-east/",
+            "name": "Middle East"
+          },
+          { "id": "/world/uk/", "url": "/world/uk/", "name": "United Kingdom" },
+          { "id": "/world/us/", "url": "/world/us/", "name": "United States" },
+          {
+            "id": "/world/the-great-reboot/",
+            "url": "/world/the-great-reboot/",
+            "name": "The Great Reboot"
+          },
+          {
+            "id": "/world/reuters-next/",
+            "url": "/world/reuters-next/",
+            "name": "Reuters Next"
+          }
+        ]
+      },
+      {
+        "id": "/business/",
+        "url": "/business/",
+        "name": "Business",
+        "type": "section",
+        "children": [
+          {
+            "id": "/business/aerospace-defense/",
+            "url": "/business/aerospace-defense/",
+            "name": "Aerospace & Defense"
+          },
+          {
+            "id": "/business/autos-transportation/",
+            "url": "/business/autos-transportation/",
+            "name": "Autos & Transportation"
+          },
+          {
+            "id": "/business/energy/",
+            "url": "/business/energy/",
+            "name": "Energy"
+          },
+          {
+            "id": "/business/environment/",
+            "url": "/business/environment/",
+            "name": "Environment"
+          },
+          {
+            "id": "/business/finance/",
+            "url": "/business/finance/",
+            "name": "Finance"
+          },
+          {
+            "id": "/business/healthcare-pharmaceuticals/",
+            "url": "/business/healthcare-pharmaceuticals/",
+            "name": "Healthcare & Pharmaceuticals"
+          },
+          {
+            "id": "/business/media-telecom/",
+            "url": "/business/media-telecom/",
+            "name": "Media & Telecom"
+          },
+          {
+            "id": "/business/retail-consumer/",
+            "url": "/business/retail-consumer/",
+            "name": "Retail & Consumer"
+          },
+          {
+            "id": "/business/sustainable-business/",
+            "url": "/business/sustainable-business/",
+            "name": "Sustainable Business"
+          },
+          {
+            "id": "/business/charged/",
+            "url": "/business/charged/",
+            "name": "Charged"
+          },
+          {
+            "id": "/business/future-of-health/",
+            "url": "/business/future-of-health/",
+            "name": "Future of Health"
+          },
+          {
+            "id": "/business/future-of-money/",
+            "url": "/business/future-of-money/",
+            "name": "Future of Money"
+          },
+          {
+            "id": "/business/take-five/",
+            "url": "/business/take-five/",
+            "name": "Take Five"
+          },
+          {
+            "id": "/business/reuters-impact/",
+            "url": "/business/reuters-impact/",
+            "name": "Reuters Impact"
+          },
+          {
+            "id": "/business/davos/",
+            "url": "/business/davos/",
+            "name": "Davos"
+          }
+        ]
+      },
+      {
+        "id": "/legal/",
+        "url": "/legal/",
+        "name": "Legal",
+        "type": "section",
+        "children": [
+          {
+            "id": "/legal/government/",
+            "url": "/legal/government/",
+            "name": "Government"
+          },
+          {
+            "id": "/legal/legalindustry/",
+            "url": "/legal/legalindustry/",
+            "name": "Legal Industry"
+          },
+          {
+            "id": "/legal/litigation/",
+            "url": "/legal/litigation/",
+            "name": "Litigation"
+          },
+          {
+            "id": "/legal/transactional/",
+            "url": "/legal/transactional/",
+            "name": "Transactional"
+          }
+        ]
+      },
+      {
+        "id": "/markets/",
+        "url": "/markets/",
+        "name": "Markets",
+        "type": "section",
+        "children": [
+          {
+            "id": "/markets/asia/",
+            "url": "/markets/asia/",
+            "name": "Asian Markets"
+          },
+          {
+            "id": "/markets/carbon/",
+            "url": "/markets/carbon/",
+            "name": "Carbon Markets"
+          },
+          {
+            "id": "/markets/commodities/",
+            "url": "/markets/commodities/",
+            "name": "Commodities"
+          },
+          {
+            "id": "/markets/currencies/",
+            "url": "/markets/currencies/",
+            "name": "Currencies"
+          },
+          {
+            "id": "/markets/deals/",
+            "url": "/markets/deals/",
+            "name": "Deals"
+          },
+          {
+            "id": "/markets/emerging/",
+            "url": "/markets/emerging/",
+            "name": "Emerging Markets"
+          },
+          {
+            "id": "/markets/europe/",
+            "url": "/markets/europe/",
+            "name": "European Markets"
+          },
+          {
+            "id": "/markets/funds/",
+            "url": "/markets/funds/",
+            "name": "Funds"
+          },
+          {
+            "id": "/markets/global-market-data/",
+            "url": "/markets/global-market-data/",
+            "name": "Global Market Data"
+          },
+          {
+            "id": "/markets/rates-bonds/",
+            "url": "/markets/rates-bonds/",
+            "name": "Rates & Bonds"
+          },
+          {
+            "id": "/markets/stocks/",
+            "url": "/markets/stocks/",
+            "name": "Stocks"
+          },
+          {
+            "id": "/markets/us/",
+            "url": "/markets/us/",
+            "name": "U.S. Markets"
+          },
+          {
+            "id": "/markets/wealth/",
+            "url": "/markets/wealth/",
+            "name": "Wealth"
+          },
+          {
+            "id": "/markets/macromatters/",
+            "url": "/markets/macromatters/",
+            "name": "Macro Matters"
+          }
+        ]
+      },
+      {
+        "id": "/breakingviews/",
+        "url": "/breakingviews/",
+        "name": "Breakingviews",
+        "type": "section"
+      },
+      {
+        "id": "/technology/",
+        "url": "/technology/",
+        "name": "Technology",
+        "type": "section",
+        "children": [
+          {
+            "id": "/technology/disrupted/",
+            "url": "/technology/disrupted/",
+            "name": "Disrupted"
+          },
+          {
+            "id": "/technology/reuters-momentum/",
+            "url": "/technology/reuters-momentum/",
+            "name": "Reuters Momentum"
+          }
+        ]
+      },
+      {
+        "id": "/investigates/",
+        "url": "https://www.reuters.com/investigates/",
+        "name": "Investigations",
+        "type": "link"
+      },
+      {
+        "id": "/lifestyle/sports/",
+        "url": "/lifestyle/sports/",
+        "name": "Sports",
+        "type": "section",
+        "children": [
+          {
+            "id": "/lifestyle/sports/athletics/",
+            "url": "/lifestyle/sports/athletics/",
+            "name": "Athletics"
+          },
+          {
+            "id": "/lifestyle/sports/cricket/",
+            "url": "/lifestyle/sports/cricket/",
+            "name": "Cricket"
+          },
+          {
+            "id": "/lifestyle/sports/cycling/",
+            "url": "/lifestyle/sports/cycling/",
+            "name": "Cycling"
+          },
+          {
+            "id": "/lifestyle/sports/golf/",
+            "url": "/lifestyle/sports/golf/",
+            "name": "Golf"
+          },
+          {
+            "id": "/lifestyle/sports/motor-sports/",
+            "url": "/lifestyle/sports/motor-sports/",
+            "name": "Motor Sports"
+          },
+          {
+            "id": "/lifestyle/sports/soccer/",
+            "url": "/lifestyle/sports/soccer/",
+            "name": "Soccer"
+          },
+          {
+            "id": "/lifestyle/sports/tennis/",
+            "url": "/lifestyle/sports/tennis/",
+            "name": "Tennis"
+          }
+        ]
+      },
+      {
+        "id": "/lifestyle/",
+        "url": "/lifestyle/",
+        "name": "Lifestyle",
+        "type": "section",
+        "children": [
+          {
+            "id": "/lifestyle/oddly-enough/",
+            "url": "/lifestyle/oddly-enough/",
+            "name": "Oddly Enough"
+          },
+          {
+            "id": "/lifestyle/science/",
+            "url": "/lifestyle/science/",
+            "name": "Science"
+          }
+        ]
+      },
+      {
+        "id": "/graphics/",
+        "url": "https://graphics.reuters.com/",
+        "name": "Graphics",
+        "type": "link"
+      },
+      {
+        "id": "/pictures/",
+        "url": "/pictures/",
+        "name": "Pictures",
+        "type": "section"
+      },
+      { "id": "/video/", "url": "/video/", "name": "Video", "type": "section" }
+    ],
+    "home_url": "/",
+    "search_url": "/site-search/",
+    "sign_in_url": "/signin/",
+    "sign_up_url": "/signup/",
+    "subscribe_url": "",
+    "my_account_url": "/myaccount/",
+    "my_view_url": "/myview/all",
+    "following_url": "/myview/following-feed",
+    "saved_url": "/myview/saved"
+  }
+]

package/dist/components/SiteHeader/scss/_breakpoints.scss

@@ -15,45 +15,65 @@
 $maxWidth: 1440px;
 
 @mixin for-small-mobile {
-  @media (max-width: 518px) { @content; }
+  @media (max-width: 518px) {
+    @content;
+  }
 }
 
 @mixin for-mobile {
-  @media (max-width: 745px) { @content; }
+  @media (max-width: 745px) {
+    @content;
+  }
 }
 
 @mixin for-tablet {
-  @media (min-width: 746px) and (max-width: 1023px) { @content; }
+  @media (min-width: 746px) and (max-width: 1023px) {
+    @content;
+  }
 }
 
 @mixin for-tablet-up {
-  @media (min-width: 746px) { @content; }
+  @media (min-width: 746px) {
+    @content;
+  }
 }
 
 @mixin for-tablet-down {
-  @media (max-width: 1023px) { @content; }
+  @media (max-width: 1023px) {
+    @content;
+  }
 }
 
 @mixin for-tight-desktop {
-  @media (min-width: 1024px) and (max-width: 1060px) { @content; }
+  @media (min-width: 1024px) and (max-width: 1060px) {
+    @content;
+  }
 }
 
 @mixin for-desktop {
-  @media (min-width: 1024px) { @content; }
+  @media (min-width: 1024px) {
+    @content;
+  }
 }
 
 @mixin for-wide-desktop {
-  @media (min-width: 1300px) { @content; }
+  @media (min-width: 1300px) {
+    @content;
+  }
 }
 
 @mixin for-extra-wide-desktop {
-  @media (min-width: 1440px) { @content; }
+  @media (min-width: 1440px) {
+    @content;
+  }
 }
 
 @mixin above-max {
-  @media (min-width: $maxWidth) { @content; }
+  @media (min-width: $maxWidth) {
+    @content;
+  }
 }
 
 @mixin max-width {
   max-width: $maxWidth;
-}
+}

package/dist/components/SiteHeader/scss/_colors.scss

@@ -11,8 +11,8 @@ $tr-light-muted-grey: #f4f4f4;
 $tr-ultra-light-grey: #fafafa;
 $tr-dark-blue: #005da2;
 $tr-light-blue: #0099c4;
-$tr-muted-blue: #4386B9;
-$tr-lighter-blue: #7FACCE;
+$tr-muted-blue: #4386b9;
+$tr-lighter-blue: #7facce;
 $tr-superlight-blue: #e5eef5;
 $tr-dark-purple: #621f95;
 $tr-light-purple: #6e3ab7;
@@ -22,4 +22,4 @@ $tr-dark-green: #387c2b;
 $tr-light-green: #77a22d;
 $black: #000;
 $white: #fff;
-$ad-placeholder: #ffb1b1;
+$ad-placeholder: #ffb1b1;

package/dist/components/SiteHeader/scss/_grids.scss

@@ -39,22 +39,22 @@
 }
 
 @mixin spacing-single-34($properties, $delta: 1) {
-    @each $property in $properties {
-      #{$property}: (math.div(24, 1440) * 100vw * $delta);
-    }
+  @each $property in $properties {
+    #{$property}: (math.div(24, 1440) * 100vw * $delta);
+  }
 
-    @include for-tablet-down {
-      @each $property in $properties {
-        #{$property}: (math.div(12, 375) * 100vw * $delta);
-      }
+  @include for-tablet-down {
+    @each $property in $properties {
+      #{$property}: (math.div(12, 375) * 100vw * $delta);
     }
+  }
 
-    @include above-max {
-      @each $property in $properties {
-        #{$property}: (24px * $delta);
-      }
+  @include above-max {
+    @each $property in $properties {
+      #{$property}: (24px * $delta);
     }
   }
+}
 
 @mixin spacing-150($properties, $delta: 1) {
   @each $property in $properties {
@@ -123,4 +123,4 @@
   @include for-desktop {
     @content;
   }
-}
+}

package/dist/components/SiteHeader/scss/_z-indexes.scss

@@ -4,12 +4,12 @@ These higher values start at an arbitrary number, high and specific enough to id
 To handle overlapping borders within components (e.g., buttons and inputs in input groups), we use low single digit z-index values of 1, 2, and 3 for default, hover, and active states. On hover/focus/active, we bring a particular element to the forefront with a higher z-index value to show their border over the sibling elements.
 */
 
-$zindex-dropdown:                   1000;
-$zindex-sticky:                     1020;
-$zindex-fixed:                      1030;
-$zindex-modal-backdrop:             1040;
-$zindex-offcanvas:                  1050;
-$zindex-modal:                      1060;
-$zindex-popover:                    1070;
-$zindex-tooltip:                    1080;
-$zindex-close-button:               1090;
+$zindex-dropdown: 1000;
+$zindex-sticky: 1020;
+$zindex-fixed: 1030;
+$zindex-modal-backdrop: 1040;
+$zindex-offcanvas: 1050;
+$zindex-modal: 1060;
+$zindex-popover: 1070;
+$zindex-tooltip: 1080;
+$zindex-close-button: 1090;