@cagovweb/state-template 6.6.0-beta2 → 6.6.0-beta4

package/dist/css/cagov.core.css

@@ -1,5 +1,5 @@
  
-  /*! State Web Template Version 6.6.0-beta2 */
+  /*! State Web Template Version 6.6.0-beta3 */
 @charset "UTF-8";
 /*!
  * Bootstrap  v5.3.8 (https://getbootstrap.com/)
@@ -12213,7 +12213,7 @@ textarea.form-control-lg {
   --alert-danger-bg: #f2dede;
   --alert-danger-border: color-mix(in srgb, var(--state-danger-bg), #000 7%);
   --blockquote-border-color: var(--gray-100, #ededef) !default;
-  --text-field-color: rgba(255 255 255 / 80%);
+  --text-field-color: var(--text-color);
   --text-field-bg-color: var(--white, #fff);
   --ca-gov-logo: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8192 4563'><defs><linearGradient id='grad1' y1='2329' x2='0' y2='4499' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%238b5a24'/><stop offset='1' stop-color='%23441a12'/></linearGradient><linearGradient id='grad2' y1='396' x2='0' y2='4498' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%231b93b8'/><stop offset='.6' stop-color='%231b93b8'/><stop offset='1' stop-color='%2304628d'/></linearGradient></defs><path fill='url(%23grad1)' d='M7850 3454l-4 2c-6-125-108-382-197-463 39-115-15-173-46-212-18-23-79-39-106-49-97-147-304-280-593-365-188-55-410-91-661-96-11 0-24-1-37-1-25 0-53 1-84 3-230 13-583 64-665 64h-7c-35-2-120-40-221-79-119-47-257-98-360-98 0 0-21 0-31 2-97 12-324 157-409 203-58 32-335 150-345 153-133 45-227 197-267 223-4-16-54-86-125-86s-17 1-25 3c-86 36-80 99-80 130-17-7-42-38-89-37s-37 4-59 14c-95 51-44 134-66 163-34 45-146 157-188 234-18 32 2 115-12 148-37 91-238 251-256 288-7 17 47 71 114 123 61 48 82 79 175 104s385-51 443-57h1c17 0 47 11 86 21 34 9 75 17 121 17s26 0 39-2c60-13 100-40 133-73 54-55 86-125 148-152 47-21 108-37 161-37s50 4 70 13c-99 177-77 414-112 448-39 37-69 76-92 113-85 130-97 248-137 276-11 8-26 10-42 10-46 0-109-22-154-22s-20 1-29 4c-53 19-176 133-131 160 14 1 216 1 428 1h184c6 0 118-103 124-103h299c28-4 25-49 154-115 146-57 76-339 263-554 2 0 57-52 70-52 65 0 174 118 566 118s487-135 541-135 81 41 81 54c-175 298 266 632 230 653-1 1-3 1-4 1-15 0-58-24-122-24s-55 4-87 15c-72 24-129 114-74 141 15 0 190 1 364 1s194 0 263-1c22-3 20-45 19-86-1-27-1-53 5-68 18-24 35-108 81-167 46-50 81-89 119-89s31 7 47 21c83 45 282 70 395 111 47 17 80 36 82 62-2 14-13 18-29 18s-15-1-23-2c-28-4-64-13-99-13s-36 3-52 9c-51 19-103 75-118 116-8 22-5 40 16 45h470c54 0 34-108 154-348 18-68-151-160-175-288-16-84-32-250-34-412l3-1 1-1hZ'/><path fill='url(%23grad2)' d='M5362 193h774l711 1843c-187-43-388-67-598-72h-44c-30 0-61 1-90 3h-10c-13 1-26 2-39 3l-312-807-327 846c-9-4-18-8-27-11-19-8-39-16-59-24-156-62-269-113-422-121-153-7-208 25-208 25l651-1685ZM2279 4542c478 0 838-95 1157-264l69-174c-113 17-258 49-374 21s-180-75-289-161c-42-33-109-87-161-159-120 28-248 43-389 43-924 0-1569-643-1569-1563s681-1568 1550-1550c476 10 919 194 1318 593l283-718C3432 236 2874 30 2292 30S1107 249 685 646C246 1058 4 1639 4 2281c0 1332 936 2262 2275 2262v-1h0Z'/><path fill='%23b91f39' d='M2886 1844l-148-424-148 424h-446l361 276-128 424 361-276 361 276-128-424 361-276h-446 1-Z'/></svg>")
     no-repeat;
@@ -15647,7 +15647,7 @@ h2 {
     transition: border 0.4s;
 
     &::placeholder {
-      color: var(--text-field-color, #000);
+      color: var(--text-color, #000);
       opacity: 1;
     }
 
@@ -15668,7 +15668,7 @@ h2 {
       transition: all 0.5s 0.1s;
       background: none;
       color: var(--gray-600, #72717c);
-      border-color: var(--text-field-color);
+      border-color: var(--text-color);
       border-width: 3px 3px 3px 0;
       border-style: solid;
       width: 40px + (2 * 3px);
@@ -19524,7 +19524,7 @@ html {
   color: var(--gray-800, #4a4958) !important;
   background-color: var(--color-p1, #fdb81e);
 
-  a:not(.btn),
+  & a:not(.btn),
   .close {
     color: var(--gray-800, #4a4958) !important;
 
@@ -19548,7 +19548,7 @@ html {
   margin-bottom: 0;
   padding: 0.6rem 0 0.5rem;
   border-radius: 0;
-  column-rule: var(--text-field-color);
+  column-rule: rgba(255 255 255 / 80%);
   transition: all 0.2s;
   background-color: var(--color-p3, #323a45);
   color: var(--white, #fff);
@@ -19623,7 +19623,7 @@ html {
   color: var(--alert-warning-text);
   background-color: var(--alert-warning-bg);
 
-  a:not(.btn),
+  & a:not(.btn),
   .close {
     color: var(--alert-warning-text);
 
@@ -19638,7 +19638,7 @@ html {
   color: var(--alert-info-text);
   background-color: var(--alert-info-bg);
 
-  a:not(.btn),
+  & a:not(.btn),
   .close {
     color: var(--alert-info-text);
 
@@ -19653,7 +19653,7 @@ html {
   color: var(--alert-danger-text);
   background-color: var(--alert-danger-bg);
 
-  a:not(.btn),
+  & a:not(.btn),
   .close {
     color: var(--alert-danger-text);
 
@@ -19668,7 +19668,7 @@ html {
   color: var(--alert-success-text);
   background-color: var(--alert-success-bg);
 
-  a:not(.btn),
+  & a:not(.btn),
   .close {
     color: var(--alert-success-text);
 
@@ -25604,26 +25604,36 @@ a.sidenav {
 /* ------------------------------------
   colors and backgrounds
 ------------------------------------ */
-.color-black {
-  color: var(--black, #000) !important;
-}
-
+.color-black,
 .color-black-hover:hover,
 .color-black-hover:focus {
   color: var(--black, #000) !important;
 }
 
-.color-white {
-  color: var(--white, #fff) !important;
-}
-
+.color-white,
 .color-white-hover:hover,
 .color-white-hover:focus {
   color: var(--white, #fff) !important;
 }
 
+.color-base-light,
+.color-base-light-hover:hover,
+.color-base-light-hover:focus {
+  color: var(--base-light, #fff) !important;
+}
+
+.color-base-dark,
+.color-base-dark-hover:hover,
+.color-base-dark-hover:focus {
+  color: var(--base-dark, #000) !important;
+}
+
 .color-gray-dark,
-.color-grey-dark {
+.color-grey-dark,
+.color-gray-dark-hover:hover,
+.color-gray-dark-hover:focus,
+.color-grey-dark-hover:hover,
+.color-grey-dark-hover:focus {
   color: var(--text-color, var(--gray-900, #3b3a48));
 }
 
@@ -25836,7 +25846,11 @@ a.sidenav {
 }
 
 .bg-gray-lightest,
-.bg-grey-lightest {
+.bg-grey-lightest,
+.bg-grey-lightest-hover:hover,
+.bg-grey-lightest-hover:focus,
+.bg-gray-lightest-hover:hover,
+.bg-gray-lightest-hover:focus {
   background-color: var(--default-bg, var(--gray-50, #fafafa)) !important;
 }
 

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

@@ -1,5 +1,5 @@
 
-  /*! State Web Template Version 6.6.0-beta2 */
+  /*! State Web Template Version 6.6.0-beta3 */
 @charset "UTF-8";
 /*!
  * Bootstrap  v5.3.8 (https://getbootstrap.com/)
@@ -12213,7 +12213,7 @@ textarea.form-control-lg {
   --alert-danger-bg: #f2dede;
   --alert-danger-border: color-mix(in srgb, var(--state-danger-bg), #000 7%);
   --blockquote-border-color: var(--gray-100, #ededef) !default;
-  --text-field-color: rgba(255 255 255 / 80%);
+  --text-field-color: var(--text-color);
   --text-field-bg-color: var(--white, #fff);
   --ca-gov-logo: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8192 4563'><defs><linearGradient id='grad1' y1='2329' x2='0' y2='4499' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%238b5a24'/><stop offset='1' stop-color='%23441a12'/></linearGradient><linearGradient id='grad2' y1='396' x2='0' y2='4498' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%231b93b8'/><stop offset='.6' stop-color='%231b93b8'/><stop offset='1' stop-color='%2304628d'/></linearGradient></defs><path fill='url(%23grad1)' d='M7850 3454l-4 2c-6-125-108-382-197-463 39-115-15-173-46-212-18-23-79-39-106-49-97-147-304-280-593-365-188-55-410-91-661-96-11 0-24-1-37-1-25 0-53 1-84 3-230 13-583 64-665 64h-7c-35-2-120-40-221-79-119-47-257-98-360-98 0 0-21 0-31 2-97 12-324 157-409 203-58 32-335 150-345 153-133 45-227 197-267 223-4-16-54-86-125-86s-17 1-25 3c-86 36-80 99-80 130-17-7-42-38-89-37s-37 4-59 14c-95 51-44 134-66 163-34 45-146 157-188 234-18 32 2 115-12 148-37 91-238 251-256 288-7 17 47 71 114 123 61 48 82 79 175 104s385-51 443-57h1c17 0 47 11 86 21 34 9 75 17 121 17s26 0 39-2c60-13 100-40 133-73 54-55 86-125 148-152 47-21 108-37 161-37s50 4 70 13c-99 177-77 414-112 448-39 37-69 76-92 113-85 130-97 248-137 276-11 8-26 10-42 10-46 0-109-22-154-22s-20 1-29 4c-53 19-176 133-131 160 14 1 216 1 428 1h184c6 0 118-103 124-103h299c28-4 25-49 154-115 146-57 76-339 263-554 2 0 57-52 70-52 65 0 174 118 566 118s487-135 541-135 81 41 81 54c-175 298 266 632 230 653-1 1-3 1-4 1-15 0-58-24-122-24s-55 4-87 15c-72 24-129 114-74 141 15 0 190 1 364 1s194 0 263-1c22-3 20-45 19-86-1-27-1-53 5-68 18-24 35-108 81-167 46-50 81-89 119-89s31 7 47 21c83 45 282 70 395 111 47 17 80 36 82 62-2 14-13 18-29 18s-15-1-23-2c-28-4-64-13-99-13s-36 3-52 9c-51 19-103 75-118 116-8 22-5 40 16 45h470c54 0 34-108 154-348 18-68-151-160-175-288-16-84-32-250-34-412l3-1 1-1hZ'/><path fill='url(%23grad2)' d='M5362 193h774l711 1843c-187-43-388-67-598-72h-44c-30 0-61 1-90 3h-10c-13 1-26 2-39 3l-312-807-327 846c-9-4-18-8-27-11-19-8-39-16-59-24-156-62-269-113-422-121-153-7-208 25-208 25l651-1685ZM2279 4542c478 0 838-95 1157-264l69-174c-113 17-258 49-374 21s-180-75-289-161c-42-33-109-87-161-159-120 28-248 43-389 43-924 0-1569-643-1569-1563s681-1568 1550-1550c476 10 919 194 1318 593l283-718C3432 236 2874 30 2292 30S1107 249 685 646C246 1058 4 1639 4 2281c0 1332 936 2262 2275 2262v-1h0Z'/><path fill='%23b91f39' d='M2886 1844l-148-424-148 424h-446l361 276-128 424 361-276 361 276-128-424 361-276h-446 1-Z'/></svg>")
     no-repeat;
@@ -15755,7 +15755,7 @@ h2 {
   }
 
 .search-container .search-textfield::placeholder {
-      color: var(--text-field-color, #000);
+      color: var(--text-color, #000);
       opacity: 1;
     }
 
@@ -15776,7 +15776,7 @@ h2 {
       transition: all 0.5s 0.1s;
       background: none;
       color: var(--gray-600, #72717c);
-      border-color: var(--text-field-color);
+      border-color: var(--text-color);
       border-width: 3px 3px 3px 0;
       border-style: solid;
       width: 40px + (2 * 3px);
@@ -19689,7 +19689,7 @@ html {
   margin-bottom: 0;
   padding: 0.6rem 0 0.5rem;
   border-radius: 0;
-  column-rule: var(--text-field-color);
+  column-rule: rgba(255 255 255 / 80%);
   transition: all 0.2s;
   background-color: var(--color-p3, #323a45);
   color: var(--white, #fff);
@@ -25767,26 +25767,36 @@ a.sidenav.back::after {
 /* ------------------------------------
   colors and backgrounds
 ------------------------------------ */
-.color-black {
-  color: var(--black, #000) !important;
-}
-
+.color-black,
 .color-black-hover:hover,
 .color-black-hover:focus {
   color: var(--black, #000) !important;
 }
 
-.color-white {
-  color: var(--white, #fff) !important;
-}
-
+.color-white,
 .color-white-hover:hover,
 .color-white-hover:focus {
   color: var(--white, #fff) !important;
 }
 
+.color-base-light,
+.color-base-light-hover:hover,
+.color-base-light-hover:focus {
+  color: var(--base-light, #fff) !important;
+}
+
+.color-base-dark,
+.color-base-dark-hover:hover,
+.color-base-dark-hover:focus {
+  color: var(--base-dark, #000) !important;
+}
+
 .color-gray-dark,
-.color-grey-dark {
+.color-grey-dark,
+.color-gray-dark-hover:hover,
+.color-gray-dark-hover:focus,
+.color-grey-dark-hover:hover,
+.color-grey-dark-hover:focus {
   color: var(--text-color, var(--gray-900, #3b3a48));
 }
 
@@ -25999,7 +26009,11 @@ a.sidenav.back::after {
 }
 
 .bg-gray-lightest,
-.bg-grey-lightest {
+.bg-grey-lightest,
+.bg-grey-lightest-hover:hover,
+.bg-grey-lightest-hover:focus,
+.bg-gray-lightest-hover:hover,
+.bg-gray-lightest-hover:focus {
   background-color: var(--default-bg, var(--gray-50, #fafafa)) !important;
 }