@cagovweb/state-template 6.4.3 → 6.5.0

package/dist/css/cagov.core.css

@@ -1,4 +1,4 @@
-/*! State Web Template Version 6.4.3 */
+/*! State Web Template Version 6.5.0 */
 @charset "UTF-8";
 /*!
  * Bootstrap  v5.3.3 (https://getbootstrap.com/)
@@ -18448,6 +18448,9 @@ header.nav-overlay {
 }
 
 .section-overstated {
+  background: var(--color-p2, #046b99);
+  color: var(--white, #fff);
+
   .img-thumbnail {
     padding: 4px;
     background-color: var(--color-s3-lighter, #bdd3e0);
@@ -18796,6 +18799,9 @@ header.nav-overlay {
 }
 
 .section-primary {
+  background: var(--color-p2, #046b99);
+  color: var(--white, #fff);
+
   .img-thumbnail {
     padding: 4px;
     background-color: var(--color-p2-lightest, #a4c3d4);
@@ -18819,9 +18825,6 @@ header.nav-overlay {
     }
   }
 
-  background: var(--color-p2, #046b99);
-  color: var(--white, #fff);
-
   /* stylelint-disable-next-line no-descending-specificity */
   .btn-primary {
     color: var(--white, #fff);
@@ -21006,7 +21009,7 @@ cagov-accordion.sidenav {
   padding: 0;
 }
 
-.section--overstated,
+.section-overstated,
 .section-standout,
 .section-impact,
 .section-primary,
@@ -22914,7 +22917,7 @@ fieldset[disabled] .btn-outline-primary.active {
 /*  DEFAULT BUTTON */
 .btn-default {
   color: var(--gray-700, #5e5e6a);
-  background-color: rgba(255 255 255 / 65%);
+  background-color: var(--gray-50, #fafafa);
   border-color: var(--gray-700, #5e5e6a);
   font-weight: var(--font-weight-6);
 
@@ -22936,7 +22939,7 @@ fieldset[disabled] .btn-outline-primary.active {
 .btn-default .show > .dropdown-toggle,
 .open > .dropdown-toggle .btn-default {
   color: var(--black, #000);
-  background-color: color(rgba 255 255 255);
+  background-color: var(--gray-75, #f8f9fa);
   border-color: var(--black, #000);
   box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
   background-image: none;
@@ -25065,12 +25068,43 @@ a.sidenav {
   left: 0;
 }
 
-.bg-primary .link-grid {
-  border-color: var(--white, #fff);
+/* dark mode */
+.section-overstated,
+.section-standout,
+.section-impact,
+.section-primary,
+.section-inverted,
+.bg-primary,
+.bg-standout,
+.bg-p2,
+.bg-p3 {
+  .link-grid {
+    border-color: var(--white, #fff);
+  }
+}
 
-  &:hover,
-  &:focus {
-    background-color: var(--color-p2-darker, #214a68);
+.bg-primary,
+.bg-p2,
+.section-primary,
+.section-overstated {
+  .link-grid {
+    &:hover,
+    &:focus {
+      background-color: var(--color-p2-darker, #214a68);
+    }
+  }
+}
+
+.bg-standout,
+.bg-p3,
+.section-standout,
+.section-impact,
+.section-inverted {
+  .link-grid {
+    &:hover,
+    &:focus {
+      background-color: var(--color-p3-darker, #1f262e);
+    }
   }
 }
 /* -----------------------------------------

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

@@ -1,4 +1,4 @@
-/*! State Web Template Version 6.4.3 */
+/*! State Web Template Version 6.5.0 */
 @charset "UTF-8";
 /*!
  * Bootstrap  v5.3.3 (https://getbootstrap.com/)
@@ -18510,6 +18510,11 @@ header.nav-overlay::after {
     border: 1px solid var(--gray-200, #d4d4d7);
   }
 
+.section-overstated {
+  background: var(--color-p2, #046b99);
+  color: var(--white, #fff);
+}
+
 .section-overstated .img-thumbnail {
     padding: 4px;
     background-color: var(--color-s3-lighter, #bdd3e0);
@@ -18904,6 +18909,11 @@ header.nav-overlay::after {
       background-color: var(--white, #fff);
     }
 
+.section-primary {
+  background: var(--color-p2, #046b99);
+  color: var(--white, #fff);
+}
+
 .section-primary .img-thumbnail {
     padding: 4px;
     background-color: var(--color-p2-lightest, #a4c3d4);
@@ -18928,12 +18938,6 @@ header.nav-overlay::after {
       outline-offset: -2px;
     }
 
-.section-primary{
-
-  background: var(--color-p2, #046b99);
-  color: var(--white, #fff);
-}
-
 /* stylelint-disable-next-line no-descending-specificity */
 
 .section-primary .btn-primary {
@@ -21075,8 +21079,8 @@ cagov-accordion.sidenav details .accordion-body .side-subnav li:last-child {
   padding: 0;
 }
 
-.section--overstated .breadcrumbs ul li::after,
-  .section--overstated .breadcrumbs ol li::after,
+.section-overstated .breadcrumbs ul li::after,
+  .section-overstated .breadcrumbs ol li::after,
   .section-standout .breadcrumbs ul li::after,
   .section-standout .breadcrumbs ol li::after,
   .section-impact .breadcrumbs ul li::after,
@@ -23075,7 +23079,7 @@ fieldset[disabled] .btn-outline-primary.active {
 /*  DEFAULT BUTTON */
 .btn-default {
   color: var(--gray-700, #5e5e6a);
-  background-color: rgba(255 255 255 / 65%);
+  background-color: var(--gray-50, #fafafa);
   border-color: var(--gray-700, #5e5e6a);
   font-weight: var(--font-weight-6);
 }
@@ -23095,7 +23099,7 @@ fieldset[disabled] .btn-outline-primary.active {
 .btn-default .show > .dropdown-toggle,
 .open > .dropdown-toggle .btn-default {
   color: var(--black, #000);
-  background-color: color(rgba 255 255 255);
+  background-color: var(--gray-75, #f8f9fa);
   border-color: var(--black, #000);
   box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
   background-image: none;
@@ -25214,14 +25218,34 @@ a.sidenav.back::after {
   left: 0;
 }
 
-.bg-primary .link-grid {
-  border-color: var(--white, #fff);
-}
+/* dark mode */
+.section-overstated .link-grid, .section-standout .link-grid, .section-impact .link-grid, .section-primary .link-grid, .section-inverted .link-grid, .bg-primary .link-grid, .bg-standout .link-grid, .bg-p2 .link-grid, .bg-p3 .link-grid {
+    border-color: var(--white, #fff);
+  }
 
 .bg-primary .link-grid:hover,
-  .bg-primary .link-grid:focus {
-    background-color: var(--color-p2-darker, #214a68);
-  }
+    .bg-primary .link-grid:focus,
+    .bg-p2 .link-grid:hover,
+    .bg-p2 .link-grid:focus,
+    .section-primary .link-grid:hover,
+    .section-primary .link-grid:focus,
+    .section-overstated .link-grid:hover,
+    .section-overstated .link-grid:focus {
+      background-color: var(--color-p2-darker, #214a68);
+    }
+
+.bg-standout .link-grid:hover,
+    .bg-standout .link-grid:focus,
+    .bg-p3 .link-grid:hover,
+    .bg-p3 .link-grid:focus,
+    .section-standout .link-grid:hover,
+    .section-standout .link-grid:focus,
+    .section-impact .link-grid:hover,
+    .section-impact .link-grid:focus,
+    .section-inverted .link-grid:hover,
+    .section-inverted .link-grid:focus {
+      background-color: var(--color-p3-darker, #1f262e);
+    }
 /* -----------------------------------------
    FEATURE CARD
    /src/css/cagov/feature-card.css