From 56aae5cf970bb25b71514bda282b9c6075ae42f1 Mon Sep 17 00:00:00 2001
From: Ian <harrison.ian.t@gmail.com>
Date: Tue, 29 Aug 2023 10:05:58 -0500
Subject: [PATCH] remove new classes

---
 .../test/va-memorable-date.e2e.ts              | 18 +++++++++---------
 .../va-memorable-date/va-memorable-date.scss   | 15 +++------------
 .../va-memorable-date/va-memorable-date.tsx    |  8 ++++----
 3 files changed, 16 insertions(+), 25 deletions(-)

diff --git a/packages/web-components/src/components/va-memorable-date/test/va-memorable-date.e2e.ts b/packages/web-components/src/components/va-memorable-date/test/va-memorable-date.e2e.ts
index d4f03813d..29dd75b2a 100644
--- a/packages/web-components/src/components/va-memorable-date/test/va-memorable-date.e2e.ts
+++ b/packages/web-components/src/components/va-memorable-date/test/va-memorable-date.e2e.ts
@@ -641,8 +641,8 @@ describe('va-memorable-date', () => {
           <slot></slot>
           <span id="error-message" role="alert"></span>
           <div class="usa-memorable-date">
-            <div class="usa-form-group v3-usa-form-group--month">
-              <va-text-input aria-describedby="dateHint" class="hydrated memorable-date-input v3-usa-form-group--month-input" uswds=""></va-text-input>
+            <div class="usa-form-group usa-form-group--month">
+              <va-text-input aria-describedby="dateHint" class="hydrated memorable-date-input usa-form-group--month-input" uswds=""></va-text-input>
             </div>
             <div class="usa-form-group usa-form-group--day">
               <va-text-input aria-describedby="dateHint" class="hydrated memorable-date-input usa-form-group--day-input" uswds=""></va-text-input>
@@ -692,8 +692,8 @@ describe('va-memorable-date', () => {
           <slot></slot>
           <span id="error-message" role="alert"></span>
           <div class="usa-memorable-date">
-            <div class="usa-form-group v3-usa-form-group--month">
-              <va-text-input aria-describedby="dateHint hint" class="hydrated memorable-date-input v3-usa-form-group--month-input" uswds=""></va-text-input>
+            <div class="usa-form-group usa-form-group--month">
+              <va-text-input aria-describedby="dateHint hint" class="hydrated memorable-date-input usa-form-group--month-input" uswds=""></va-text-input>
             </div>
             <div class="usa-form-group usa-form-group--day">
               <va-text-input aria-describedby="dateHint hint" class="hydrated memorable-date-input usa-form-group--day-input" uswds=""></va-text-input>
@@ -1068,7 +1068,7 @@ describe('va-memorable-date', () => {
     const page = await newE2EPage();
     await page.setContent('<va-memorable-date value="1999-05-03" uswds />');
 
-    const month = await page.find('va-memorable-date >>> .v3-usa-form-group--month-input');
+    const month = await page.find('va-memorable-date >>> .usa-form-group--month-input');
     const day = await page.find('va-memorable-date >>> .usa-form-group--day-input');
     const year = await page.find('va-memorable-date >>> .usa-form-group--year-input');
 
@@ -1084,7 +1084,7 @@ describe('va-memorable-date', () => {
     );
 
     const date = await page.find('va-memorable-date');
-    const elementMonth = await page.find('va-memorable-date >>> .v3-usa-form-group--month-input');
+    const elementMonth = await page.find('va-memorable-date >>> .usa-form-group--month-input');
     const elementDay = await page.find('va-memorable-date >>> .usa-form-group--day-input');
     const elementYear = await page.find('va-memorable-date >>> .usa-form-group--year-input');
     const handleMonth = await page.$('pierce/[name="testMonth"]');
@@ -1133,7 +1133,7 @@ describe('va-memorable-date', () => {
     const page = await newE2EPage();
     await page.setContent('<va-memorable-date name="test" uswds />');
 
-    const elementMonth = await page.find('va-memorable-date >>> .v3-usa-form-group--month-input');
+    const elementMonth = await page.find('va-memorable-date >>> .usa-form-group--month-input');
     const handleMonth = await page.$('pierce/[name="testMonth"]');
     await handleMonth.press('2');
     await handleMonth.press('0');
@@ -1281,7 +1281,7 @@ describe('va-memorable-date', () => {
           <slot></slot>
           <span id="error-message" role="alert"></span>
           <div class="usa-memorable-date">
-            <div class="usa-form-group usa-form-group--select v3-usa-form-group--month">
+            <div class="usa-form-group usa-form-group--select usa-form-group--month">
               <va-select aria-describedby="dateHint" class="hydrated usa-form-group--month-select" uswds="">
                 <option value="1">
                   January
@@ -1369,7 +1369,7 @@ describe('va-memorable-date', () => {
           <slot></slot>
           <span id="error-message" role="alert"></span>
           <div class="usa-memorable-date">
-            <div class="usa-form-group usa-form-group--select v3-usa-form-group--month">
+            <div class="usa-form-group usa-form-group--select usa-form-group--month">
               <va-select aria-describedby="dateHint hint" class="hydrated usa-form-group--month-select" uswds="">
                 <option value="1">
                   January
diff --git a/packages/web-components/src/components/va-memorable-date/va-memorable-date.scss b/packages/web-components/src/components/va-memorable-date/va-memorable-date.scss
index b83e7b6af..bea7ef77c 100644
--- a/packages/web-components/src/components/va-memorable-date/va-memorable-date.scss
+++ b/packages/web-components/src/components/va-memorable-date/va-memorable-date.scss
@@ -17,28 +17,19 @@
   margin-top: 16px;
 }
 
-.v3-usa-form-group--month {
-  margin-right: 16px;
-}
-
-.v3-usa-form-group--month-input {
-  width: 48px;
-}
-
 .usa-form-group--month {
-  flex: 0 1 50%;
-  width: 50%;
+  margin-right: 16px;
 }
 
 .usa-form-group--month-input {
-  width: 100%;
+  width: 48px;
 }
 
 @media (max-width: 480px) {
   .usa-form-group--month-select {
     width: 100%;
   }
-  .v3-usa-form-group--month.usa-form-group--select {
+  .usa-form-group--select {
     flex: 0 1 50%;
     width: 50%;
   }
diff --git a/packages/web-components/src/components/va-memorable-date/va-memorable-date.tsx b/packages/web-components/src/components/va-memorable-date/va-memorable-date.tsx
index 79a2e238f..7edb69e71 100644
--- a/packages/web-components/src/components/va-memorable-date/va-memorable-date.tsx
+++ b/packages/web-components/src/components/va-memorable-date/va-memorable-date.tsx
@@ -179,7 +179,7 @@ export class VaMemorableDate {
     let [currentYear, currentMonth, currentDay] = (this.value || '').split('-');
     if (target.classList.contains('input-month') || target.classList.contains('usa-form-group--month-input')
       || target.classList.contains('usa-form-group--month-select')
-      || target.classList.contains('v3-usa-form-group--month-input')) {
+      || target.classList.contains('usa-form-group--month-input')) {
       currentMonth = target.value;
     }
     if (target.classList.contains('input-day') || target.classList.contains('usa-form-group--day-input')) {
@@ -253,7 +253,7 @@ export class VaMemorableDate {
     // Fieldset has an implicit aria role of group
     if (uswds) {
       const monthDisplay = monthSelect
-        ? <div class="usa-form-group v3-usa-form-group--month usa-form-group--select">
+        ? <div class="usa-form-group usa-form-group--month usa-form-group--select">
           <va-select
             uswds
             label={i18next.t('month')}
@@ -275,7 +275,7 @@ export class VaMemorableDate {
             }
           </va-select>
         </div>
-      : <div class="usa-form-group v3-usa-form-group--month">
+      : <div class="usa-form-group usa-form-group--month">
         <va-text-input
           uswds
           label={i18next.t('month')}
@@ -288,7 +288,7 @@ export class VaMemorableDate {
           // if NaN provide empty string
           value={month?.toString()}
           onInput={handleDateChange}
-          class="v3-usa-form-group--month-input memorable-date-input"
+          class="usa-form-group--month-input memorable-date-input"
           reflectInputError={error ? true : false}
           inputmode="numeric"
           type="text"