department-of-veterans-affairs · powellkerry · May 20, 2024 · Nov 7, 2023 · Jan 25, 2024 · Jan 26, 2024
@@ -852,7 +852,7 @@ jobs:
       - name: Run Cypress tests
         if: needs.tests-prep.outputs.cypress-tests-to-stress-test != '[]'
         run: node script/github-actions/run-cypress-stress-tests.js
-        timeout-minutes: 90
+        timeout-minutes: 180
         env:
           CYPRESS_CI: true
           STEP: ${{ matrix.ci_node_index }}

@@ -259,9 +259,9 @@
     "@babel/runtime": "^7.15.4",
     "@datadog/browser-logs": "^5.8.0",
     "@datadog/browser-rum": "^4.49.0",
-    "@department-of-veterans-affairs/component-library": "^41.0.0",
-    "@department-of-veterans-affairs/css-library": "^0.3.0",
-    "@department-of-veterans-affairs/formation": "^10.1.2",
+    "@department-of-veterans-affairs/component-library": "^41.0.0-beta.1",
+    "@department-of-veterans-affairs/css-library": "^0.6.0-beta.0",
+    "@department-of-veterans-affairs/formation": "11.0.4",
     "@department-of-veterans-affairs/react-jsonschema-form": "^1.2.5",
     "@department-of-veterans-affairs/va-forms-system-core": "1.6.1",
     "@department-of-veterans-affairs/vagov-platform": "^0.0.1",

@@ -46,7 +46,7 @@ article[data-location="contact-information"] {
   }
   /* address modal is very tall and won't scroll without this fix */
   .va-modal-body {
-    max-height: calc(100vh - 4rem);
+    max-height: calc(100vh - 2.5rem);
     overflow-y: auto;
   }
 }
@@ -65,10 +65,10 @@ article[data-location="add-issue"] {
 
 /* override formation to maintain margin between checkboxes */
 .usa-input-error label {
-  margin-top: 3rem;
+  margin-top: 1.875rem;
 }
 #root_otherEntry-label {
-  margin-top: 2rem;
+  margin-top: 1.25rem;
 }
 .usa-input-error > label {
   margin-top: 0;
@@ -98,5 +98,5 @@ article[data-location$="/upload"] {
 /* board review option & hearing type pages */
 #root_hearingTypePreference-label,
 #root_boardReviewOption-label {
-  margin-bottom: 2rem;
+  margin-bottom: 1.25rem;
 }
@@ -57,7 +57,6 @@ ul.issues,
 }
 
 article[data-location="issue-summary"] {
-  font-size: 1.5rem;
   font-weight: 400;
 }
 
@@ -69,14 +68,14 @@ article[data-location$="upload-evidence"] {
   va-radio::part(header) {
     font-family: "Bitter", "Georgia", "Cambria", "Times New Roman", "Times", serif;
     line-height: 1.3;
-    font-size: 2rem;
+    font-size: 1.25rem;
     font-weight: 700;
   }
 
   span.schemaform-required-span,
   va-radio::part(required) {
     font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
-    font-size: 1.5rem;
+    font-size: 0.9375rem;
     font-weight: 400;
   }
 }
@@ -87,7 +86,7 @@ article[data-location="supporting-evidence/private-medical-records"] {
    */
   va-select[error],
   va-text-input[error] {
-    margin-top: 3rem;
+    margin-top: 1.875rem;
   }
 }
 
@@ -105,13 +104,13 @@ article[data-location$="va-medical-records"] {
 article[data-location="review-and-submit"] {
   /* Add actual phone number to radio option */
   va-radio-option:after {
-    margin-left: 3rem;
+    margin-left: 1.875rem;
   }
 
   .review-fieldset {
     legend {
       border-top: 1px solid var(--vads-color-base-light);
-      padding-top: 2rem;
+      padding-top: 1.25rem;
     }
   }
 }

@@ -25,7 +25,7 @@ article[data-location="contact-information"] {
   }
   /* address modal is very tall and won't scroll without this fix */
   .va-modal-body {
-    max-height: calc(100vh - 4rem);
+    max-height: calc(100vh - 2.5rem);
     overflow-y: auto;
   }
 }
@@ -57,7 +57,7 @@ ul.issues,
 }
 
 .eligible-issues-error h3 {
-  font-size: 1.7rem /* vads-u-font-size--md */
+  font-size: 1.0625rem; /* vads-u-font-size--md */
 }
 
 /* Contested issue page specific definitions */
@@ -112,7 +112,7 @@ article[data-location="add-issue"] {
 }
 
 #root_otherEntry-label {
-  margin-top: 2rem;
+  margin-top: 1.25rem;
 }
 .usa-input-error > label {
   margin-top: 0;
@@ -137,7 +137,7 @@ label > .opt-in-title {
 }
 
 .schemaform-block-header > p + p {
-  margin-top: 1rem;
+  margin-top: 0.625rem;
 }
 
 /* page specific */
@@ -151,7 +151,7 @@ article[data-location="informal-conference/representative-information"] {
 /* Step 4 Review Application */
 article[data-location="review-and-submit"] {
   dl.review .widget-wrapper-v2.checkbox-hidden {
-    margin-top: 1rem;
+    margin-top: 0.625rem;
 
     dt.widget-checkbox-wrap {
       width: 0;
@@ -166,7 +166,7 @@ article[data-location="review-and-submit"] {
     .review-row {
       display: flex;
       flex-direction: column;
-      padding: 1rem;
+      padding: 0.625rem;
     }
 
     .review-row > dd {
@@ -181,7 +181,7 @@ article[data-location="review-and-submit"] {
 
     .checkbox-hidden {
       .widget-content {
-        margin: 2rem 0 0 0;
+        margin: 1.25rem 0 0 0;
       }
     }
   }

diff --git a/src/applications/appeals/996/tests/pages/InformalConference.unit.spec.jsx b/src/applications/appeals/996/tests/pages/InformalConference.unit.spec.jsx
@@ -22,8 +22,11 @@ describe('Higher-Level Review 0996 informal conference', () => {
         uiSchema={uiSchema}
       />,
     );
-
-    expect($('va-radio[label-header-level="3"]')).to.exist;
+    /*
+    *  The attribute 'label-header-level' was failing in this PR: https://github.com/department-of-veterans-affairs/vets-website/pull/26606 
+    *  if it fails on the main branch after merge, please revert
+    */
+    expect($('va-radio[labelHeaderLevel="3"]')).to.exist;
     expect($$('va-radio-option', container).length).to.equal(3);
   });
 

@@ -25,7 +25,7 @@ fieldset.vads-u-margin-y--2 {
 
 /* area of disagreement input error removes top margin */
 va-checkbox-group va-text-input[error]::part(label) {
-  margin-top: 3rem;
+  margin-top: 1.875rem;
 }
 
 /* Contested issue cards (contested issue page & review/submit page)
@@ -40,8 +40,8 @@ va-checkbox-group va-text-input[error]::part(label) {
 
     .widget-checkbox-wrap {
       margin: 0;
-      width: 5rem;
-      min-width: 5rem;
+      width: 3.125rem;
+      min-width: 3.125rem;
 
       label {
         margin-top: 0;
@@ -53,8 +53,8 @@ va-checkbox-group va-text-input[error]::part(label) {
       }
 
       [type="checkbox"] {
-        width: 1.8rem;
-        height: 1.8rem;
+        width: 1.125rem;
+        height: 1.125rem;
         margin: 0;
       }
     }
@@ -71,13 +71,13 @@ va-checkbox-group va-text-input[error]::part(label) {
       display: flex;
 
       .widget-content-wrap {
-        margin-top: 3rem;
-        margin-right: 0.5rem;
+        margin-top: 1.875rem;
+        margin-right: 0.3125rem;
         width: 100%;
       }
 
       .edit {
-        margin-top: 2rem;
+        margin-top: 1.25rem;
         /* position the edit button above the overlapping label */
         position: relative;
         z-index: 1;
@@ -91,7 +91,7 @@ va-checkbox-group va-text-input[error]::part(label) {
 
   .checkbox-hidden {
     .widget-content {
-      margin: 2rem 0 0 0;
+      margin: 1.25rem 0 0 0;
     }
   }
 }

@@ -7,15 +7,15 @@
 @import "../../../platform/forms/sass/m-form-confirmation";
 
 .autosuggest-list {
-  max-height: 30rem;
+  max-height: 18.75rem;
 }
 
 .schemaform-title {
   display: block;
 }
 
 textarea#root_query {
-  height: 40rem;
+  height: 25rem;
 }
 
 ul.claim-list {
@@ -27,6 +27,6 @@ ul.claim-list {
 
 .help-footer-box {
   @include media($medium-screen) {
-    padding-top: 3.0rem;
+    padding-top: 1.875rem;
   }
 }
@@ -22,12 +22,12 @@ $facility-locator-shadow: rgba(0, 0, 0, 0.5);
 }
 
 .form-checkbox > input[type="checkbox"] + .schemaform-label {
-  margin-top: 1rem;
+  margin-top: 0.625rem;
 }
 
 #root_aboutYourself_socialOrServiceNum_ssn-label,
 #root_aboutYourself_socialOrServiceNum_serviceNumber-label {
-  margin-top: 1rem;
+  margin-top: 0.625rem;
 }
 
 .inbox-replies,
@@ -41,23 +41,23 @@ $facility-locator-shadow: rgba(0, 0, 0, 0.5);
 
 .empty-message {
   width: 50%;
-  padding: 1.25rem;
+  padding: 0.78125rem;
   font-weight: 600;
 
   @media (max-width: $small-screen) {
     width: 92%;
-    padding: 1.25rem;
+    padding: 0.78125rem;
     font-weight: 400;
   }
 }
 
 .no-messages {
-  margin: 5rem 0;
+  margin: 3.125rem 0;
 }
 
 .attachment-box {
-  padding: 1.25rem 2.5rem;
-  margin: 1rem 0;
+  padding: 0.78125rem 1.5625rem;
+  margin: 0.625rem 0;
   align-items: center;
 
   @media (max-width: $small-screen) {
@@ -70,7 +70,7 @@ $facility-locator-shadow: rgba(0, 0, 0, 0.5);
 }
 
 .need-help-footer {
-  margin: 3rem 0;
+  margin: 1.875rem 0;
 }
 
 .multiline-ellipsis-2 {
@@ -184,7 +184,7 @@ $facility-locator-shadow: rgba(0, 0, 0, 0.5);
 
       input[type="submit"] {
         width: 100%;
-        padding: 0 1rem;
+        padding: 0 0.625rem;
         margin-top: 0;
 
         @media (min-width: $small-desktop-screen) {
@@ -216,8 +216,8 @@ $facility-locator-shadow: rgba(0, 0, 0, 0.5);
       .search-input {
         display: flex;
         flex-direction: row;
-        margin-top: 2rem;
-        margin-bottom: 4rem;
+        margin-top: 1.25rem;
+        margin-bottom: 2.5rem;
 
         #facility-search {
           border-top-left-radius: 0px;
@@ -229,7 +229,7 @@ $facility-locator-shadow: rgba(0, 0, 0, 0.5);
         input {
           margin: 0;
           width: 100%;
-          height: 5.25rem;
+          height: 3.28125rem;
         }
       }
 
@@ -247,7 +247,7 @@ $facility-locator-shadow: rgba(0, 0, 0, 0.5);
         }
 
         @media (max-width: $small-screen) {
-          margin-top: 2rem;
+          margin-top: 1.25rem;
         }
       }
 
@@ -276,9 +276,9 @@ $facility-locator-shadow: rgba(0, 0, 0, 0.5);
     background-color: rgba(255, 255, 255, 0);
     color: $color-black;
     font-family: "Font Awesome 5 Free";
-    max-width: 2rem;
+    max-width: 1.25rem;
     left: 68%;
-    padding-left: 0.5rem;
+    padding-left: 0.3125rem;
 
     &:hover {
       background-color: unset;

@@ -1,7 +1,7 @@
 @import "~@department-of-veterans-affairs/formation/sass/shared-variables";
 
 #main .usa-alert {
-  margin: 1rem auto;
+  margin: 0.625rem auto;
 }
 
 .overlay {

@@ -13,7 +13,7 @@
 .rjsf-array-field .va-growable-background {
     border: 1px solid var(--vads-color-gray-medium) !important;
     background-color: var(--vads-color-white) !important;
-    padding: 0.5rem 1.5rem !important;
+    padding: 0.3125rem 0.9375rem !important;
   }
 
   div.row .small-collapse {