npm - @caweb/html-webpack-plugin - Versions diffs - 1.4.13 → 1.4.15 - Mend

@caweb/html-webpack-plugin 1.4.13 → 1.4.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (156) hide show

package/build/components/alerts.html +216 -0
package/build/components/animations.html +207 -0
package/build/components/buttons.html +205 -0
package/build/components/cards.html +273 -0
package/build/components/lists.html +275 -0
package/build/components/locations.html +249 -0
package/build/components/profile-banners.html +248 -0
package/build/components/sections.html +216 -0
package/build/components/service-tiles.html +273 -0
package/build/components/typography.html +242 -0
package/build/favicon.ico +0 -0
package/build/font-only.254e683fc99f114d3974.hot-update.js +47 -0
package/build/font-only.254e683fc99f114d3974.hot-update.js.map +1 -0
package/build/font-only.254e683fc99f114d3974.hot-update.json +1 -0
package/build/font-only.3965a660fa7592c00fb2.hot-update.js +47 -0
package/build/font-only.3965a660fa7592c00fb2.hot-update.js.map +1 -0
package/build/font-only.3965a660fa7592c00fb2.hot-update.json +1 -0
package/build/font-only.3ba462b856432db05adb.hot-update.js +47 -0
package/build/font-only.3ba462b856432db05adb.hot-update.js.map +1 -0
package/build/font-only.3ba462b856432db05adb.hot-update.json +1 -0
package/build/font-only.5084309d76c2026f015e.hot-update.js +47 -0
package/build/font-only.5084309d76c2026f015e.hot-update.js.map +1 -0
package/build/font-only.5084309d76c2026f015e.hot-update.json +1 -0
package/build/font-only.7a34eaa511e0fce7dc64.hot-update.js +47 -0
package/build/font-only.7a34eaa511e0fce7dc64.hot-update.js.map +1 -0
package/build/font-only.7a34eaa511e0fce7dc64.hot-update.json +1 -0
package/build/font-only.7b3eccc326cc7771b937.hot-update.js +47 -0
package/build/font-only.7b3eccc326cc7771b937.hot-update.js.map +1 -0
package/build/font-only.7b3eccc326cc7771b937.hot-update.json +1 -0
package/build/font-only.asset.php +1 -1
package/build/font-only.bd64f1b4518bcef5576c.hot-update.js +47 -0
package/build/font-only.bd64f1b4518bcef5576c.hot-update.js.map +1 -0
package/build/font-only.bd64f1b4518bcef5576c.hot-update.json +1 -0
package/build/font-only.ca44af20a4abf92f452e.hot-update.js +47 -0
package/build/font-only.ca44af20a4abf92f452e.hot-update.js.map +1 -0
package/build/font-only.ca44af20a4abf92f452e.hot-update.json +1 -0
package/build/font-only.dcde2d86551c11f47e31.hot-update.js +47 -0
package/build/font-only.dcde2d86551c11f47e31.hot-update.js.map +1 -0
package/build/font-only.dcde2d86551c11f47e31.hot-update.json +1 -0
package/build/font-only.e1a1bc69c71fc47990a3.hot-update.js +47 -0
package/build/font-only.e1a1bc69c71fc47990a3.hot-update.js.map +1 -0
package/build/font-only.e1a1bc69c71fc47990a3.hot-update.json +1 -0
package/build/font-only.f8876ddbb86d7d487b84.hot-update.js +47 -0
package/build/font-only.f8876ddbb86d7d487b84.hot-update.js.map +1 -0
package/build/font-only.f8876ddbb86d7d487b84.hot-update.json +1 -0
package/build/font-only.js +4790 -9
package/build/font-only.js.map +1 -1
package/build/index.html +247 -0
package/build/oceanside-rtl.css +173 -123
package/build/oceanside.254e683fc99f114d3974.hot-update.js +169 -0
package/build/oceanside.254e683fc99f114d3974.hot-update.js.map +1 -0
package/build/oceanside.254e683fc99f114d3974.hot-update.json +1 -0
package/build/oceanside.3965a660fa7592c00fb2.hot-update.js +81 -0
package/build/oceanside.3965a660fa7592c00fb2.hot-update.js.map +1 -0
package/build/oceanside.3965a660fa7592c00fb2.hot-update.json +1 -0
package/build/oceanside.3ba462b856432db05adb.hot-update.js +81 -0
package/build/oceanside.3ba462b856432db05adb.hot-update.js.map +1 -0
package/build/oceanside.3ba462b856432db05adb.hot-update.json +1 -0
package/build/oceanside.5084309d76c2026f015e.hot-update.js +168 -0
package/build/oceanside.5084309d76c2026f015e.hot-update.js.map +1 -0
package/build/oceanside.5084309d76c2026f015e.hot-update.json +1 -0
package/build/oceanside.7a34eaa511e0fce7dc64.hot-update.js +169 -0
package/build/oceanside.7a34eaa511e0fce7dc64.hot-update.js.map +1 -0
package/build/oceanside.7a34eaa511e0fce7dc64.hot-update.json +1 -0
package/build/oceanside.7b3eccc326cc7771b937.hot-update.js +81 -0
package/build/oceanside.7b3eccc326cc7771b937.hot-update.js.map +1 -0
package/build/oceanside.7b3eccc326cc7771b937.hot-update.json +1 -0
package/build/oceanside.asset.php +1 -1
package/build/oceanside.bd64f1b4518bcef5576c.hot-update.js +81 -0
package/build/oceanside.bd64f1b4518bcef5576c.hot-update.js.map +1 -0
package/build/oceanside.bd64f1b4518bcef5576c.hot-update.json +1 -0
package/build/oceanside.ca44af20a4abf92f452e.hot-update.js +81 -0
package/build/oceanside.ca44af20a4abf92f452e.hot-update.js.map +1 -0
package/build/oceanside.ca44af20a4abf92f452e.hot-update.json +1 -0
package/build/oceanside.css +173 -123
package/build/oceanside.css.map +1 -1
package/build/oceanside.dcde2d86551c11f47e31.hot-update.js +168 -0
package/build/oceanside.dcde2d86551c11f47e31.hot-update.js.map +1 -0
package/build/oceanside.dcde2d86551c11f47e31.hot-update.json +1 -0
package/build/oceanside.e1a1bc69c71fc47990a3.hot-update.js +168 -0
package/build/oceanside.e1a1bc69c71fc47990a3.hot-update.js.map +1 -0
package/build/oceanside.e1a1bc69c71fc47990a3.hot-update.json +1 -0
package/build/oceanside.f8876ddbb86d7d487b84.hot-update.js +81 -0
package/build/oceanside.f8876ddbb86d7d487b84.hot-update.js.map +1 -0
package/build/oceanside.f8876ddbb86d7d487b84.hot-update.json +1 -0
package/build/oceanside.js +5017 -222
package/build/oceanside.js.map +1 -1
package/package.json +4 -4
package/sample/components/lists.html +67 -34
package/build/delta-rtl.css +0 -21475
package/build/delta.asset.php +0 -1
package/build/delta.css +0 -21503
package/build/delta.css.map +0 -1
package/build/delta.js +0 -6586
package/build/delta.js.map +0 -1
package/build/eureka-rtl.css +0 -21475
package/build/eureka.asset.php +0 -1
package/build/eureka.css +0 -21503
package/build/eureka.css.map +0 -1
package/build/eureka.js +0 -6586
package/build/eureka.js.map +0 -1
package/build/fonts/CaGov.json +0 -7582
package/build/mono-rtl.css +0 -21475
package/build/mono.asset.php +0 -1
package/build/mono.css +0 -21503
package/build/mono.css.map +0 -1
package/build/mono.js +0 -6586
package/build/mono.js.map +0 -1
package/build/orangecounty-rtl.css +0 -21475
package/build/orangecounty.asset.php +0 -1
package/build/orangecounty.css +0 -21503
package/build/orangecounty.css.map +0 -1
package/build/orangecounty.js +0 -6586
package/build/orangecounty.js.map +0 -1
package/build/pasorobles-rtl.css +0 -21475
package/build/pasorobles.asset.php +0 -1
package/build/pasorobles.css +0 -21503
package/build/pasorobles.css.map +0 -1
package/build/pasorobles.js +0 -6586
package/build/pasorobles.js.map +0 -1
package/build/sacramento-rtl.css +0 -21475
package/build/sacramento.asset.php +0 -1
package/build/sacramento.css +0 -21503
package/build/sacramento.css.map +0 -1
package/build/sacramento.js +0 -6586
package/build/sacramento.js.map +0 -1
package/build/santabarbara-rtl.css +0 -21475
package/build/santabarbara.asset.php +0 -1
package/build/santabarbara.css +0 -21503
package/build/santabarbara.css.map +0 -1
package/build/santabarbara.js +0 -6586
package/build/santabarbara.js.map +0 -1
package/build/santacruz-rtl.css +0 -21475
package/build/santacruz.asset.php +0 -1
package/build/santacruz.css +0 -21503
package/build/santacruz.css.map +0 -1
package/build/santacruz.js +0 -6586
package/build/santacruz.js.map +0 -1
package/build/shasta-rtl.css +0 -21475
package/build/shasta.asset.php +0 -1
package/build/shasta.css +0 -21503
package/build/shasta.css.map +0 -1
package/build/shasta.js +0 -6586
package/build/shasta.js.map +0 -1
package/build/sierra-rtl.css +0 -21475
package/build/sierra.asset.php +0 -1
package/build/sierra.css +0 -21503
package/build/sierra.css.map +0 -1
package/build/sierra.js +0 -6586
package/build/sierra.js.map +0 -1
package/build/trinity-rtl.css +0 -21475
package/build/trinity.asset.php +0 -1
package/build/trinity.css +0 -21503
package/build/trinity.css.map +0 -1
package/build/trinity.js +0 -6586
package/build/trinity.js.map +0 -1

package/build/index.html ADDED Viewed

@@ -0,0 +1,247 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>html</title>
+  <meta name="Author" content="CAWebPublishing"><meta name="Description" content="State of California"><meta name="Keywords" content="California,government"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0"><link rel="icon" href="favicon.ico"><link href="oceanside.css" rel="stylesheet" type="text/css"></head>
+  <body>
+      <header role="banner" id="header" class="global-header">
+          <div id="skip-to-content">
+            <a href="#main-content">Skip to Main Content</a>
+          </div>
+          <!-- Alerts -->
+          <div class="alerts">
+              <div class="alert alert-primary alert-dismissible">
+                  <div class="container">
+                      <h6 class="alert-level" >
+                          <span class="ca-gov-icon-construction"></span>Under Construction
+                      </h6>
+                      <div>
+                          This codebase is currently being worked on
+                      </div>
+                      <button class="btn btn-alt ca-gov-icon-close-mark" data-bs-dismiss="alert"  aria-label="Close Alert 1">
+                          <span class="sr-only">x</span>
+                      </button>
+                  </div>
+              </div>
+          </div>
+          	<!-- Utility Header -->
+            <div class="utility-header">
+            <div class="container d-flex flex-row">
+              <div class="social-media-links">
+                <div class="header-cagov-logo">
+                  <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=header&amp;utm_source=external">
+                    <span class="sr-only">CA.gov</span>
+                    <span class="ca-gov-logo-svg"></span>
+                  </a>
+                </div>
+                <p class="official-tag">Official website of the State of California</p>
+              </div>
+              <div class="settings-links">
+                <a href="https://github.com/Office-of-Digital-Services/California-State-Web-Template-HTML/releases">Web template v6.3.2</a>
+              </div>
+            </div>
+          </div>
+          <!-- Branding -->
+          <div class="branding border-bottom">
+              <div class="container d-flex flex-row">
+                  <div class="header-organization-banner">
+                      <a href="/">
+                          <img src="https://cdt.ca.gov/wp-content/uploads/2024/03/Group-2162.svg" alt="State Template Logo" aria-label="State Template Logo">
+                      </a>
+                  </div>
+                  <!-- Search -->
+                  <div class="search-container">
+                      <form action="/serp.html" role="search">
+                          <div class="input-group">
+                              <span class="sr-only" id="SearchInput">Custom Google Search</span>
+                              <input type="search" name="q" aria-labelledby="SearchInput" placeholder="Search" class="search-textfield form-control">
+                              <button type="submit" class="search-button">
+                                  <span class="ca-gov-icon-search" aria-hidden="true"></span>
+                                  <span class="sr-only">Submit</span>
+                              </button>
+                          </div>
+                      </form>
+                  </div>        <button class="mobile-control toggle-menu ca-gov-icon-menu fs-2" data-bs-toggle="collapse" data-bs-target=".mobile-controlled" aria-expanded="false" aria-controls="mobile-controls">
+                  </button>
+              </div>
+          </div>
+          <!-- Mobile Navigation Controls -->
+          <div class="mobile-controlled overlay collapse collapse-horizontal">
+              <button class="mobile-control toggle-menu ca-gov-icon-close-mark fs-1" data-bs-toggle="collapse" data-bs-target=".mobile-controlled" aria-expanded="false" aria-controls="mobile-controls">
+              </button>
+          </div>
+          <!-- Navigation -->
+          <div class="navigation border-bottom mobile-controlled collapse collapse-horizontal show">
+              <div class="container">
+                  <ul class="nav" aria-label="Main navigation">
+                      <li class="nav-item">
+                         <a class="nav-link" href="/template-updates.html">Template updates</a>
+                      </li>
+                      <li class="nav-item">
+                          <a class="nav-link" href="/get-started.html">Get started</a>
+                      </li>
+                      <li class="nav-item">
+                          <a class="nav-link" href="/structure.html">Structure</a>
+                      </li>
+                      <li class="nav-item dropdown">
+                          <a class="nav-link dropdown-toggle" aria-current="page" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Visual design</a>
+                          <ul class="dropdown-menu">
+                              <li>
+                                  <a href="/visual-design/color.html" class="dropdown-item" tabindex="-1">Color
+                                      <div class="link-description">Link Description</div>
+                                  </a>
+                              </li>
+                              <li>
+                                  <a href="/visual-design/icons.html" class="dropdown-item" tabindex="-1">Icons</a>
+                              </li>
+                              <li>
+                                  <a href="/visual-design/typography.html" class="dropdown-item" tabindex="-1">Typography</a>
+                              </li>
+                              <li>
+                                  <a href="/visual-design/ui-kit.html" class="dropdown-item" tabindex="-1">UI kit</a>
+                              </li>
+                          </ul>
+                      </li>
+                      <li class="nav-item">
+                        <a class="nav-link" href="/components.html">Components</a>
+                      </li>
+                      <li class="nav-item">
+                        <a class="nav-link" href="/patterns.html">Patterns</a>
+                      </li>
+                  </ul>
+              </div>
+          </div>
+      </header>      <div id="page-container" class="page-container ">
+          <div id="main-content" class="main-content " tabindex="-1">
+            <main class="main-primary">
+              <div class="container">
+                <nav aria-label="Breadcrumb" class="breadcrumbs">
+                  <ol>
+                    <li><a href="https://getbootstrap.com/" target="_blank">Bootstrap 5.3.3</a></li>
+                    <li><a href="https://www.npmjs.com/package/bootstrap-forced-colors-css" target="_blank">Bootstrap Forced CSS for Windows High Contrast Mode</a></li>
+                    <li><a href="https://animate.style/" target="_blank">Animate Styles</a></li>
+                  </ol>
+                </nav>
+              </div>
+              <h1 class="page-title">CAWeb Template</h1>
+              <p class="page-date"><time datetime="Sept 12, 2024">Sept 12, 2024</time></p>
+              <div class="container">
+                <p>CAWeb Template is built with Bootstrap 5.3.3</p>
+                <h2>Key Features</h2>
+                <ul>
+                  <li><a href="https://getbootstrap.com/" target="_blank">Bootstrap 5.3.3</a></li>
+                  <li><a href="https://www.npmjs.com/package/bootstrap-forced-colors-css" target="_blank">Bootstrap Forced CSS for Windows High Contrast Mode</a></li>
+                  <li><a href="https://animate.style/" target="_blank">Animate Styles</a></li>
+                </ul>
+                <h2>Components</h2>
+                <ul>
+                  <li>
+                    <a href="./components/animations.html" target="_blank">Animations</a>
+                  </li>
+                  <li>
+                    <a href="./components/blockquotes.html" target="_blank">Blockquotes</a>
+                  </li>
+                  <li>
+                    <a href="./components/lists.html" target="_blank">Lists</a>
+                  </li>
+                  <li>
+                    <a href="./components/locations.html" target="_blank">Locations</a>
+                  </li>
+                  <li>
+                    <a href="./components/profile-banners.html" tdarget="_blank">Profile Banners</a>
+                  </li>
+                  <li>
+                    <a href="./components/sections.html" target="_blank">Sections</a>
+                  </li>
+                  <li>
+                    <a href="./components/service-tiles.html" target="_blank">Service Tiles</a>
+                  </li>
+                  <li>
+                    <a href="./components/typography.html" target="_blank">Typography</a>
+                  </li>
+                </ul>
+              </div>            </main>
+          </div>
+      </div>
+      <footer class="global-footer">
+          <div class="container">
+            <div class="d-flex">
+              <ul class="nav footer-links">
+                <li class="nav-item">
+                  <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=footer&amp;utm_source=external" class="nav-link ps-0" title="CA.gov" target="_blank">
+                    <span class="ca-gov-logo-svg"></span>
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a href="/conditions-of-use.html" class="nav-link">Conditions of use</a>
+                </li>
+                <li class="nav-item">
+                  <a href="/privacy-policy.html" class="nav-link">Privacy policy</a>
+                </li>
+                <li class="nav-item">
+                  <a href="/website-accessibility-certification.html" class="nav-link">
+                    Website accessibility certification
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a href="/sitemap.html" class="nav-link">Sitemap</a>
+                </li>
+              </ul>
+              <ul class="nav social-share-links">
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-facebook"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-twitter"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-google-plus"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-flickr"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-linkedin"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-instagram"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-snapchat"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-youtube"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-pinterest"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-vimeo"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-email"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-github"></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <!-- Copyright Statement -->
+          <div class="copyright container">
+            <p>
+              ©
+              <span id="thisyear">
+                <script>
+                  document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear()))
+                </script>
+              </span>
+              State of California
+            </p>
+          </div>
+          <button class="return-top">Back to top</button>
+        </footer>  <script src="oceanside.js"></script></body>
+</html>

package/build/oceanside-rtl.css CHANGED Viewed

@@ -20485,9 +20485,13 @@ header.global-header .mobile-controlled.overlay {
    /src/styles/components/mobile-controls.scss
 ----------------------------------------- */
 @media (max-width: 992px) {
+  header.global-header .mobile-control.toggle-menu {
+    display: inline-block;
+  }
   header.global-header .search-container {
     width: 80%;
     margin: auto;
+    visibility: hidden;
   }
   header.global-header .search-container form .search-button {
     color: var(--bs-standout, #323a45);
@@ -20518,6 +20522,10 @@ header.global-header .mobile-controlled.overlay {
   header.global-header .mobile-controlled.show {
     left: 0;
   }
+  header.global-header .mobile-controlled.navigation {
+    visibility: hidden;
+    margin-top: 20px;
+  }
   header.global-header .mobile-controlled.navigation .container {
     margin-right: 0;
     margin-left: 0;
@@ -20550,8 +20558,8 @@ header.global-header .mobile-controlled.overlay {
   header.global-header .mobile-controlled.navigation .container .nav-item .dropdown-menu.show {
     display: contents;
   }
-  header.global-header .mobile-control.toggle-menu {
-    display: inline-block;
+  header.global-header .alerts {
+    display: none;
   }
 }
@@ -20628,127 +20636,6 @@ header.global-header .navigation .container .nav-item .dropdown-menu .link-descr
   font-size: 0.85rem;
 }
-/* -----------------------------------------
-   SIDE NAVIGATION - /src/styles/components/structural/side-navigation.scss
------------------------------------------ */
-.list-navigation,
-.side-navigation ul {
-  margin-right: 0;
-  padding-right: 0;
-}
-.list-navigation li,
-.side-navigation ul li {
-  list-style: none;
-  margin: 0;
-  font-size: calc(1rem + 0.1vw);
-  padding-right: 0;
-}
-.list-navigation li a,
-.side-navigation ul li a {
-  position: relative;
-  display: block;
-  text-decoration: none !important;
-  color: var(--gray-700, #5e5e6a);
-  padding-bottom: 0.7rem;
-  padding-top: 0.7rem;
-  padding-right: 1rem;
-  border-bottom: 1px solid var(--gray-100, #f3f3f4);
-}
-.list-navigation li a:hover,
-.side-navigation ul li a:hover {
-  color: var(--gray-900, #3b3a48);
-}
-.list-navigation li a.landing,
-.side-navigation ul li a.landing {
-  font-weight: 700;
-}
-.list-navigation li a.landing.active,
-.side-navigation ul li a.landing.active {
-  background-color: var(--gray-75, #f3f3f4);
-}
-.list-navigation li a.landing.active:hover, .list-navigation li a.landing.active:focus,
-.side-navigation ul li a.landing.active:hover,
-.side-navigation ul li a.landing.active:focus {
-  background-color: var(--gray-100, #f3f3f4);
-}
-.list-navigation li a.landing.back,
-.side-navigation ul li a.landing.back {
-  padding-right: 1.5rem;
-}
-.list-navigation li a.landing.back::after,
-.side-navigation ul li a.landing.back::after {
-  content: "\e668";
-  position: absolute;
-  font-family: CaGov;
-  right: 0;
-  top: 0.65rem;
-}
-.list-navigation li a.active,
-.side-navigation ul li a.active {
-  color: var(--gray-800, #4a4958);
-  text-decoration: none;
-  background-color: var(--gray-75, #f3f3f4);
-}
-.list-navigation li a.active:hover, .list-navigation li a.active:focus,
-.side-navigation ul li a.active:hover,
-.side-navigation ul li a.active:focus {
-  color: var(--black, #000);
-  text-decoration: none;
-  background-color: var(--gray-100, #f3f3f4);
-}
-.list-navigation li a.active::before,
-.side-navigation ul li a.active::before {
-  content: "";
-  border-right: 3px solid;
-  border-right-color: var(--color-p1, #fdb81e);
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 3px;
-  height: 100%;
-  border-radius: 0;
-}
-.list-navigation li a:hover,
-.list-navigation li a:focus,
-.side-navigation ul li a:hover,
-.side-navigation ul li a:focus {
-  text-decoration: none;
-  background-color: var(--gray-50, #fafafa);
-  color: var(--gray-900, #3b3a48);
-}
-.list-navigation li a:focus,
-.side-navigation ul li a:focus {
-  outline: solid 2px #2ea3f2 !important;
-  outline-offset: -2px;
-}
-.list-navigation li ul,
-.side-navigation ul li ul {
-  padding-right: 0;
-}
-.list-navigation li ul li,
-.side-navigation ul li ul li {
-  margin: 0;
-}
-.list-navigation li ul li a,
-.side-navigation ul li ul li a {
-  padding-right: 2.5rem;
-}
-.list-navigation li ul li a.active,
-.side-navigation ul li ul li a.active {
-  color: var(--gray-800, #4a4958);
-  text-decoration: none;
-}
-.list-navigation li ul li a.active:hover, .list-navigation li ul li a.active:focus,
-.side-navigation ul li ul li a.active:hover,
-.side-navigation ul li ul li a.active:focus {
-  color: var(--black, #000);
-  text-decoration: none;
-}
-.list-navigation li ul li a.active ::before,
-.side-navigation ul li ul li a.active ::before {
-  border-right-color: var(--color-p1, #fdb81e);
-}
 /* -----------------------------------------
    RETURN TO TOP
    /src/styles/components/return-top.scss
@@ -21134,6 +21021,169 @@ figure.executive-profile.vertical .body {
   vertical-align: -0.2rem;
 }
+.cagov-step-list {
+  padding-right: 0 !important;
+  margin-right: 1.5rem !important;
+  counter-reset: step-list-count;
+}
+.cagov-step-list > li {
+  list-style: none;
+  border-right: 5px solid;
+  font-size: 1.75rem;
+  font-weight: 700;
+  position: relative;
+  padding-right: 45px;
+  line-height: 1.5;
+  margin-bottom: 0;
+  border-color: var(--bs-highlight, #fdb81e);
+}
+.cagov-step-list > li::before {
+  font-size: 1.625rem;
+  font-weight: 700;
+  border: 5px solid;
+  background-color: #fff;
+  border-radius: 50%;
+  text-align: center;
+  position: absolute;
+  right: -27px;
+  top: -3px;
+  counter-increment: step-list-count;
+  content: counter(step-list-count);
+  width: 50px;
+  border-color: var(--bs-highlight, #fdb81e);
+}
+.cagov-step-list > li:last-child {
+  border-right: none;
+}
+.cagov-step-list > li:last-child::before {
+  margin-right: 5px;
+}
+.cagov-step-list > li .cagov-step-list-content {
+  margin-top: 1rem;
+  padding-bottom: 1.75rem;
+  font-size: calc(1.125rem + 0.1vw);
+  font-weight: 400;
+  display: block;
+}
+.list-navigation,
+.side-navigation ul {
+  margin-right: 0;
+  padding-right: 0;
+}
+.list-navigation li,
+.side-navigation ul li {
+  list-style: none;
+  margin: 0;
+  font-size: calc(1.125rem + 0.1vw);
+  padding-right: 0;
+}
+.list-navigation li a,
+.side-navigation ul li a {
+  position: relative;
+  display: block;
+  text-decoration: none !important;
+  color: var(--bs-gray-700, #5e5e6a);
+  padding-bottom: 0.7rem;
+  padding-top: 0.7rem;
+  padding-right: 1rem;
+  border-bottom: 1px solid var(--bs-gray-75, #f3f3f4);
+}
+.list-navigation li a:hover,
+.side-navigation ul li a:hover {
+  color: var(--bs-gray-900, #3b3a48);
+}
+.list-navigation li a.landing,
+.side-navigation ul li a.landing {
+  font-weight: 700;
+}
+.list-navigation li a.landing.active,
+.side-navigation ul li a.landing.active {
+  background-color: var(--bs-gray-75, #f3f3f4);
+}
+.list-navigation li a.landing.active:hover, .list-navigation li a.landing.active:focus,
+.side-navigation ul li a.landing.active:hover,
+.side-navigation ul li a.landing.active:focus {
+  background-color: var(--bs-gray-75, #f3f3f4);
+}
+.list-navigation li a.landing.back,
+.side-navigation ul li a.landing.back {
+  padding-right: 1.5rem;
+}
+.list-navigation li a.landing.back::after,
+.side-navigation ul li a.landing.back::after {
+  content: "\e668";
+  position: absolute;
+  font-family: CaGov;
+  right: 0;
+  top: 0.65rem;
+}
+.list-navigation li a.active,
+.side-navigation ul li a.active {
+  color: var(--bs-gray-800, #4a4958);
+  text-decoration: none;
+  background-color: var(--bs-gray-75, #f3f3f4);
+}
+.list-navigation li a.active:hover, .list-navigation li a.active:focus,
+.side-navigation ul li a.active:hover,
+.side-navigation ul li a.active:focus {
+  color: var(--bs-black, #000);
+  text-decoration: none;
+  background-color: var(--bs-gray-75, #f3f3f4);
+}
+.list-navigation li a.active::before,
+.side-navigation ul li a.active::before {
+  content: "";
+  border-right: 3px solid;
+  border-right-color: var(--bs-highlight, #fdb81e);
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 3px;
+  height: 100%;
+  border-radius: 0;
+}
+.list-navigation li a:hover,
+.list-navigation li a:focus,
+.side-navigation ul li a:hover,
+.side-navigation ul li a:focus {
+  text-decoration: none;
+  background-color: var(--bs-gray-50, #fafafa);
+  color: var(--bs-gray-900, #3b3a48);
+}
+.list-navigation li a:focus,
+.side-navigation ul li a:focus {
+  outline: solid 2px #2ea3f2 !important;
+  outline-offset: -2px;
+}
+.list-navigation li ul,
+.side-navigation ul li ul {
+  padding-right: 0;
+}
+.list-navigation li ul li,
+.side-navigation ul li ul li {
+  margin: 0;
+}
+.list-navigation li ul li a,
+.side-navigation ul li ul li a {
+  padding-right: 2.5rem;
+}
+.list-navigation li ul li a.active,
+.side-navigation ul li ul li a.active {
+  color: var(--bs-gray-800, #4a4958);
+  text-decoration: none;
+}
+.list-navigation li ul li a.active:hover, .list-navigation li ul li a.active:focus,
+.side-navigation ul li ul li a.active:hover,
+.side-navigation ul li ul li a.active:focus {
+  color: var(--bs-black, #000);
+  text-decoration: none;
+}
+.list-navigation li ul li a.active ::before,
+.side-navigation ul li ul li a.active ::before {
+  border-right-color: var(--bs-highlight, #fdb81e);
+}
 /* -----------------------------------------
    LINK GRID
    /source/scss/cagov/link-grid.scss