@department-of-veterans-affairs/css-library 0.8.1 → 0.8.3

package/dist/stylesheets/base/va.css

@@ -15,7 +15,7 @@ body {
 }
 
 html {
-  font-size: 10px;
+  font-size: 16px;
   font-weight: 500;
 }
 

package/dist/stylesheets/core.css

@@ -4604,13 +4604,19 @@ caption {
 */
 html {
   font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-  font-size: 10px;
+  font-size: 16px;
 }
 
 body {
   font-size: 16px;
 }
 
+p {
+  line-height: 1.5;
+  margin-bottom: 1em;
+  margin-top: 1em;
+}
+
 a {
   color: #005ea2;
   text-decoration: underline;
@@ -5755,7 +5761,7 @@ body {
 }
 
 html {
-  font-size: 10px;
+  font-size: 16px;
   font-weight: 500;
 }
 

package/dist/stylesheets/formation-overrides/_variables.scss

@@ -46,7 +46,7 @@ $color-secondary-lightest: $color-red-lightest;
 $color-blue-darkest: #112e51;
 $color-primary-darkest: $color-blue-darkest;
 
-$color-green: #2e8540;
+$color-green: #008817;
 $color-green-lightest:#e7f4e4;
 
 $color-green-light: #4aa564;
@@ -96,7 +96,7 @@ $spacing-x-small: scale-rem(0.5rem);
 $spacing-md-small: scale-rem(1.5rem);
 $spacing-medium: scale-rem(2rem);
 
-$em-base: 10px;
+$em-base: 16px;
 $base-line-height: 1.5;
 $heading-line-height: 1.3;
 $text-max-width: scale-rem(70rem); // Note: USWDS value is 53rem;
@@ -151,7 +151,7 @@ $units:(
   -15:     -12,
 );
 
-// Variables used in vets-website
+// Variables still used in vets-website
 $grid-columns: 12 !default;
 $button-border-radius: 5px !default;
 $mm-gray: #f0f0f0; //Deprecated color, used in mega-menu
@@ -159,7 +159,6 @@ $color-transparent: rgba(#000, 0) !default;
 $color-white: #ffffff !default;
 $color-orange: #dd7533;
 
-
 //===================================
 // Z-index values
 //===================================

package/dist/stylesheets/formation-overrides/elements/typography.css

@@ -31,13 +31,19 @@
 
 html {
   font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-  font-size: 10px;
+  font-size: 16px;
 }
 
 body {
   font-size: 16px;
 }
 
+p {
+  line-height: 1.5;
+  margin-bottom: 1em;
+  margin-top: 1em;
+}
+
 a {
   color: #005ea2;
   text-decoration: underline;

package/dist/stylesheets/modules/m-action-link.css

@@ -1406,9 +1406,6 @@ a.vads-c-action-link--blue:before, a.vads-c-action-link--green:before, a.vads-c-
   position: absolute;
   left: 0px;
   top: -4px;
-  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
-  font-size: 1.06rem;
-  line-height: 1.5;
 }
 
 a.vads-c-action-link--blue:before {
@@ -1416,7 +1413,7 @@ a.vads-c-action-link--blue:before {
 }
 
 a.vads-c-action-link--green:before {
-  color: #2e8540;
+  color: #008817;
 }
 
 a.vads-c-action-link--white {
@@ -1433,11 +1430,11 @@ a.vads-c-action-link--white:before {
 }
 
 a.vads-c-action-link--white:hover {
-  color: #fef0c8;
+  color: #face00;
   background-color: transparent;
 }
 a.vads-c-action-link--white:hover:before {
-  color: #fef0c8;
+  color: #face00;
 }
 
 /*# sourceMappingURL=m-action-link.css.map */

package/dist/stylesheets/modules/m-alert.css

@@ -82,10 +82,10 @@
   background-color: #f9dede;
 }
 .usa-alert-success {
-  border-left-color: #2e8540;
+  border-left-color: #008817;
 }
 .usa-alert-success::before {
-  color: #2e8540;
+  color: #008817;
   content: "\f00c";
 }
 .usa-alert-success.background-color-only {
@@ -101,10 +101,10 @@
   background-color: #fff1d2;
 }
 .usa-alert-continue {
-  border-left-color: #2e8540;
+  border-left-color: #008817;
 }
 .usa-alert-continue::before {
-  color: #2e8540;
+  color: #008817;
   content: "\f023";
 }
 .usa-alert.background-color-only {

package/dist/stylesheets/modules/m-form-elements.css

@@ -44,7 +44,7 @@ legend.legend-label + .form-radio-buttons {
 }
 
 button.form-button-green {
-  background: #2e8540;
+  background: #008817;
 }
 
 button.form-button-disabled {

package/dist/stylesheets/modules/m-form-process.css

@@ -23,7 +23,7 @@
   background: #5b616b;
 }
 .form-process li.section-complete:before {
-  background: #2e8540;
+  background: #008817;
   content: "✔︎";
 }
 @media screen and (max-width: 481px) {

package/dist/stylesheets/modules/m-megamenu.css

@@ -241,6 +241,7 @@
 }
 #mega-menu .mm-marketing-container p,
 .mega-menu .mm-marketing-container p {
+  font-size: 13.2px;
   margin-top: 5px;
 }
 #mega-menu #vetnav-column-one-col .panel-bottom-link,

package/dist/stylesheets/uswds-typography.css

@@ -4198,27 +4198,4 @@ p, a, ol, ul, li, dl, dt, dd, form, label, button {
   line-height: 1.5;
 }
 
-/**
-  USWDS paragraph style
-
-  p {
-    line-height: 1.5;
-    max-width: 68ex;
-    margin-bottom: 0;
-    margin-top: 0;
-  }
-*/
-p {
-  line-height: 1.5;
-  max-width: 68ex;
-  margin-bottom: 0;
-  margin-top: 0;
-}
-* + p {
-  margin-top: 1em;
-}
-p + * {
-  margin-top: 1em;
-}
-
 /*# sourceMappingURL=uswds-typography.css.map */

package/dist/tokens/css/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 07 Jun 2024 19:53:59 GMT
+ * Generated on Thu, 13 Jun 2024 17:24:13 GMT
  */
 
 :root {

package/dist/tokens/scss/variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 07 Jun 2024 19:53:59 GMT
+// Generated on Thu, 13 Jun 2024 17:24:13 GMT
 
 $xsmall-screen: 320px;
 $small-screen: 481px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@department-of-veterans-affairs/css-library",
-  "version": "0.8.1",
+  "version": "0.8.3",
   "description": "Department of Veterans Affairs stylesheets, tokens, and utilities",
   "packageManager": "yarn@3.2.0",
   "files": [