@cagovweb/state-template 6.5.3 → 6.5.5

package/dist/css/cagov.core.css

@@ -1,4 +1,4 @@
-/*! State Web Template Version 6.5.3 */
+/*! State Web Template Version 6.5.5 */
 @charset "UTF-8";
 /*!
  * Bootstrap  v5.3.8 (https://getbootstrap.com/)
@@ -15601,11 +15601,6 @@ h2 {
       opacity: 1;
     }
 
-    /* stylelint-disable-next-line selector-pseudo-element-no-unknown */
-    &::input-placeholder {
-      color: var(--black, #000);
-    }
-
     &:focus {
       outline: 2px solid var(--outline-default-color);
       outline-offset: -2px;
@@ -19430,6 +19425,10 @@ html {
   background-color: var(--color-p3, #323a45);
   color: var(--white, #fff);
 
+  &.alert-dismissible {
+    padding-right: 3rem;
+  }
+
   .alert-icon {
     font-size: 1.6rem;
     position: absolute;
@@ -20539,51 +20538,50 @@ cagov-accordion.sidenav {
     }
   }
 }
-.breadcrumbs ul,
-.breadcrumbs ol {
-  padding: 0.5em 1rem;
-  padding-left: 0;
-  margin-bottom: 2rem;
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
-  font-size: var(--font-size-small);
-
-  @media (width >= 576px) {
-    font-size: calc(var(--font-size-small) + var(--ratio));
-  }
-
-  & li {
-    position: relative;
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
+nav.breadcrumbs {
+  > ul,
+  > ol {
+    padding: 0.5em 1rem;
+    padding-left: 0;
+    margin-bottom: 2rem;
+    display: flex;
+    flex-wrap: wrap;
+    list-style: none;
+    font-size: var(--font-size-small);
 
-    & a {
-      padding: 0.375rem 0;
+    @media (width >= 576px) {
+      font-size: calc(var(--font-size-small) + var(--ratio));
     }
 
-    &:first-child {
-      padding-left: 0;
-    }
+    > li {
+      position: relative;
+      padding-left: 0.75rem;
+      padding-right: 0.75rem;
 
-    &::after {
-      content: "";
-      color: var(--gray-900, #3b3a48);
-      border: none;
-      margin: 0 calc(var(--grid-gutter-width) / 2);
-      font-size: 1.125rem;
-      font-weight: 200;
-      position: absolute;
-      border-left: 1px solid;
-      height: 70%;
-      top: 5px;
-      right: -9px;
-      transform: rotate(15deg);
-    }
+      > a {
+        padding: 0.375rem 0;
+      }
+
+      &:first-child {
+        padding-left: 0;
+      }
 
-    &:last-child {
       &::after {
         content: "";
+        color: var(--gray-900, #3b3a48);
+        border: none;
+        margin: 0 calc(var(--grid-gutter-width) / 2);
+        font-size: 1.125rem;
+        font-weight: 200;
+        position: absolute;
+        border-left: 1px solid;
+        height: 70%;
+        top: 5px;
+        right: -9px;
+        transform: rotate(15deg);
+      }
+
+      &:last-child::after {
         border-left: none;
         margin: 0;
       }
@@ -24019,18 +24017,19 @@ fieldset[disabled] .btn-more {
    SIDE NAVIGATION - /src/css/cagov/side-navigation.css
 ----------------------------------------- */
 
-.list-navigation,
-.side-navigation ul {
+ul.list-navigation,
+nav.side-navigation > ul {
   margin-left: 0;
   padding-left: 0;
 
-  & li {
+  > li,
+  > li > ul > li {
     list-style: none;
     margin: 0;
     font-size: calc(1rem + var(--ratio));
     padding-left: 0;
 
-    & a {
+    > a {
       position: relative;
       display: block;
       text-decoration: none !important;
@@ -24040,47 +24039,9 @@ fieldset[disabled] .btn-more {
       padding-left: 1rem;
       border-bottom: 1px solid var(--gray-100, #f3f3f4);
 
-      &:hover {
-        color: var(--gray-900, #3b3a48);
-      }
-
-      &.landing {
-        font-weight: var(--font-weight-7);
-
-        &.active {
-          background-color: var(--gray-75, #f3f3f4);
-
-          &:hover,
-          &:focus {
-            background-color: var(--gray-100, #f3f3f4);
-          }
-        }
-
-        &.back {
-          padding-left: 1.5rem;
-
-          &::after {
-            content: "\e668";
-            position: absolute;
-            font-family: CaGov;
-            left: 0;
-            top: 0.65rem;
-          }
-        }
-      }
-
       &.active {
-        color: var(--gray-800, #4a4958);
-        text-decoration: none;
         background-color: var(--gray-75, #f3f3f4);
 
-        &:hover,
-        &:focus {
-          color: var(--black, #000);
-          text-decoration: none;
-          background-color: var(--gray-100, #f3f3f4);
-        }
-
         &::before {
           content: "";
           border-left: 3px solid;
@@ -24093,48 +24054,52 @@ fieldset[disabled] .btn-more {
           border-radius: 0;
         }
       }
-    }
-
-    & a:hover,
-    & a:focus {
-      text-decoration: none;
-      background-color: var(--gray-50, #fafafa);
-      color: var(--gray-900, #3b3a48);
-    }
 
-    /* stylelint-disable-next-line no-descending-specificity */
-    & a:focus {
-      outline: 2px solid var(--outline-default-color);
-      outline-offset: -2px;
-    }
+      &:hover {
+        color: var(--gray-900, #3b3a48);
+      }
 
-    & ul {
-      padding-left: 0;
+      /* stylelint-disable-next-line no-descending-specificity */
+      &:focus {
+        outline: 2px solid var(--outline-default-color);
+        outline-offset: -2px;
+      }
 
-      & li {
-        margin: 0;
+      &:focus,
+      &:hover {
+        background-color: var(--gray-50, #fafafa);
 
         /* stylelint-disable-next-line no-descending-specificity */
-        & a {
-          padding-left: 2.5rem;
+        &.active {
+          background-color: var(--gray-100, #f3f3f4);
+        }
+      }
 
-          &.active {
-            color: var(--gray-800, #4a4958);
-            text-decoration: none;
+      &.landing {
+        font-weight: var(--font-weight-7);
 
-            &:hover,
-            &:focus {
-              color: var(--black, #000);
-              text-decoration: none;
-            }
+        &.back {
+          padding-left: 1.5rem;
 
-            ::before {
-              border-left-color: var(--color-p1, #fdb81e);
-            }
+          &::after {
+            content: "\e668";
+            position: absolute;
+            font-family: CaGov;
+            left: 0;
+            top: 0.65rem;
           }
         }
       }
     }
+
+    > ul {
+      padding-left: 0;
+
+      /* stylelint-disable-next-line no-descending-specificity */
+      > li > a {
+        padding-left: 2.5rem;
+      }
+    }
   }
 }
 
@@ -25223,7 +25188,7 @@ a.sidenav {
 .gray-500,
 .gray-500-hover:hover,
 .gray-500-hover:focus {
-  color: var(--gray-50, #fafafa) !important;
+  color: var(--gray-500, #898891) !important;
 }
 
 .gray-600,

package/dist/css/cagov.core.flat.css

@@ -1,4 +1,4 @@
-/*! State Web Template Version 6.5.3 */
+/*! State Web Template Version 6.5.5 */
 @charset "UTF-8";
 /*!
  * Bootstrap  v5.3.8 (https://getbootstrap.com/)
@@ -15709,12 +15709,6 @@ h2 {
       opacity: 1;
     }
 
-/* stylelint-disable-next-line selector-pseudo-element-no-unknown */
-
-.search-container .search-textfield::input-placeholder {
-      color: var(--black, #000);
-    }
-
 .search-container .search-textfield:focus {
       outline: 2px solid var(--outline-default-color);
       outline-offset: -2px;
@@ -19577,6 +19571,10 @@ html {
   color: var(--white, #fff);
 }
 
+.alert-banner.alert-dismissible {
+    padding-right: 3rem;
+  }
+
 .alert-banner .alert-icon {
     font-size: 1.6rem;
     position: absolute;
@@ -20618,49 +20616,48 @@ cagov-accordion.sidenav > details .accordion-body .side-subnav li:first-child {
 cagov-accordion.sidenav > details .accordion-body .side-subnav li:last-child {
             margin-bottom: 0;
           }
-.breadcrumbs ul,
-.breadcrumbs ol {
-  padding: 0.5em 1rem;
-  padding-left: 0;
-  margin-bottom: 2rem;
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
-  font-size: var(--font-size-small);
-}
-@media (min-width: 576px) {
-.breadcrumbs ul,
-.breadcrumbs ol {
-    font-size: calc(var(--font-size-small) + var(--ratio))
-}
+nav.breadcrumbs > ul,
+  nav.breadcrumbs > ol {
+    padding: 0.5em 1rem;
+    padding-left: 0;
+    margin-bottom: 2rem;
+    display: flex;
+    flex-wrap: wrap;
+    list-style: none;
+    font-size: var(--font-size-small);
   }
-.breadcrumbs ul li, .breadcrumbs ol li {
-    position: relative;
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
+@media (min-width: 576px) {
+nav.breadcrumbs > ul,
+  nav.breadcrumbs > ol {
+      font-size: calc(var(--font-size-small) + var(--ratio))
   }
-.breadcrumbs ul li a, .breadcrumbs ol li a {
-      padding: 0.375rem 0;
     }
-.breadcrumbs ul li:first-child, .breadcrumbs ol li:first-child {
-      padding-left: 0;
-    }
-.breadcrumbs ul li::after, .breadcrumbs ol li::after {
-      content: "";
-      color: var(--gray-900, #3b3a48);
-      border: none;
-      margin: 0 calc(var(--grid-gutter-width) / 2);
-      font-size: 1.125rem;
-      font-weight: 200;
-      position: absolute;
-      border-left: 1px solid;
-      height: 70%;
-      top: 5px;
-      right: -9px;
-      transform: rotate(15deg);
+nav.breadcrumbs > ul > li, nav.breadcrumbs > ol > li {
+      position: relative;
+      padding-left: 0.75rem;
+      padding-right: 0.75rem;
     }
-.breadcrumbs ul li:last-child::after, .breadcrumbs ol li:last-child::after {
+nav.breadcrumbs > ul > li > a, nav.breadcrumbs > ol > li > a {
+        padding: 0.375rem 0;
+      }
+nav.breadcrumbs > ul > li:first-child, nav.breadcrumbs > ol > li:first-child {
+        padding-left: 0;
+      }
+nav.breadcrumbs > ul > li::after, nav.breadcrumbs > ol > li::after {
         content: "";
+        color: var(--gray-900, #3b3a48);
+        border: none;
+        margin: 0 calc(var(--grid-gutter-width) / 2);
+        font-size: 1.125rem;
+        font-weight: 200;
+        position: absolute;
+        border-left: 1px solid;
+        height: 70%;
+        top: 5px;
+        right: -9px;
+        transform: rotate(15deg);
+      }
+nav.breadcrumbs > ul > li:last-child::after, nav.breadcrumbs > ol > li:last-child::after {
         border-left: none;
         margin: 0;
       }
@@ -24149,20 +24146,23 @@ fieldset[disabled] .btn-more {
    SIDE NAVIGATION - /src/css/cagov/side-navigation.css
 ----------------------------------------- */
 
-.list-navigation,
-.side-navigation ul {
+ul.list-navigation,
+nav.side-navigation > ul {
   margin-left: 0;
   padding-left: 0;
 }
 
-.list-navigation li, .side-navigation ul li {
+ul.list-navigation > li,
+  ul.list-navigation > li > ul > li,
+  nav.side-navigation > ul > li,
+  nav.side-navigation > ul > li > ul > li {
     list-style: none;
     margin: 0;
     font-size: calc(1rem + var(--ratio));
     padding-left: 0;
   }
 
-.list-navigation li a, .side-navigation ul li a {
+ul.list-navigation > li > a, ul.list-navigation > li > ul > li > a, nav.side-navigation > ul > li > a, nav.side-navigation > ul > li > ul > li > a {
       position: relative;
       display: block;
       text-decoration: none !important;
@@ -24173,53 +24173,11 @@ fieldset[disabled] .btn-more {
       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: var(--font-weight-7);
-      }
-
-.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-left: 1.5rem;
-        }
-
-.list-navigation li a.landing.back::after, .side-navigation ul li a.landing.back::after {
-            content: "\e668";
-            position: absolute;
-            font-family: CaGov;
-            left: 0;
-            top: 0.65rem;
-          }
-
-.list-navigation li a.active, .side-navigation ul li a.active {
-        color: var(--gray-800, #4a4958);
-        text-decoration: none;
+ul.list-navigation > li > a.active, ul.list-navigation > li > ul > li > a.active, nav.side-navigation > ul > li > a.active, nav.side-navigation > ul > li > ul > li > a.active {
         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 {
+ul.list-navigation > li > a.active::before, ul.list-navigation > li > ul > li > a.active::before, nav.side-navigation > ul > li > a.active::before, nav.side-navigation > ul > li > ul > li > a.active::before {
           content: "";
           border-left: 3px solid;
           border-left-color: var(--color-p1, #fdb81e);
@@ -24231,52 +24189,59 @@ fieldset[disabled] .btn-more {
           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);
-    }
+ul.list-navigation > li > a:hover, ul.list-navigation > li > ul > li > a:hover, nav.side-navigation > ul > li > a:hover, nav.side-navigation > ul > li > ul > li > a:hover {
+        color: var(--gray-900, #3b3a48);
+      }
 
 /* stylelint-disable-next-line no-descending-specificity */
 
-.list-navigation li a:focus, .side-navigation ul li a:focus {
-      outline: 2px solid var(--outline-default-color);
-      outline-offset: -2px;
-    }
-
-.list-navigation li ul, .side-navigation ul li ul {
-      padding-left: 0;
-    }
+ul.list-navigation > li > a:focus, ul.list-navigation > li > ul > li > a:focus, nav.side-navigation > ul > li > a:focus, nav.side-navigation > ul > li > ul > li > a:focus {
+        outline: 2px solid var(--outline-default-color);
+        outline-offset: -2px;
+      }
 
-.list-navigation li ul li, .side-navigation ul li ul li {
-        margin: 0;
+ul.list-navigation > li > a:focus,
+      ul.list-navigation > li > a:hover,
+      ul.list-navigation > li > ul > li > a:focus,
+      ul.list-navigation > li > ul > li > a:hover,
+      nav.side-navigation > ul > li > a:focus,
+      nav.side-navigation > ul > li > a:hover,
+      nav.side-navigation > ul > li > ul > li > a:focus,
+      nav.side-navigation > ul > li > ul > li > a:hover {
+        background-color: var(--gray-50, #fafafa);
       }
 
 /* stylelint-disable-next-line no-descending-specificity */
 
-.list-navigation li ul li a, .side-navigation ul li ul li a {
-          padding-left: 2.5rem;
+ul.list-navigation > li > a:focus.active, ul.list-navigation > li > a:hover.active, ul.list-navigation > li > ul > li > a:focus.active, ul.list-navigation > li > ul > li > a:hover.active, nav.side-navigation > ul > li > a:focus.active, nav.side-navigation > ul > li > a:hover.active, nav.side-navigation > ul > li > ul > li > a:focus.active, nav.side-navigation > ul > li > ul > li > a:hover.active {
+          background-color: var(--gray-100, #f3f3f4);
         }
 
-.list-navigation li ul li a.active, .side-navigation ul li ul li a.active {
-            color: var(--gray-800, #4a4958);
-            text-decoration: none;
+ul.list-navigation > li > a.landing, ul.list-navigation > li > ul > li > a.landing, nav.side-navigation > ul > li > a.landing, nav.side-navigation > ul > li > ul > li > a.landing {
+        font-weight: var(--font-weight-7);
+      }
+
+ul.list-navigation > li > a.landing.back, ul.list-navigation > li > ul > li > a.landing.back, nav.side-navigation > ul > li > a.landing.back, nav.side-navigation > ul > li > ul > li > a.landing.back {
+          padding-left: 1.5rem;
+        }
+
+ul.list-navigation > li > a.landing.back::after, ul.list-navigation > li > ul > li > a.landing.back::after, nav.side-navigation > ul > li > a.landing.back::after, nav.side-navigation > ul > li > ul > li > a.landing.back::after {
+            content: "\e668";
+            position: absolute;
+            font-family: CaGov;
+            left: 0;
+            top: 0.65rem;
           }
 
-.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;
-            }
+ul.list-navigation > li > ul, ul.list-navigation > li > ul > li > ul, nav.side-navigation > ul > li > ul, nav.side-navigation > ul > li > ul > li > ul {
+      padding-left: 0;
+    }
 
-.list-navigation li ul li a.active ::before, .side-navigation ul li ul li a.active ::before {
-              border-left-color: var(--color-p1, #fdb81e);
-            }
+/* stylelint-disable-next-line no-descending-specificity */
+
+ul.list-navigation > li > ul > li > a, ul.list-navigation > li > ul > li > ul > li > a, nav.side-navigation > ul > li > ul > li > a, nav.side-navigation > ul > li > ul > li > ul > li > a {
+        padding-left: 2.5rem;
+      }
 
 .sidenav-mobile-btn {
   display: block;
@@ -24725,6 +24690,8 @@ a.sidenav.back::after {
     line-height: var(--font-lineheight-3);
     margin-bottom: 0;
     border-color: var(--color-p1, #fdb81e);
+
+    /* White Color */
   }
 
 .cagov-step-list > li::before {
@@ -24751,8 +24718,6 @@ a.sidenav.back::after {
         margin-left: 5px;
       }
 
-/* White Color */
-
 .cagov-step-list > li span.has-black-color,
     .cagov-step-list > li .cagov-step-list-content {
       margin-top: 1rem;
@@ -25365,7 +25330,7 @@ a.sidenav.back::after {
 .gray-500,
 .gray-500-hover:hover,
 .gray-500-hover:focus {
-  color: var(--gray-50, #fafafa) !important;
+  color: var(--gray-500, #898891) !important;
 }
 
 .gray-600,