fix: use new classnames (#2200)

Author: vpicone

src/components/DataTableSkeleton/DataTableSkeleton-test.js

@@ -25,7 +25,7 @@ describe('DataTableSkeleton', () => {
 
     it('Has the expected classes', () => {
       expect(wrapper.hasClass('bx--skeleton')).toEqual(true);
-      expect(wrapper.hasClass('bx--data-table-v2')).toEqual(true);
+      expect(wrapper.hasClass('bx--data-table')).toEqual(true);
     });
 
     it('Has the correct number of rows and columns', () => {
@@ -50,8 +50,8 @@ describe('DataTableSkeleton Compact', () => {
 
     it('Has the expected classes', () => {
       expect(wrapper.hasClass('bx--skeleton')).toEqual(true);
-      expect(wrapper.hasClass('bx--data-table-v2')).toEqual(true);
-      expect(wrapper.hasClass('bx--data-table-v2--compact')).toEqual(true);
+      expect(wrapper.hasClass('bx--data-table')).toEqual(true);
+      expect(wrapper.hasClass('bx--data-table--compact')).toEqual(true);
     });
   });
 });
@@ -62,8 +62,8 @@ describe('DataTableSkeleton Zebra', () => {
 
     it('Has the expected classes', () => {
       expect(wrapper.hasClass('bx--skeleton')).toEqual(true);
-      expect(wrapper.hasClass('bx--data-table-v2')).toEqual(true);
-      expect(wrapper.hasClass('bx--data-table-v2--zebra')).toEqual(true);
+      expect(wrapper.hasClass('bx--data-table')).toEqual(true);
+      expect(wrapper.hasClass('bx--data-table--zebra')).toEqual(true);
     });
   });
 });

src/components/DataTableSkeleton/DataTableSkeleton.js

@@ -22,9 +22,9 @@ const DataTableSkeleton = ({
 }) => {
   const dataTableSkeletonClasses = classNames({
     [`${prefix}--skeleton`]: true,
-    [`${prefix}--data-table-v2`]: true,
-    [`${prefix}--data-table-v2--zebra`]: zebra,
-    [`${prefix}--data-table-v2--compact`]: compact,
+    [`${prefix}--data-table`]: true,
+    [`${prefix}--data-table--zebra`]: zebra,
+    [`${prefix}--data-table--compact`]: compact,
   });
 
   let normalizedHeaders;