npm - @digigov/react-core - Versions diffs - 2.0.0-rc.21 → 2.0.0-rc.22 - Mend

@digigov/react-core 2.0.0-rc.21 → 2.0.0-rc.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (282) hide show

package/src/SkipLink/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the SkipLink with no props 1`] = `
 <body>

package/src/Stack/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Stack with alignContent="center" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--content-center ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--content-center"
     >
       hello
     </div>
@@ -16,7 +16,7 @@ exports[`renders the Stack with alignContent="flex-end" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--content-flex-end ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--content-flex-end"
     >
       hello
     </div>
@@ -28,7 +28,7 @@ exports[`renders the Stack with alignContent="flex-start" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--content-flex-start ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--content-flex-start"
     >
       hello
     </div>
@@ -40,7 +40,7 @@ exports[`renders the Stack with alignContent="space-around" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--content-space-around ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--content-space-around"
     >
       hello
     </div>
@@ -52,7 +52,7 @@ exports[`renders the Stack with alignContent="space-between" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--content-space-between ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--content-space-between"
     >
       hello
     </div>
@@ -64,7 +64,7 @@ exports[`renders the Stack with alignContent="space-evenly" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--content-space-evenly ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--content-space-evenly"
     >
       hello
     </div>
@@ -76,7 +76,7 @@ exports[`renders the Stack with alignItems="baseline" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--align-baseline ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--align-baseline"
     >
       hello
     </div>
@@ -88,7 +88,7 @@ exports[`renders the Stack with alignItems="center" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--align-center ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--align-center"
     >
       hello
     </div>
@@ -100,7 +100,7 @@ exports[`renders the Stack with alignItems="flex-end" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--align-flex-end ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--align-flex-end"
     >
       hello
     </div>
@@ -112,7 +112,7 @@ exports[`renders the Stack with alignItems="flex-start" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--align-flex-start ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--align-flex-start"
     >
       hello
     </div>
@@ -124,7 +124,7 @@ exports[`renders the Stack with alignItems="stretch" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--align-stretch ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--align-stretch"
     >
       hello
     </div>
@@ -136,7 +136,7 @@ exports[`renders the Stack with direction = "row", flexWrap="nowrap" and spacing
 <body>
   <div>
     <div
-      class="ds-stack--nowrap ds-gap-12 ds-stack--row ds-stack"
+      class="ds-stack ds-stack--row ds-stack--nowrap ds-gap-12"
     >
       hello
     </div>
@@ -148,7 +148,7 @@ exports[`renders the Stack with direction = "row", flexWrap="wrap" justifyConten
 <body>
   <div>
     <div
-      class="ds-gap-12 ds-stack--justify-flex-end ds-stack--content-center ds-stack--align-baseline ds-stack--row ds-stack"
+      class="ds-stack ds-stack--row ds-stack--justify-flex-end ds-stack--align-baseline ds-stack--content-center ds-gap-12"
     >
       hello
     </div>
@@ -160,7 +160,7 @@ exports[`renders the Stack with direction="column" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column"
     >
       hello
     </div>
@@ -172,7 +172,7 @@ exports[`renders the Stack with direction="row" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--row ds-stack"
+      class="ds-stack ds-stack--row"
     >
       hello
     </div>
@@ -184,7 +184,7 @@ exports[`renders the Stack with flexWrap="nowrap" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--nowrap ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--nowrap"
     >
       hello
     </div>
@@ -196,7 +196,7 @@ exports[`renders the Stack with flexWrap="wrap" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column"
     >
       hello
     </div>
@@ -208,7 +208,7 @@ exports[`renders the Stack with justifyContent="center" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--justify-center ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--justify-center"
     >
       hello
     </div>
@@ -220,7 +220,7 @@ exports[`renders the Stack with justifyContent="flex-end" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--justify-flex-end ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--justify-flex-end"
     >
       hello
     </div>
@@ -232,7 +232,7 @@ exports[`renders the Stack with justifyContent="flex-start" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--justify-flex-start ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--justify-flex-start"
     >
       hello
     </div>
@@ -244,7 +244,7 @@ exports[`renders the Stack with justifyContent="space-around" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--justify-space-around ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--justify-space-around"
     >
       hello
     </div>
@@ -256,7 +256,7 @@ exports[`renders the Stack with justifyContent="space-between" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--justify-space-between ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--justify-space-between"
     >
       hello
     </div>
@@ -268,7 +268,7 @@ exports[`renders the Stack with justifyContent="space-evenly" 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--justify-space-evenly ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-stack--justify-space-evenly"
     >
       hello
     </div>
@@ -280,7 +280,7 @@ exports[`renders the Stack with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column"
     >
       hello
     </div>
@@ -292,7 +292,7 @@ exports[`renders the Stack with spacing={2} 1`] = `
 <body>
   <div>
     <div
-      class="ds-gap-2 ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-gap-2"
     >
       hello
     </div>
@@ -304,7 +304,7 @@ exports[`renders the Stack with spacing={4} 1`] = `
 <body>
   <div>
     <div
-      class="ds-gap-4 ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-gap-4"
     >
       hello
     </div>
@@ -316,7 +316,7 @@ exports[`renders the Stack with spacing={6} 1`] = `
 <body>
   <div>
     <div
-      class="ds-gap-6 ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-gap-6"
     >
       hello
     </div>
@@ -328,7 +328,7 @@ exports[`renders the Stack with spacing={8} 1`] = `
 <body>
   <div>
     <div
-      class="ds-gap-8 ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-gap-8"
     >
       hello
     </div>
@@ -340,7 +340,7 @@ exports[`renders the Stack with spacing={10} 1`] = `
 <body>
   <div>
     <div
-      class="ds-gap-10 ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-gap-10"
     >
       hello
     </div>
@@ -352,7 +352,7 @@ exports[`renders the Stack with spacing={12} 1`] = `
 <body>
   <div>
     <div
-      class="ds-gap-12 ds-stack--column ds-stack"
+      class="ds-stack ds-stack--column ds-gap-12"
     >
       hello
     </div>

package/src/StepNav/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the StepNav with dense props 1`] = `
 <body>
   <div>
     <div
-      class="ds-step-nav--dense ds-step-nav"
+      class="ds-step-nav ds-step-nav--dense"
     >
       hello
     </div>

package/src/StepNavAccordion/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the StepNavAccordion with no props 1`] = `
 <body>

package/src/StepNavAccordionContent/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the StepNavAccordionContent with no props 1`] = `
 <body>

package/src/StepNavAccordionHeadingText/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the StepNavAccordionHeadingText with closeLabel prop 1`] = `
 <body>

package/src/StepNavAccordionHeadingTitle/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the StepNavAccordionHeadingTitle with no props 1`] = `
 <body>

package/src/StepNavAccordionSummary/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the StepNavAccordionSummary with no props 1`] = `
 <body>

package/src/StepNavAccordionSummaryHeading/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the StepNavAccordionSummaryHeading with element="h3" size = "sm" prop 1`] = `
 <body>
   <div>
     <h3
-      class="ds-step-nav__accordion__heading--sm ds-step-nav__accordion__heading"
+      class="ds-step-nav__accordion__heading ds-step-nav__accordion__heading--sm"
     >
       hello
     </h3>
@@ -16,7 +16,7 @@ exports[`renders the StepNavAccordionSummaryHeading with element="h4" size = "md
 <body>
   <div>
     <h4
-      class="ds-step-nav__accordion__heading--md ds-step-nav__accordion__heading"
+      class="ds-step-nav__accordion__heading ds-step-nav__accordion__heading--md"
     >
       hello
     </h4>
@@ -40,7 +40,7 @@ exports[`renders the StepNavAccordionSummaryHeading with size = "md" prop 1`] =
 <body>
   <div>
     <h3
-      class="ds-step-nav__accordion__heading--md ds-step-nav__accordion__heading"
+      class="ds-step-nav__accordion__heading ds-step-nav__accordion__heading--md"
     >
       hello
     </h3>
@@ -52,7 +52,7 @@ exports[`renders the StepNavAccordionSummaryHeading with size = "sm" prop 1`] =
 <body>
   <div>
     <h4
-      class="ds-step-nav__accordion__heading--sm ds-step-nav__accordion__heading"
+      class="ds-step-nav__accordion__heading ds-step-nav__accordion__heading--sm"
     >
       hello
     </h4>

package/src/StepNavCircleNumber/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the StepNavCircleNumber with border false props 1`] = `
 <body>
   <div>
     <span
-      class="ds-step-nav__circle--number__no-border ds-step-nav__circle ds-step-nav__circle--number"
+      class="ds-step-nav__circle ds-step-nav__circle--number ds-step-nav__circle--number__no-border"
     >
       <span
         class="ds-step-nav__circle-inner"

package/src/StepNavControls/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the StepNavControls with no props 1`] = `
 <body>

package/src/StepNavList/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the StepNavList with no props 1`] = `
 <body>

package/src/StepNavListItem/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the StepNavListItem with no props 1`] = `
 <body>

package/src/SummaryList/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the SummaryList with no props 1`] = `
 <body>

package/src/SummaryListItem/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the SummaryListItem with no props 1`] = `
 <body>

package/src/SummaryListItemAction/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the SummaryListItemAction with no props 1`] = `
 <body>

package/src/SummaryListItemKey/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the SummaryListItemKey with no props 1`] = `
 <body>
   <div>
     <dt
-      class="ds-summary-list__key"
+      class="ds-summary-list__key ds-summary-list__key--sm-3"
     >
       hello
     </dt>

package/src/SummaryListItemValue/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the SummaryListItemValue with no props 1`] = `
 <body>

package/src/SvgIcon/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the SvgIcon with no props 1`] = `
 <body>
@@ -18,7 +18,7 @@ exports[`renders the SvgIcon with prop color=base-content 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--base-content ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--base-content"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -33,7 +33,7 @@ exports[`renders the SvgIcon with prop color=dark 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--dark ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--dark"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -48,7 +48,7 @@ exports[`renders the SvgIcon with prop color=error 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--error ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--error"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -63,7 +63,7 @@ exports[`renders the SvgIcon with prop color=error and size= xl 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -78,7 +78,7 @@ exports[`renders the SvgIcon with prop color=focus 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--focus ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--focus"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -93,7 +93,7 @@ exports[`renders the SvgIcon with prop color=gray 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--gray ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--gray"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -108,7 +108,7 @@ exports[`renders the SvgIcon with prop color=primary 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--primary ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--primary"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -123,7 +123,7 @@ exports[`renders the SvgIcon with prop color=success 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--success ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--success"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -138,7 +138,7 @@ exports[`renders the SvgIcon with prop color=warning 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--warning ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--warning"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -153,7 +153,7 @@ exports[`renders the SvgIcon with prop color=warning and size=sm 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -168,7 +168,7 @@ exports[`renders the SvgIcon with prop color=white 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--white ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--white"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -183,7 +183,7 @@ exports[`renders the SvgIcon with prop size=lg 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--lg ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--lg"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -198,7 +198,7 @@ exports[`renders the SvgIcon with prop size=md 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--md ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--md"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -213,7 +213,7 @@ exports[`renders the SvgIcon with prop size=sm 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--sm ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--sm"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -228,7 +228,7 @@ exports[`renders the SvgIcon with prop size=xl 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--xl ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--xl"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -243,7 +243,7 @@ exports[`renders the SvgIcon with prop size=xs 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-svg-icon--xs ds-svg-icon"
+      class="ds-svg-icon ds-svg-icon--xs"
       focusable="false"
       viewBox="0 0 24 24"
     >

package/src/Table/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,12 +1,14 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Table with dark headerVariant prop 1`] = `
 <body>
   <div>
     <table
-      class="ds-table--dark ds-table"
+      class="ds-table ds-table--dark"
     >
-      hello
+      <tbody
+        class="ds-table__body"
+      />
     </table>
   </div>
 </body>
@@ -16,9 +18,11 @@ exports[`renders the Table with light headerVariant prop 1`] = `
 <body>
   <div>
     <table
-      class="ds-table--light ds-table"
+      class="ds-table ds-table--light"
     >
-      hello
+      <tbody
+        class="ds-table__body"
+      />
     </table>
   </div>
 </body>
@@ -30,7 +34,9 @@ exports[`renders the Table with no props 1`] = `
     <table
       class="ds-table"
     >
-      hello
+      <tbody
+        class="ds-table__body"
+      />
     </table>
   </div>
 </body>
@@ -40,9 +46,11 @@ exports[`renders the Table with zebra prop 1`] = `
 <body>
   <div>
     <table
-      class="ds-table--zebra ds-table"
+      class="ds-table ds-table--zebra"
     >
-      hello
+      <tbody
+        class="ds-table__body"
+      />
     </table>
   </div>
 </body>
@@ -52,9 +60,11 @@ exports[`renders the Table with zebra prop 2`] = `
 <body>
   <div>
     <table
-      class="ds-table--vertical-lines ds-table"
+      class="ds-table ds-table--vertical-lines"
     >
-      hello
+      <tbody
+        class="ds-table__body"
+      />
     </table>
   </div>
 </body>