@department-of-veterans-affairs/css-library 0.10.1 → 0.11.0

package/dist/stylesheets/base/va.css

@@ -1784,7 +1784,7 @@ table {
     padding-right: 0;
   }
 }
-@media screen and (min-width: 1008px), print and (min-width: 1008px) {
+@media screen and (min-width: 1024px), print and (min-width: 1024px) {
   .va-notice--banner .usa-banner-inner {
     padding-left: 0;
   }

package/dist/stylesheets/core.css

@@ -7538,7 +7538,7 @@ table {
     padding-right: 0;
   }
 }
-@media screen and (min-width: 1008px), print and (min-width: 1008px) {
+@media screen and (min-width: 1024px), print and (min-width: 1024px) {
   .va-notice--banner .usa-banner-inner {
     padding-left: 0;
   }

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

@@ -342,16 +342,16 @@
     vertical-align: middle;
   }
 }
-@media screen and (min-width: 1008px), print and (min-width: 1008px) {
+@media screen and (min-width: 1024px), print and (min-width: 1024px) {
   #mega-menu .vetnav-panel,
   .mega-menu .vetnav-panel {
-    width: 1008px;
+    width: 1024px;
     height: 490px;
   }
   #mega-menu .panel-bottom-link,
   .mega-menu .panel-bottom-link {
     position: absolute;
-    width: 711px;
+    width: 727px;
   }
   #mega-menu .column-one,
   .mega-menu .column-one {

package/dist/stylesheets/modules/m-nav-sidebar.css

@@ -39,7 +39,7 @@
   color: #000000;
   padding-left: 1em;
 }
-@media screen and (min-width: 1008px), print and (min-width: 1008px) {
+@media screen and (min-width: 1024px), print and (min-width: 1024px) {
   .left-side-nav-title {
     padding-left: 0;
   }

package/dist/stylesheets/modules/m-omb-info.css

@@ -2,14 +2,5 @@
   Variables ported over from Formation so that we can keep those stylesheets
   working while we work on deprecation.
 **/
-.omb-info--container {
-  padding-left: 1.25rem;
-}
-
-@media (max-width: 40.063em) {
-  .omb-info--container {
-    padding-left: 0.6640625rem;
-  }
-}
 
 /*# sourceMappingURL=m-omb-info.css.map */

package/dist/stylesheets/shame.css

@@ -172,7 +172,7 @@ body .row-padded {
 .progress-box {
   border: 1px solid #f1f1f1;
   margin: 0.9375rem 0;
-  padding: 0.625rem 1.25rem;
+  padding: 0.625rem 0;
 }
 
 .button-icon {

package/dist/stylesheets/utilities.css

@@ -3944,6 +3944,10 @@ through all possible variants
   background-color: #162e51 !important;
 }
 
+.vads-u-background-color--hub-records {
+  background-color: #6f7a41 !important;
+}
+
 .vads-u-border--0 {
   border: 0 !important;
 }
@@ -4320,6 +4324,10 @@ through all possible variants
   border-color: #162e51 !important;
 }
 
+.vads-u-border-color--hub-records {
+  border-color: #6f7a41 !important;
+}
+
 .vads-u-color--base {
   color: #1b1b1b !important;
 }
@@ -4524,6 +4532,10 @@ through all possible variants
   color: #162e51 !important;
 }
 
+.vads-u-color--hub-records {
+  color: #6f7a41 !important;
+}
+
 .vads-u-display--block {
   display: block !important;
 }
@@ -13462,6 +13474,9 @@ through all possible variants
   .medium-screen\:vads-u-border-color--hub-service-member {
     border-color: #162e51 !important;
   }
+  .medium-screen\:vads-u-border-color--hub-records {
+    border-color: #6f7a41 !important;
+  }
   .medium-screen\:vads-u-display--block {
     display: block !important;
   }

package/dist/tokens/css/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 16:28:51 GMT
+ * Generated on Fri, 13 Sep 2024 14:02:30 GMT
  */
 
 :root {
@@ -8,8 +8,12 @@
   --small-screen: 481px;
   --tablet: 640px;
   --medium-screen: 768px;
-  --small-desktop-screen: 1008px;
+  --small-desktop-screen: 1024px;
   --large-screen: 1201px;
+  --mobile: 320px;
+  --mobile-lg: 480px;
+  --desktop: 1024px;
+  --desktop-lg: 1201px;
   --color-link-default-hover: rgba(#000000, 0.05);
   --vads-button-color-background-primary-alt-active-on-light: #154c21;
   --vads-button-color-background-secondary-on-light: #ffffff;
@@ -105,6 +109,8 @@
   --vads-color-feedback-surface-error-on-dark: #5c1111;
   --vads-color-feedback-border-warning-on-dark: #face00;
   --vads-color-background-default-on-dark: #171716;
+  --vads-color-forms-surface-active-on-light: #ecf1f7;
+  --vads-color-forms-surface-active-on-dark: #252f3e;
   --font-family-sans: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
   --font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
   --font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
@@ -179,10 +185,12 @@
   --uswds-system-color-blue-cool-vivid-20: #97d4ea;
   --uswds-system-color-blue-cool-vivid-40: #28a0cb;
   --uswds-system-color-blue-cool-vivid-60: #07648d;
+  --uswds-system-color-blue-warm-5: #ecf1f7;
   --uswds-system-color-blue-warm-10: #e1e7f1;
   --uswds-system-color-blue-warm-30: #98afd2;
   --uswds-system-color-blue-warm-50: #4a77b4;
   --uswds-system-color-blue-warm-60: #345d96;
+  --uswds-system-color-blue-warm-80: #252f3e;
   --uswds-system-color-blue-warm-vivid-60: #0050d8;
   --uswds-system-color-blue-warm-vivid-70: #1a4480;
   --uswds-system-color-blue-warm-vivid-80: #162e51;

package/dist/tokens/json/variables.json

@@ -60,11 +60,11 @@
     ]
   },
   "small-desktop-screen": {
-    "value": "1008px",
+    "value": "1024px",
     "filePath": "tokens/breakpoints.json",
     "isSource": true,
     "original": {
-      "value": "1008px"
+      "value": "1024px"
     },
     "name": "small-desktop-screen",
     "attributes": {
@@ -89,6 +89,66 @@
       "large-screen"
     ]
   },
+  "mobile": {
+    "value": "320px",
+    "filePath": "tokens/breakpoints.json",
+    "isSource": true,
+    "original": {
+      "value": "320px"
+    },
+    "name": "mobile",
+    "attributes": {
+      "category": "mobile"
+    },
+    "path": [
+      "mobile"
+    ]
+  },
+  "mobile-lg": {
+    "value": "480px",
+    "filePath": "tokens/breakpoints.json",
+    "isSource": true,
+    "original": {
+      "value": "480px"
+    },
+    "name": "mobile-lg",
+    "attributes": {
+      "category": "mobile-lg"
+    },
+    "path": [
+      "mobile-lg"
+    ]
+  },
+  "desktop": {
+    "value": "1024px",
+    "filePath": "tokens/breakpoints.json",
+    "isSource": true,
+    "original": {
+      "value": "1024px"
+    },
+    "name": "desktop",
+    "attributes": {
+      "category": "desktop"
+    },
+    "path": [
+      "desktop"
+    ]
+  },
+  "desktop-lg": {
+    "value": "1201px",
+    "filePath": "tokens/breakpoints.json",
+    "isSource": true,
+    "original": {
+      "value": "1201px"
+    },
+    "name": "desktop-lg",
+    "attributes": {
+      "category": "desktop-lg"
+    },
+    "path": [
+      "desktop-lg"
+    ]
+  },
   "color-link-default-hover": {
     "alpha": "0.05",
     "value": "rgba(#000000, 0.05)",
@@ -1892,6 +1952,44 @@
       ]
     }
   },
+  "vads-color-forms-surface-active-on-light": {
+    "*": {
+      "value": "#ecf1f7",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-blue-warm-5}"
+      },
+      "name": "vads-color-forms-surface-active-on-light",
+      "attributes": {
+        "category": "vads-color-forms-surface-active-on-light",
+        "type": "*"
+      },
+      "path": [
+        "vads-color-forms-surface-active-on-light",
+        "*"
+      ]
+    }
+  },
+  "vads-color-forms-surface-active-on-dark": {
+    "*": {
+      "value": "#252f3e",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-blue-warm-80}"
+      },
+      "name": "vads-color-forms-surface-active-on-dark",
+      "attributes": {
+        "category": "vads-color-forms-surface-active-on-dark",
+        "type": "*"
+      },
+      "path": [
+        "vads-color-forms-surface-active-on-dark",
+        "*"
+      ]
+    }
+  },
   "font": {
     "family": {
       "sans": {
@@ -3168,6 +3266,21 @@
       "uswds-system-color-blue-cool-vivid-60"
     ]
   },
+  "uswds-system-color-blue-warm-5": {
+    "value": "#ecf1f7",
+    "filePath": "tokens/uswds.json",
+    "isSource": true,
+    "original": {
+      "value": "#ecf1f7"
+    },
+    "name": "uswds-system-color-blue-warm-5",
+    "attributes": {
+      "category": "uswds-system-color-blue-warm-5"
+    },
+    "path": [
+      "uswds-system-color-blue-warm-5"
+    ]
+  },
   "uswds-system-color-blue-warm-10": {
     "value": "#e1e7f1",
     "filePath": "tokens/uswds.json",
@@ -3228,6 +3341,21 @@
       "uswds-system-color-blue-warm-60"
     ]
   },
+  "uswds-system-color-blue-warm-80": {
+    "value": "#252f3e",
+    "filePath": "tokens/uswds.json",
+    "isSource": true,
+    "original": {
+      "value": "#252f3e"
+    },
+    "name": "uswds-system-color-blue-warm-80",
+    "attributes": {
+      "category": "uswds-system-color-blue-warm-80"
+    },
+    "path": [
+      "uswds-system-color-blue-warm-80"
+    ]
+  },
   "uswds-system-color-blue-warm-vivid-60": {
     "value": "#0050d8",
     "filePath": "tokens/uswds.json",

package/dist/tokens/scss/variables.scss

@@ -1,13 +1,17 @@
 
 // Do not edit directly
-// Generated on Mon, 09 Sep 2024 16:28:51 GMT
+// Generated on Fri, 13 Sep 2024 14:02:30 GMT
 
 $xsmall-screen: 320px;
 $small-screen: 481px;
 $tablet: 640px;
 $medium-screen: 768px;
-$small-desktop-screen: 1008px;
+$small-desktop-screen: 1024px;
 $large-screen: 1201px;
+$mobile: 320px;
+$mobile-lg: 480px;
+$desktop: 1024px;
+$desktop-lg: 1201px;
 $color-link-default-hover: rgba(#000000, 0.05);
 $vads-button-color-background-primary-alt-active-on-light: #154c21;
 $vads-button-color-background-secondary-on-light: #ffffff;
@@ -103,6 +107,8 @@ $vads-color-feedback-surface-warning-on-dark: #422d19;
 $vads-color-feedback-surface-error-on-dark: #5c1111;
 $vads-color-feedback-border-warning-on-dark: #face00;
 $vads-color-background-default-on-dark: #171716;
+$vads-color-forms-surface-active-on-light: #ecf1f7;
+$vads-color-forms-surface-active-on-dark: #252f3e;
 $font-family-sans: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
 $font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
 $font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
@@ -177,10 +183,12 @@ $uswds-system-color-blue-cool-vivid-5: #e1f3f8;
 $uswds-system-color-blue-cool-vivid-20: #97d4ea;
 $uswds-system-color-blue-cool-vivid-40: #28a0cb;
 $uswds-system-color-blue-cool-vivid-60: #07648d;
+$uswds-system-color-blue-warm-5: #ecf1f7;
 $uswds-system-color-blue-warm-10: #e1e7f1;
 $uswds-system-color-blue-warm-30: #98afd2;
 $uswds-system-color-blue-warm-50: #4a77b4;
 $uswds-system-color-blue-warm-60: #345d96;
+$uswds-system-color-blue-warm-80: #252f3e;
 $uswds-system-color-blue-warm-vivid-60: #0050d8;
 $uswds-system-color-blue-warm-vivid-70: #1a4480;
 $uswds-system-color-blue-warm-vivid-80: #162e51;

package/package.json

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