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

package/dist/stylesheets/utilities.css

@@ -3944,6 +3944,202 @@ through all possible variants
   background-color: #162e51 !important;
 }
 
+.vads-u-background-color--hub-records {
+  background-color: #6f7a41 !important;
+}
+
+.vads-u-background-color--action-border-base-active-on-dark {
+  background-color: #adadad !important;
+}
+
+.vads-u-background-color--action-border-base-active-on-light {
+  background-color: #2e2e2e !important;
+}
+
+.vads-u-background-color--action-focus-on-light {
+  background-color: #face00 !important;
+}
+
+.vads-u-background-color--action-surface-default-on-dark {
+  background-color: #58b4ff !important;
+}
+
+.vads-u-background-color--action-surface-destructive-on-dark {
+  background-color: #fb5a47 !important;
+}
+
+.vads-u-background-color--background-default-on-dark {
+  background-color: #171716 !important;
+}
+
+.vads-u-background-color--base-dark {
+  background-color: #565c65 !important;
+}
+
+.vads-u-background-color--base-darker {
+  background-color: #3d4551 !important;
+}
+
+.vads-u-background-color--base-darkest {
+  background-color: #1b1b1b !important;
+}
+
+.vads-u-background-color--base-light {
+  background-color: #a9aeb1 !important;
+}
+
+.vads-u-background-color--base-lighter {
+  background-color: #dfe1e2 !important;
+}
+
+.vads-u-background-color--base-lightest {
+  background-color: #f0f0f0 !important;
+}
+
+.vads-u-background-color--emergency {
+  background-color: #9c3d10 !important;
+}
+
+.vads-u-background-color--emergency-dark {
+  background-color: #332d29 !important;
+}
+
+.vads-u-background-color--error {
+  background-color: #d54309 !important;
+}
+
+.vads-u-background-color--error-dark {
+  background-color: #b21d38 !important;
+}
+
+.vads-u-background-color--error-darker {
+  background-color: #6f3331 !important;
+}
+
+.vads-u-background-color--error-light {
+  background-color: #f39268 !important;
+}
+
+.vads-u-background-color--error-lighter {
+  background-color: #f4e3db !important;
+}
+
+.vads-u-background-color--feedback-border-warning-on-dark {
+  background-color: #face00 !important;
+}
+
+.vads-u-background-color--feedback-surface-error-on-dark {
+  background-color: #5c1111 !important;
+}
+
+.vads-u-background-color--feedback-surface-info-on-dark {
+  background-color: #112f4e !important;
+}
+
+.vads-u-background-color--feedback-surface-success-on-dark {
+  background-color: #19311e !important;
+}
+
+.vads-u-background-color--feedback-surface-warning-on-dark {
+  background-color: #422d19 !important;
+}
+
+.vads-u-background-color--feedback-forms-active-on-dark {
+  background-color: #252f3e !important;
+}
+
+.vads-u-background-color--feedback-forms-active-on-light {
+  background-color: #ecf1f7 !important;
+}
+
+.vads-u-background-color--gibill-accent {
+  background-color: #fef0c8 !important;
+}
+
+.vads-u-background-color--info {
+  background-color: #00bde3 !important;
+}
+
+.vads-u-background-color--info-dark {
+  background-color: #009ec1 !important;
+}
+
+.vads-u-background-color--info-darker {
+  background-color: #2e6276 !important;
+}
+
+.vads-u-background-color--info-light {
+  background-color: #99deea !important;
+}
+
+.vads-u-background-color--info-lighter {
+  background-color: #e7f6f8 !important;
+}
+
+.vads-u-background-color--ink {
+  background-color: #1b1b1b !important;
+}
+
+.vads-u-background-color--inset-bg {
+  background-color: #e7f6f8 !important;
+}
+
+.vads-u-background-color--link {
+  background-color: #005ea2 !important;
+}
+
+.vads-u-background-color--link-active {
+  background-color: #0b4778 !important;
+}
+
+.vads-u-background-color--link-visited {
+  background-color: #54278f !important;
+}
+
+.vads-u-background-color--success {
+  background-color: #00a91c !important;
+}
+
+.vads-u-background-color--success-dark {
+  background-color: #008817 !important;
+}
+
+.vads-u-background-color--success-darker {
+  background-color: #216e1f !important;
+}
+
+.vads-u-background-color--success-light {
+  background-color: #70e17b !important;
+}
+
+.vads-u-background-color--success-lighter {
+  background-color: #ecf3ec !important;
+}
+
+.vads-u-background-color--va-accent {
+  background-color: #8a7237 !important;
+}
+
+.vads-u-background-color--warning {
+  background-color: #ffbe2e !important;
+}
+
+.vads-u-background-color--warning-dark {
+  background-color: #e5a000 !important;
+}
+
+.vads-u-background-color--warning-darker {
+  background-color: #936f38 !important;
+}
+
+.vads-u-background-color--warning-light {
+  background-color: #fee685 !important;
+}
+
+.vads-u-background-color--warning-lighter {
+  background-color: #faf3d1 !important;
+}
+
 .vads-u-border--0 {
   border: 0 !important;
 }
@@ -4320,6 +4516,202 @@ through all possible variants
   border-color: #162e51 !important;
 }
 
+.vads-u-border-color--hub-records {
+  border-color: #6f7a41 !important;
+}
+
+.vads-u-border-color--action-border-base-active-on-dark {
+  border-color: #adadad !important;
+}
+
+.vads-u-border-color--action-border-base-active-on-light {
+  border-color: #2e2e2e !important;
+}
+
+.vads-u-border-color--action-focus-on-light {
+  border-color: #face00 !important;
+}
+
+.vads-u-border-color--action-surface-default-on-dark {
+  border-color: #58b4ff !important;
+}
+
+.vads-u-border-color--action-surface-destructive-on-dark {
+  border-color: #fb5a47 !important;
+}
+
+.vads-u-border-color--background-default-on-dark {
+  border-color: #171716 !important;
+}
+
+.vads-u-border-color--base-dark {
+  border-color: #565c65 !important;
+}
+
+.vads-u-border-color--base-darker {
+  border-color: #3d4551 !important;
+}
+
+.vads-u-border-color--base-darkest {
+  border-color: #1b1b1b !important;
+}
+
+.vads-u-border-color--base-light {
+  border-color: #a9aeb1 !important;
+}
+
+.vads-u-border-color--base-lighter {
+  border-color: #dfe1e2 !important;
+}
+
+.vads-u-border-color--base-lightest {
+  border-color: #f0f0f0 !important;
+}
+
+.vads-u-border-color--emergency {
+  border-color: #9c3d10 !important;
+}
+
+.vads-u-border-color--emergency-dark {
+  border-color: #332d29 !important;
+}
+
+.vads-u-border-color--error {
+  border-color: #d54309 !important;
+}
+
+.vads-u-border-color--error-dark {
+  border-color: #b21d38 !important;
+}
+
+.vads-u-border-color--error-darker {
+  border-color: #6f3331 !important;
+}
+
+.vads-u-border-color--error-light {
+  border-color: #f39268 !important;
+}
+
+.vads-u-border-color--error-lighter {
+  border-color: #f4e3db !important;
+}
+
+.vads-u-border-color--feedback-border-warning-on-dark {
+  border-color: #face00 !important;
+}
+
+.vads-u-border-color--feedback-surface-error-on-dark {
+  border-color: #5c1111 !important;
+}
+
+.vads-u-border-color--feedback-surface-info-on-dark {
+  border-color: #112f4e !important;
+}
+
+.vads-u-border-color--feedback-surface-success-on-dark {
+  border-color: #19311e !important;
+}
+
+.vads-u-border-color--feedback-surface-warning-on-dark {
+  border-color: #422d19 !important;
+}
+
+.vads-u-border-color--feedback-forms-active-on-dark {
+  border-color: #252f3e !important;
+}
+
+.vads-u-border-color--feedback-forms-active-on-light {
+  border-color: #ecf1f7 !important;
+}
+
+.vads-u-border-color--gibill-accent {
+  border-color: #fef0c8 !important;
+}
+
+.vads-u-border-color--info {
+  border-color: #00bde3 !important;
+}
+
+.vads-u-border-color--info-dark {
+  border-color: #009ec1 !important;
+}
+
+.vads-u-border-color--info-darker {
+  border-color: #2e6276 !important;
+}
+
+.vads-u-border-color--info-light {
+  border-color: #99deea !important;
+}
+
+.vads-u-border-color--info-lighter {
+  border-color: #e7f6f8 !important;
+}
+
+.vads-u-border-color--ink {
+  border-color: #1b1b1b !important;
+}
+
+.vads-u-border-color--inset-bg {
+  border-color: #e7f6f8 !important;
+}
+
+.vads-u-border-color--link {
+  border-color: #005ea2 !important;
+}
+
+.vads-u-border-color--link-active {
+  border-color: #0b4778 !important;
+}
+
+.vads-u-border-color--link-visited {
+  border-color: #54278f !important;
+}
+
+.vads-u-border-color--success {
+  border-color: #00a91c !important;
+}
+
+.vads-u-border-color--success-dark {
+  border-color: #008817 !important;
+}
+
+.vads-u-border-color--success-darker {
+  border-color: #216e1f !important;
+}
+
+.vads-u-border-color--success-light {
+  border-color: #70e17b !important;
+}
+
+.vads-u-border-color--success-lighter {
+  border-color: #ecf3ec !important;
+}
+
+.vads-u-border-color--va-accent {
+  border-color: #8a7237 !important;
+}
+
+.vads-u-border-color--warning {
+  border-color: #ffbe2e !important;
+}
+
+.vads-u-border-color--warning-dark {
+  border-color: #e5a000 !important;
+}
+
+.vads-u-border-color--warning-darker {
+  border-color: #936f38 !important;
+}
+
+.vads-u-border-color--warning-light {
+  border-color: #fee685 !important;
+}
+
+.vads-u-border-color--warning-lighter {
+  border-color: #faf3d1 !important;
+}
+
 .vads-u-color--base {
   color: #1b1b1b !important;
 }
@@ -4408,120 +4800,316 @@ through all possible variants
   color: #a9aeb1 !important;
 }
 
-.vads-u-color--gray-light-alt {
-  color: #edeff0 !important;
+.vads-u-color--gray-light-alt {
+  color: #edeff0 !important;
+}
+
+.vads-u-color--gray-lighter {
+  color: #dfe1e2 !important;
+}
+
+.vads-u-color--gray-lightest {
+  color: #f0f0f0 !important;
+}
+
+.vads-u-color--gray-warm-dark {
+  color: #454540 !important;
+}
+
+.vads-u-color--gray-warm-light {
+  color: #e6e6e2 !important;
+}
+
+.vads-u-color--gray-cool-light {
+  color: #e1e7f1 !important;
+}
+
+.vads-u-color--gold {
+  color: #ffbe2e !important;
+}
+
+.vads-u-color--gold-darker {
+  color: #936f38 !important;
+}
+
+.vads-u-color--gold-light {
+  color: #face00 !important;
+}
+
+.vads-u-color--gold-lighter {
+  color: #ffe396 !important;
+}
+
+.vads-u-color--gold-lightest {
+  color: #fef0c8 !important;
+}
+
+.vads-u-color--green {
+  color: #008817 !important;
+}
+
+.vads-u-color--green-darker {
+  color: #154c21 !important;
+}
+
+.vads-u-color--green-light {
+  color: #5e9f69 !important;
+}
+
+.vads-u-color--green-lighter {
+  color: #b4d0b9 !important;
+}
+
+.vads-u-color--green-lightest {
+  color: #ecf3ec !important;
+}
+
+.vads-u-color--cool-blue {
+  color: #345d96 !important;
+}
+
+.vads-u-color--cool-blue-light {
+  color: #4a77b4 !important;
+}
+
+.vads-u-color--cool-blue-lightest {
+  color: #e6e6e2 !important;
+}
+
+.vads-u-color--hub-health-care {
+  color: #3f57a6 !important;
+}
+
+.vads-u-color--hub-education {
+  color: #162e51 !important;
+}
+
+.vads-u-color--hub-disability {
+  color: #a23737 !important;
+}
+
+.vads-u-color--hub-careers {
+  color: #bd5727 !important;
+}
+
+.vads-u-color--hub-pension {
+  color: #4d8055 !important;
+}
+
+.vads-u-color--hub-housing {
+  color: #8e704f !important;
+}
+
+.vads-u-color--hub-life-insurance {
+  color: #6f7a41 !important;
+}
+
+.vads-u-color--hub-burials {
+  color: #2378c3 !important;
+}
+
+.vads-u-color--hub-family-member {
+  color: #162e51 !important;
+}
+
+.vads-u-color--hub-service-member {
+  color: #162e51 !important;
+}
+
+.vads-u-color--hub-records {
+  color: #6f7a41 !important;
+}
+
+.vads-u-color--action-border-base-active-on-dark {
+  color: #adadad !important;
+}
+
+.vads-u-color--action-border-base-active-on-light {
+  color: #2e2e2e !important;
+}
+
+.vads-u-color--action-focus-on-light {
+  color: #face00 !important;
+}
+
+.vads-u-color--action-surface-default-on-dark {
+  color: #58b4ff !important;
+}
+
+.vads-u-color--action-surface-destructive-on-dark {
+  color: #fb5a47 !important;
+}
+
+.vads-u-color--background-default-on-dark {
+  color: #171716 !important;
+}
+
+.vads-u-color--base-dark {
+  color: #565c65 !important;
+}
+
+.vads-u-color--base-darker {
+  color: #3d4551 !important;
+}
+
+.vads-u-color--base-darkest {
+  color: #1b1b1b !important;
+}
+
+.vads-u-color--base-light {
+  color: #a9aeb1 !important;
+}
+
+.vads-u-color--base-lighter {
+  color: #dfe1e2 !important;
+}
+
+.vads-u-color--base-lightest {
+  color: #f0f0f0 !important;
+}
+
+.vads-u-color--emergency {
+  color: #9c3d10 !important;
+}
+
+.vads-u-color--emergency-dark {
+  color: #332d29 !important;
+}
+
+.vads-u-color--error {
+  color: #d54309 !important;
+}
+
+.vads-u-color--error-dark {
+  color: #b21d38 !important;
+}
+
+.vads-u-color--error-darker {
+  color: #6f3331 !important;
+}
+
+.vads-u-color--error-light {
+  color: #f39268 !important;
+}
+
+.vads-u-color--error-lighter {
+  color: #f4e3db !important;
+}
+
+.vads-u-color--feedback-border-warning-on-dark {
+  color: #face00 !important;
 }
 
-.vads-u-color--gray-lighter {
-  color: #dfe1e2 !important;
+.vads-u-color--feedback-surface-error-on-dark {
+  color: #5c1111 !important;
 }
 
-.vads-u-color--gray-lightest {
-  color: #f0f0f0 !important;
+.vads-u-color--feedback-surface-info-on-dark {
+  color: #112f4e !important;
 }
 
-.vads-u-color--gray-warm-dark {
-  color: #454540 !important;
+.vads-u-color--feedback-surface-success-on-dark {
+  color: #19311e !important;
 }
 
-.vads-u-color--gray-warm-light {
-  color: #e6e6e2 !important;
+.vads-u-color--feedback-surface-warning-on-dark {
+  color: #422d19 !important;
 }
 
-.vads-u-color--gray-cool-light {
-  color: #e1e7f1 !important;
+.vads-u-color--feedback-forms-active-on-dark {
+  color: #252f3e !important;
 }
 
-.vads-u-color--gold {
-  color: #ffbe2e !important;
+.vads-u-color--feedback-forms-active-on-light {
+  color: #ecf1f7 !important;
 }
 
-.vads-u-color--gold-darker {
-  color: #936f38 !important;
+.vads-u-color--gibill-accent {
+  color: #fef0c8 !important;
 }
 
-.vads-u-color--gold-light {
-  color: #face00 !important;
+.vads-u-color--info {
+  color: #00bde3 !important;
 }
 
-.vads-u-color--gold-lighter {
-  color: #ffe396 !important;
+.vads-u-color--info-dark {
+  color: #009ec1 !important;
 }
 
-.vads-u-color--gold-lightest {
-  color: #fef0c8 !important;
+.vads-u-color--info-darker {
+  color: #2e6276 !important;
 }
 
-.vads-u-color--green {
-  color: #008817 !important;
+.vads-u-color--info-light {
+  color: #99deea !important;
 }
 
-.vads-u-color--green-darker {
-  color: #154c21 !important;
+.vads-u-color--info-lighter {
+  color: #e7f6f8 !important;
 }
 
-.vads-u-color--green-light {
-  color: #5e9f69 !important;
+.vads-u-color--ink {
+  color: #1b1b1b !important;
 }
 
-.vads-u-color--green-lighter {
-  color: #b4d0b9 !important;
+.vads-u-color--inset-bg {
+  color: #e7f6f8 !important;
 }
 
-.vads-u-color--green-lightest {
-  color: #ecf3ec !important;
+.vads-u-color--link {
+  color: #005ea2 !important;
 }
 
-.vads-u-color--cool-blue {
-  color: #345d96 !important;
+.vads-u-color--link-active {
+  color: #0b4778 !important;
 }
 
-.vads-u-color--cool-blue-light {
-  color: #4a77b4 !important;
+.vads-u-color--link-visited {
+  color: #54278f !important;
 }
 
-.vads-u-color--cool-blue-lightest {
-  color: #e6e6e2 !important;
+.vads-u-color--success {
+  color: #00a91c !important;
 }
 
-.vads-u-color--hub-health-care {
-  color: #3f57a6 !important;
+.vads-u-color--success-dark {
+  color: #008817 !important;
 }
 
-.vads-u-color--hub-education {
-  color: #162e51 !important;
+.vads-u-color--success-darker {
+  color: #216e1f !important;
 }
 
-.vads-u-color--hub-disability {
-  color: #a23737 !important;
+.vads-u-color--success-light {
+  color: #70e17b !important;
 }
 
-.vads-u-color--hub-careers {
-  color: #bd5727 !important;
+.vads-u-color--success-lighter {
+  color: #ecf3ec !important;
 }
 
-.vads-u-color--hub-pension {
-  color: #4d8055 !important;
+.vads-u-color--va-accent {
+  color: #8a7237 !important;
 }
 
-.vads-u-color--hub-housing {
-  color: #8e704f !important;
+.vads-u-color--warning {
+  color: #ffbe2e !important;
 }
 
-.vads-u-color--hub-life-insurance {
-  color: #6f7a41 !important;
+.vads-u-color--warning-dark {
+  color: #e5a000 !important;
 }
 
-.vads-u-color--hub-burials {
-  color: #2378c3 !important;
+.vads-u-color--warning-darker {
+  color: #936f38 !important;
 }
 
-.vads-u-color--hub-family-member {
-  color: #162e51 !important;
+.vads-u-color--warning-light {
+  color: #fee685 !important;
 }
 
-.vads-u-color--hub-service-member {
-  color: #162e51 !important;
+.vads-u-color--warning-lighter {
+  color: #faf3d1 !important;
 }
 
 .vads-u-display--block {
@@ -13462,6 +14050,153 @@ 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-border-color--action-border-base-active-on-dark {
+    border-color: #adadad !important;
+  }
+  .medium-screen\:vads-u-border-color--action-border-base-active-on-light {
+    border-color: #2e2e2e !important;
+  }
+  .medium-screen\:vads-u-border-color--action-focus-on-light {
+    border-color: #face00 !important;
+  }
+  .medium-screen\:vads-u-border-color--action-surface-default-on-dark {
+    border-color: #58b4ff !important;
+  }
+  .medium-screen\:vads-u-border-color--action-surface-destructive-on-dark {
+    border-color: #fb5a47 !important;
+  }
+  .medium-screen\:vads-u-border-color--background-default-on-dark {
+    border-color: #171716 !important;
+  }
+  .medium-screen\:vads-u-border-color--base-dark {
+    border-color: #565c65 !important;
+  }
+  .medium-screen\:vads-u-border-color--base-darker {
+    border-color: #3d4551 !important;
+  }
+  .medium-screen\:vads-u-border-color--base-darkest {
+    border-color: #1b1b1b !important;
+  }
+  .medium-screen\:vads-u-border-color--base-light {
+    border-color: #a9aeb1 !important;
+  }
+  .medium-screen\:vads-u-border-color--base-lighter {
+    border-color: #dfe1e2 !important;
+  }
+  .medium-screen\:vads-u-border-color--base-lightest {
+    border-color: #f0f0f0 !important;
+  }
+  .medium-screen\:vads-u-border-color--emergency {
+    border-color: #9c3d10 !important;
+  }
+  .medium-screen\:vads-u-border-color--emergency-dark {
+    border-color: #332d29 !important;
+  }
+  .medium-screen\:vads-u-border-color--error {
+    border-color: #d54309 !important;
+  }
+  .medium-screen\:vads-u-border-color--error-dark {
+    border-color: #b21d38 !important;
+  }
+  .medium-screen\:vads-u-border-color--error-darker {
+    border-color: #6f3331 !important;
+  }
+  .medium-screen\:vads-u-border-color--error-light {
+    border-color: #f39268 !important;
+  }
+  .medium-screen\:vads-u-border-color--error-lighter {
+    border-color: #f4e3db !important;
+  }
+  .medium-screen\:vads-u-border-color--feedback-border-warning-on-dark {
+    border-color: #face00 !important;
+  }
+  .medium-screen\:vads-u-border-color--feedback-surface-error-on-dark {
+    border-color: #5c1111 !important;
+  }
+  .medium-screen\:vads-u-border-color--feedback-surface-info-on-dark {
+    border-color: #112f4e !important;
+  }
+  .medium-screen\:vads-u-border-color--feedback-surface-success-on-dark {
+    border-color: #19311e !important;
+  }
+  .medium-screen\:vads-u-border-color--feedback-surface-warning-on-dark {
+    border-color: #422d19 !important;
+  }
+  .medium-screen\:vads-u-border-color--feedback-forms-active-on-dark {
+    border-color: #252f3e !important;
+  }
+  .medium-screen\:vads-u-border-color--feedback-forms-active-on-light {
+    border-color: #ecf1f7 !important;
+  }
+  .medium-screen\:vads-u-border-color--gibill-accent {
+    border-color: #fef0c8 !important;
+  }
+  .medium-screen\:vads-u-border-color--info {
+    border-color: #00bde3 !important;
+  }
+  .medium-screen\:vads-u-border-color--info-dark {
+    border-color: #009ec1 !important;
+  }
+  .medium-screen\:vads-u-border-color--info-darker {
+    border-color: #2e6276 !important;
+  }
+  .medium-screen\:vads-u-border-color--info-light {
+    border-color: #99deea !important;
+  }
+  .medium-screen\:vads-u-border-color--info-lighter {
+    border-color: #e7f6f8 !important;
+  }
+  .medium-screen\:vads-u-border-color--ink {
+    border-color: #1b1b1b !important;
+  }
+  .medium-screen\:vads-u-border-color--inset-bg {
+    border-color: #e7f6f8 !important;
+  }
+  .medium-screen\:vads-u-border-color--link {
+    border-color: #005ea2 !important;
+  }
+  .medium-screen\:vads-u-border-color--link-active {
+    border-color: #0b4778 !important;
+  }
+  .medium-screen\:vads-u-border-color--link-visited {
+    border-color: #54278f !important;
+  }
+  .medium-screen\:vads-u-border-color--success {
+    border-color: #00a91c !important;
+  }
+  .medium-screen\:vads-u-border-color--success-dark {
+    border-color: #008817 !important;
+  }
+  .medium-screen\:vads-u-border-color--success-darker {
+    border-color: #216e1f !important;
+  }
+  .medium-screen\:vads-u-border-color--success-light {
+    border-color: #70e17b !important;
+  }
+  .medium-screen\:vads-u-border-color--success-lighter {
+    border-color: #ecf3ec !important;
+  }
+  .medium-screen\:vads-u-border-color--va-accent {
+    border-color: #8a7237 !important;
+  }
+  .medium-screen\:vads-u-border-color--warning {
+    border-color: #ffbe2e !important;
+  }
+  .medium-screen\:vads-u-border-color--warning-dark {
+    border-color: #e5a000 !important;
+  }
+  .medium-screen\:vads-u-border-color--warning-darker {
+    border-color: #936f38 !important;
+  }
+  .medium-screen\:vads-u-border-color--warning-light {
+    border-color: #fee685 !important;
+  }
+  .medium-screen\:vads-u-border-color--warning-lighter {
+    border-color: #faf3d1 !important;
+  }
   .medium-screen\:vads-u-display--block {
     display: block !important;
   }
@@ -14038,8 +14773,8 @@ through all possible variants
     margin-bottom: -1px !important;
   }
   .medium-screen\:vads-u-margin-x--0 {
-    margin-top: 0 !important;
-    margin-bottom: 0 !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
   }
   .medium-screen\:vads-u-margin-right--0 {
     margin-right: 0 !important;
@@ -14048,8 +14783,8 @@ through all possible variants
     margin-left: 0 !important;
   }
   .medium-screen\:vads-u-margin-x--1px {
-    margin-top: 1px !important;
-    margin-bottom: 1px !important;
+    margin-left: 1px !important;
+    margin-right: 1px !important;
   }
   .medium-screen\:vads-u-margin-right--1px {
     margin-right: 1px !important;
@@ -14058,8 +14793,8 @@ through all possible variants
     margin-left: 1px !important;
   }
   .medium-screen\:vads-u-margin-x--0p25 {
-    margin-top: 2px !important;
-    margin-bottom: 2px !important;
+    margin-left: 2px !important;
+    margin-right: 2px !important;
   }
   .medium-screen\:vads-u-margin-right--0p25 {
     margin-right: 2px !important;
@@ -14068,8 +14803,8 @@ through all possible variants
     margin-left: 2px !important;
   }
   .medium-screen\:vads-u-margin-x--0p5 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important;
+    margin-left: 0.25rem !important;
+    margin-right: 0.25rem !important;
   }
   .medium-screen\:vads-u-margin-right--0p5 {
     margin-right: 0.25rem !important;
@@ -14078,8 +14813,8 @@ through all possible variants
     margin-left: 0.25rem !important;
   }
   .medium-screen\:vads-u-margin-x--1 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important;
+    margin-left: 0.5rem !important;
+    margin-right: 0.5rem !important;
   }
   .medium-screen\:vads-u-margin-right--1 {
     margin-right: 0.5rem !important;
@@ -14088,8 +14823,8 @@ through all possible variants
     margin-left: 0.5rem !important;
   }
   .medium-screen\:vads-u-margin-x--1p5 {
-    margin-top: 0.75rem !important;
-    margin-bottom: 0.75rem !important;
+    margin-left: 0.75rem !important;
+    margin-right: 0.75rem !important;
   }
   .medium-screen\:vads-u-margin-right--1p5 {
     margin-right: 0.75rem !important;
@@ -14098,8 +14833,8 @@ through all possible variants
     margin-left: 0.75rem !important;
   }
   .medium-screen\:vads-u-margin-x--2 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
+    margin-left: 1rem !important;
+    margin-right: 1rem !important;
   }
   .medium-screen\:vads-u-margin-right--2 {
     margin-right: 1rem !important;
@@ -14108,8 +14843,8 @@ through all possible variants
     margin-left: 1rem !important;
   }
   .medium-screen\:vads-u-margin-x--2p5 {
-    margin-top: 1.25rem !important;
-    margin-bottom: 1.25rem !important;
+    margin-left: 1.25rem !important;
+    margin-right: 1.25rem !important;
   }
   .medium-screen\:vads-u-margin-right--2p5 {
     margin-right: 1.25rem !important;
@@ -14118,8 +14853,8 @@ through all possible variants
     margin-left: 1.25rem !important;
   }
   .medium-screen\:vads-u-margin-x--3 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important;
+    margin-left: 1.5rem !important;
+    margin-right: 1.5rem !important;
   }
   .medium-screen\:vads-u-margin-right--3 {
     margin-right: 1.5rem !important;
@@ -14128,8 +14863,8 @@ through all possible variants
     margin-left: 1.5rem !important;
   }
   .medium-screen\:vads-u-margin-x--4 {
-    margin-top: 2rem !important;
-    margin-bottom: 2rem !important;
+    margin-left: 2rem !important;
+    margin-right: 2rem !important;
   }
   .medium-screen\:vads-u-margin-right--4 {
     margin-right: 2rem !important;
@@ -14138,8 +14873,8 @@ through all possible variants
     margin-left: 2rem !important;
   }
   .medium-screen\:vads-u-margin-x--5 {
-    margin-top: 2.5rem !important;
-    margin-bottom: 2.5rem !important;
+    margin-left: 2.5rem !important;
+    margin-right: 2.5rem !important;
   }
   .medium-screen\:vads-u-margin-right--5 {
     margin-right: 2.5rem !important;
@@ -14148,8 +14883,8 @@ through all possible variants
     margin-left: 2.5rem !important;
   }
   .medium-screen\:vads-u-margin-x--6 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important;
+    margin-left: 3rem !important;
+    margin-right: 3rem !important;
   }
   .medium-screen\:vads-u-margin-right--6 {
     margin-right: 3rem !important;
@@ -14158,8 +14893,8 @@ through all possible variants
     margin-left: 3rem !important;
   }
   .medium-screen\:vads-u-margin-x--7 {
-    margin-top: 3.5rem !important;
-    margin-bottom: 3.5rem !important;
+    margin-left: 3.5rem !important;
+    margin-right: 3.5rem !important;
   }
   .medium-screen\:vads-u-margin-right--7 {
     margin-right: 3.5rem !important;
@@ -14168,8 +14903,8 @@ through all possible variants
     margin-left: 3.5rem !important;
   }
   .medium-screen\:vads-u-margin-x--8 {
-    margin-top: 4rem !important;
-    margin-bottom: 4rem !important;
+    margin-left: 4rem !important;
+    margin-right: 4rem !important;
   }
   .medium-screen\:vads-u-margin-right--8 {
     margin-right: 4rem !important;
@@ -14178,8 +14913,8 @@ through all possible variants
     margin-left: 4rem !important;
   }
   .medium-screen\:vads-u-margin-x--9 {
-    margin-top: 4.5rem !important;
-    margin-bottom: 4.5rem !important;
+    margin-left: 4.5rem !important;
+    margin-right: 4.5rem !important;
   }
   .medium-screen\:vads-u-margin-right--9 {
     margin-right: 4.5rem !important;
@@ -14188,8 +14923,8 @@ through all possible variants
     margin-left: 4.5rem !important;
   }
   .medium-screen\:vads-u-margin-x--neg9 {
-    margin-top: -4.5rem !important;
-    margin-bottom: -4.5rem !important;
+    margin-left: -4.5rem !important;
+    margin-right: -4.5rem !important;
   }
   .medium-screen\:vads-u-margin-right--neg9 {
     margin-right: -4.5rem !important;
@@ -14198,8 +14933,8 @@ through all possible variants
     margin-left: -4.5rem !important;
   }
   .medium-screen\:vads-u-margin-x--neg8 {
-    margin-top: -4rem !important;
-    margin-bottom: -4rem !important;
+    margin-left: -4rem !important;
+    margin-right: -4rem !important;
   }
   .medium-screen\:vads-u-margin-right--neg8 {
     margin-right: -4rem !important;
@@ -14208,8 +14943,8 @@ through all possible variants
     margin-left: -4rem !important;
   }
   .medium-screen\:vads-u-margin-x--neg7 {
-    margin-top: -3.5rem !important;
-    margin-bottom: -3.5rem !important;
+    margin-left: -3.5rem !important;
+    margin-right: -3.5rem !important;
   }
   .medium-screen\:vads-u-margin-right--neg7 {
     margin-right: -3.5rem !important;
@@ -14218,8 +14953,8 @@ through all possible variants
     margin-left: -3.5rem !important;
   }
   .medium-screen\:vads-u-margin-x--neg6 {
-    margin-top: -3rem !important;
-    margin-bottom: -3rem !important;
+    margin-left: -3rem !important;
+    margin-right: -3rem !important;
   }
   .medium-screen\:vads-u-margin-right--neg6 {
     margin-right: -3rem !important;
@@ -14228,8 +14963,8 @@ through all possible variants
     margin-left: -3rem !important;
   }
   .medium-screen\:vads-u-margin-x--neg5 {
-    margin-top: -2.5rem !important;
-    margin-bottom: -2.5rem !important;
+    margin-left: -2.5rem !important;
+    margin-right: -2.5rem !important;
   }
   .medium-screen\:vads-u-margin-right--neg5 {
     margin-right: -2.5rem !important;
@@ -14238,8 +14973,8 @@ through all possible variants
     margin-left: -2.5rem !important;
   }
   .medium-screen\:vads-u-margin-x--neg4 {
-    margin-top: -2rem !important;
-    margin-bottom: -2rem !important;
+    margin-left: -2rem !important;
+    margin-right: -2rem !important;
   }
   .medium-screen\:vads-u-margin-right--neg4 {
     margin-right: -2rem !important;
@@ -14248,8 +14983,8 @@ through all possible variants
     margin-left: -2rem !important;
   }
   .medium-screen\:vads-u-margin-x--neg3 {
-    margin-top: -1.5rem !important;
-    margin-bottom: -1.5rem !important;
+    margin-left: -1.5rem !important;
+    margin-right: -1.5rem !important;
   }
   .medium-screen\:vads-u-margin-right--neg3 {
     margin-right: -1.5rem !important;
@@ -14258,8 +14993,8 @@ through all possible variants
     margin-left: -1.5rem !important;
   }
   .medium-screen\:vads-u-margin-x--neg2p5 {
-    margin-top: -1.25rem !important;
-    margin-bottom: -1.25rem !important;
+    margin-left: -1.25rem !important;
+    margin-right: -1.25rem !important;
   }
   .medium-screen\:vads-u-margin-right--neg2p5 {
     margin-right: -1.25rem !important;
@@ -14268,8 +15003,8 @@ through all possible variants
     margin-left: -1.25rem !important;
   }
   .medium-screen\:vads-u-margin-x--neg2 {
-    margin-top: -1rem !important;
-    margin-bottom: -1rem !important;
+    margin-left: -1rem !important;
+    margin-right: -1rem !important;
   }
   .medium-screen\:vads-u-margin-right--neg2 {
     margin-right: -1rem !important;
@@ -14278,8 +15013,8 @@ through all possible variants
     margin-left: -1rem !important;
   }
   .medium-screen\:vads-u-margin-x--neg1p5 {
-    margin-top: -0.75rem !important;
-    margin-bottom: -0.75rem !important;
+    margin-left: -0.75rem !important;
+    margin-right: -0.75rem !important;
   }
   .medium-screen\:vads-u-margin-right--neg1p5 {
     margin-right: -0.75rem !important;
@@ -14288,8 +15023,8 @@ through all possible variants
     margin-left: -0.75rem !important;
   }
   .medium-screen\:vads-u-margin-x--neg1 {
-    margin-top: -0.5rem !important;
-    margin-bottom: -0.5rem !important;
+    margin-left: -0.5rem !important;
+    margin-right: -0.5rem !important;
   }
   .medium-screen\:vads-u-margin-right--neg1 {
     margin-right: -0.5rem !important;
@@ -14298,8 +15033,8 @@ through all possible variants
     margin-left: -0.5rem !important;
   }
   .medium-screen\:vads-u-margin-x--neg0p5 {
-    margin-top: -0.25rem !important;
-    margin-bottom: -0.25rem !important;
+    margin-left: -0.25rem !important;
+    margin-right: -0.25rem !important;
   }
   .medium-screen\:vads-u-margin-right--neg0p5 {
     margin-right: -0.25rem !important;
@@ -14308,8 +15043,8 @@ through all possible variants
     margin-left: -0.25rem !important;
   }
   .medium-screen\:vads-u-margin-x--neg0p25 {
-    margin-top: -2px !important;
-    margin-bottom: -2px !important;
+    margin-left: -2px !important;
+    margin-right: -2px !important;
   }
   .medium-screen\:vads-u-margin-right--neg0p25 {
     margin-right: -2px !important;
@@ -14318,8 +15053,8 @@ through all possible variants
     margin-left: -2px !important;
   }
   .medium-screen\:vads-u-margin-x--neg1px {
-    margin-top: -1px !important;
-    margin-bottom: -1px !important;
+    margin-left: -1px !important;
+    margin-right: -1px !important;
   }
   .medium-screen\:vads-u-margin-right--neg1px {
     margin-right: -1px !important;
@@ -14328,8 +15063,8 @@ through all possible variants
     margin-left: -1px !important;
   }
   .medium-screen\:vads-u-margin-x--auto {
-    margin-top: -1px !important;
-    margin-bottom: -1px !important;
+    margin-left: -1px !important;
+    margin-right: -1px !important;
   }
   .medium-screen\:vads-u-margin-right--auto {
     margin-right: -1px !important;