fix(data-table): change svg attribute name viewbox to viewBox (#5483) (#5493)

Author: jony666666

packages/mdc-data-table/README.md

@@ -103,7 +103,7 @@ MDC Data Table component auto instantiates `MDCCheckbox` for header row checkbox
           <div class="mdc-checkbox mdc-data-table__header-row-checkbox mdc-checkbox--selected">
             <input type="checkbox" class="mdc-checkbox__native-control" aria-label="Checkbox for header row selection"/>
             <div class="mdc-checkbox__background">
-              <svg class="mdc-checkbox__checkmark" viewbox="0 0 24 24">
+              <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
                 <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
               </svg>
               <div class="mdc-checkbox__mixedmark"></div>
@@ -124,7 +124,7 @@ MDC Data Table component auto instantiates `MDCCheckbox` for header row checkbox
           <div class="mdc-checkbox mdc-data-table__row-checkbox">
             <input type="checkbox" class="mdc-checkbox__native-control" aria-labelledby="u0"/>
             <div class="mdc-checkbox__background">
-              <svg class="mdc-checkbox__checkmark" viewbox="0 0 24 24">
+              <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
                 <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
               </svg>
               <div class="mdc-checkbox__mixedmark"></div>
@@ -143,7 +143,7 @@ MDC Data Table component auto instantiates `MDCCheckbox` for header row checkbox
           <div class="mdc-checkbox mdc-data-table__row-checkbox mdc-checkbox--selected">
             <input type="checkbox" class="mdc-checkbox__native-control" checked aria-labelledby="u1"/>
             <div class="mdc-checkbox__background">
-              <svg class="mdc-checkbox__checkmark" viewbox="0 0 24 24">
+              <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
                 <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
               </svg>
               <div class="mdc-checkbox__mixedmark"></div>
@@ -162,7 +162,7 @@ MDC Data Table component auto instantiates `MDCCheckbox` for header row checkbox
           <div class="mdc-checkbox mdc-data-table__row-checkbox mdc-checkbox--selected">
             <input type="checkbox" class="mdc-checkbox__native-control" checked aria-labelledby="u2"/>
             <div class="mdc-checkbox__background">
-              <svg class="mdc-checkbox__checkmark" viewbox="0 0 24 24">
+              <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
                 <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
               </svg>
               <div class="mdc-checkbox__mixedmark"></div>
@@ -181,7 +181,7 @@ MDC Data Table component auto instantiates `MDCCheckbox` for header row checkbox
           <div class="mdc-checkbox mdc-data-table__row-checkbox">
             <input type="checkbox" class="mdc-checkbox__native-control" aria-labelledby="u3"/>
             <div class="mdc-checkbox__background">
-              <svg class="mdc-checkbox__checkmark" viewbox="0 0 24 24">
+              <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
                 <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
               </svg>
               <div class="mdc-checkbox__mixedmark"></div>

packages/mdc-data-table/test/component.test.ts

@@ -48,7 +48,7 @@ const mdcCheckboxTemplate = (props: Partial<CheckboxTemplateProps>): string => {
       <input type="checkbox" class="mdc-checkbox__native-control" ${
       props.isChecked ? 'checked' : ''}></input>
       <div class="mdc-checkbox__background">
-        <svg class="mdc-checkbox__checkmark" viewbox="0 0 24 24">
+        <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
           <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
         </svg>
         <div class="mdc-checkbox__mixedmark"></div>