npm - @digigov/react-core - Versions diffs - 2.0.0-6e3977bc → 2.0.0-834daea4 - Mend

@digigov/react-core 2.0.0-6e3977bc → 2.0.0-834daea4

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 (292) hide show

package/src/PageTitleHeading/__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 PageTitleHeading with no props 1`] = `
 <body>
   <div>
     <h1
-      class="ds-heading-xl"
+      class=" ds-heading-xl"
     >
       hello
     </h1>
@@ -16,7 +16,7 @@ exports[`renders the PageTitleHeading with size=l 1`] = `
 <body>
   <div>
     <h2
-      class="ds-heading-lg"
+      class=" ds-heading-lg"
     >
       hello
     </h2>
@@ -28,7 +28,7 @@ exports[`renders the PageTitleHeading with size=m 1`] = `
 <body>
   <div>
     <h3
-      class="ds-heading-md"
+      class=" ds-heading-md"
     >
       hello
     </h3>
@@ -40,7 +40,7 @@ exports[`renders the PageTitleHeading with size=s 1`] = `
 <body>
   <div>
     <h4
-      class="ds-heading-sm"
+      class=" ds-heading-sm"
     >
       hello
     </h4>
@@ -52,7 +52,7 @@ exports[`renders the PageTitleHeading with size=xl 1`] = `
 <body>
   <div>
     <h1
-      class="ds-heading-xl"
+      class=" ds-heading-xl"
     >
       hello
     </h1>

package/src/Pagination/__snapshots__/index.spec.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 Pagination with no props 1`] = `
 <body>
   <div>
     <nav
-      class="ds-pagination"
+      class=" ds-pagination"
     >
       hello
     </nav>
@@ -16,7 +16,7 @@ exports[`renders the Pagination with size=sm 1`] = `
 <body>
   <div>
     <nav
-      class="ds-pagination--sm ds-pagination"
+      class=" ds-pagination ds-pagination--sm"
     >
       hello
     </nav>

package/src/PaginationLabelContainer/__snapshots__/index.spec.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 PaginationLabelContainer with no props 1`] = `
 <body>
   <div>
     <p
-      class="ds-pagination__label"
+      class=" ds-pagination__label"
     >
       hello
     </p>

package/src/PaginationList/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -1,18 +1,18 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the PaginationList with PaginationListItem as a child 1`] = `
 <body>
   <div>
     <ul
-      class="ds-pagination__list"
+      class=" ds-pagination__list"
     >
       <li
-        class="ds-pagination__item"
+        class=" ds-pagination__item"
       >
         hello there!
       </li>
       <li
-        class="ds-pagination__item"
+        class=" ds-pagination__item"
       >
         hello world!
       </li>
@@ -25,7 +25,7 @@ exports[`renders the PaginationList with no props 1`] = `
 <body>
   <div>
     <ul
-      class="ds-pagination__list"
+      class=" ds-pagination__list"
     >
       hello
     </ul>

package/src/PaginationListItem/__snapshots__/index.spec.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 PaginationListItem with active=true 1`] = `
 <body>
   <div>
     <li
-      class="ds-pagination__item"
+      class=" ds-pagination__item"
     >
       hello
     </li>
@@ -16,7 +16,7 @@ exports[`renders the PaginationListItem with active=true and variant=dots 1`] =
 <body>
   <div>
     <li
-      class="ds-pagination__item--dots ds-pagination__item"
+      class=" ds-pagination__item ds-pagination__item--dots"
     >
       ...
     </li>
@@ -28,7 +28,7 @@ exports[`renders the PaginationListItem with currentPage 1`] = `
 <body>
   <div>
     <li
-      class="ds-pagination__item--current ds-pagination__item"
+      class=" ds-pagination__item ds-pagination__item--current"
     >
       hello
     </li>
@@ -40,7 +40,7 @@ exports[`renders the PaginationListItem with no props 1`] = `
 <body>
   <div>
     <li
-      class="ds-pagination__item"
+      class=" ds-pagination__item"
     >
       hello
     </li>
@@ -52,7 +52,7 @@ exports[`renders the PaginationListItem with variant=dots 1`] = `
 <body>
   <div>
     <li
-      class="ds-pagination__item--dots ds-pagination__item"
+      class=" ds-pagination__item ds-pagination__item--dots"
     >
       ...
     </li>

package/src/Panel/__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 Panel with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-panel--success ds-panel"
+      class=" ds-panel ds-panel--success"
     >
       hello
     </div>

package/src/PanelBody/__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 PanelBody with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-panel__body"
+      class=" ds-panel__body"
     >
       hello
     </div>

package/src/PanelTitle/__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 PanelTitle with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-panel__body"
+      class=" ds-panel__body"
     >
       hello
     </div>

package/src/Paragraph/__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 Paragraph with fontSize=14 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-14"
+      class=" ds-body ds-!-font-size-14"
     >
       hello
     </p>
@@ -16,7 +16,7 @@ exports[`renders the Paragraph with fontSize=16 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-16"
+      class=" ds-body ds-!-font-size-16"
     >
       hello
     </p>
@@ -28,7 +28,7 @@ exports[`renders the Paragraph with fontSize=19 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-19"
+      class=" ds-body ds-!-font-size-19"
     >
       hello
     </p>
@@ -40,7 +40,7 @@ exports[`renders the Paragraph with fontSize=24 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-24"
+      class=" ds-body ds-!-font-size-24"
     >
       hello
     </p>
@@ -52,7 +52,7 @@ exports[`renders the Paragraph with fontSize=30 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-30"
+      class=" ds-body ds-!-font-size-30"
     >
       hello
     </p>
@@ -64,7 +64,7 @@ exports[`renders the Paragraph with fontSize=36 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-36"
+      class=" ds-body ds-!-font-size-36"
     >
       hello
     </p>
@@ -76,7 +76,7 @@ exports[`renders the Paragraph with fontSize=48 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-48"
+      class=" ds-body ds-!-font-size-48"
     >
       hello
     </p>
@@ -88,7 +88,7 @@ exports[`renders the Paragraph with fontSize=72 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-72"
+      class=" ds-body ds-!-font-size-72"
     >
       hello
     </p>
@@ -100,7 +100,7 @@ exports[`renders the Paragraph with fontWeight=bold 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-weight-bold"
+      class=" ds-body ds-!-font-weight-bold"
     >
       hello
     </p>
@@ -112,7 +112,7 @@ exports[`renders the Paragraph with fontWeight=bold 2`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-weight-bold"
+      class=" ds-body ds-!-font-weight-bold"
     >
       hello
     </p>
@@ -124,7 +124,7 @@ exports[`renders the Paragraph with fontWeight=regular 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-weight-regular"
+      class=" ds-body ds-!-font-weight-regular"
     >
       hello
     </p>
@@ -136,7 +136,7 @@ exports[`renders the Paragraph with no props 1`] = `
 <body>
   <div>
     <p
-      class="ds-body"
+      class=" ds-body"
     >
       hello
     </p>
@@ -148,7 +148,7 @@ exports[`renders the Paragraph with size=lead 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--lg ds-body"
+      class=" ds-body ds-body--lg"
     >
       hello
     </p>
@@ -160,7 +160,7 @@ exports[`renders the Paragraph with size=lead and fontSize=14 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--lg ds-body ds-!-font-size-14"
+      class=" ds-body ds-body--lg ds-!-font-size-14"
     >
       hello
     </p>
@@ -172,7 +172,7 @@ exports[`renders the Paragraph with size=lead and fontSize=16 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--lg ds-body ds-!-font-size-16"
+      class=" ds-body ds-body--lg ds-!-font-size-16"
     >
       hello
     </p>
@@ -184,7 +184,7 @@ exports[`renders the Paragraph with size=lead and fontSize=19 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--lg ds-body ds-!-font-size-19"
+      class=" ds-body ds-body--lg ds-!-font-size-19"
     >
       hello
     </p>
@@ -196,7 +196,7 @@ exports[`renders the Paragraph with size=lead and fontSize=24 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--lg ds-body ds-!-font-size-14"
+      class=" ds-body ds-body--lg ds-!-font-size-14"
     >
       hello
     </p>
@@ -208,7 +208,7 @@ exports[`renders the Paragraph with size=lead and fontSize=30 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--lg ds-body ds-!-font-size-30"
+      class=" ds-body ds-body--lg ds-!-font-size-30"
     >
       hello
     </p>
@@ -220,7 +220,7 @@ exports[`renders the Paragraph with size=lead and fontSize=36 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--lg ds-body ds-!-font-size-36"
+      class=" ds-body ds-body--lg ds-!-font-size-36"
     >
       hello
     </p>
@@ -232,7 +232,7 @@ exports[`renders the Paragraph with size=lead and fontSize=48 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--lg ds-body ds-!-font-size-48"
+      class=" ds-body ds-body--lg ds-!-font-size-48"
     >
       hello
     </p>
@@ -244,7 +244,7 @@ exports[`renders the Paragraph with size=lead and fontSize=72 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--lg ds-body ds-!-font-size-72"
+      class=" ds-body ds-body--lg ds-!-font-size-72"
     >
       hello
     </p>
@@ -256,7 +256,7 @@ exports[`renders the Paragraph with size=normal 1`] = `
 <body>
   <div>
     <p
-      class="ds-body"
+      class=" ds-body"
     >
       hello
     </p>
@@ -268,7 +268,7 @@ exports[`renders the Paragraph with size=normal and fontSize=14 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-14"
+      class=" ds-body ds-!-font-size-14"
     >
       hello
     </p>
@@ -280,7 +280,7 @@ exports[`renders the Paragraph with size=normal and fontSize=16 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-16"
+      class=" ds-body ds-!-font-size-16"
     >
       hello
     </p>
@@ -292,7 +292,7 @@ exports[`renders the Paragraph with size=normal and fontSize=19 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-19"
+      class=" ds-body ds-!-font-size-19"
     >
       hello
     </p>
@@ -304,7 +304,7 @@ exports[`renders the Paragraph with size=normal and fontSize=24 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-14"
+      class=" ds-body ds-!-font-size-14"
     >
       hello
     </p>
@@ -316,7 +316,7 @@ exports[`renders the Paragraph with size=normal and fontSize=30 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-30"
+      class=" ds-body ds-!-font-size-30"
     >
       hello
     </p>
@@ -328,7 +328,7 @@ exports[`renders the Paragraph with size=normal and fontSize=36 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-36"
+      class=" ds-body ds-!-font-size-36"
     >
       hello
     </p>
@@ -340,7 +340,7 @@ exports[`renders the Paragraph with size=normal and fontSize=48 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-48"
+      class=" ds-body ds-!-font-size-48"
     >
       hello
     </p>
@@ -352,7 +352,7 @@ exports[`renders the Paragraph with size=normal and fontSize=72 1`] = `
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-size-72"
+      class=" ds-body ds-!-font-size-72"
     >
       hello
     </p>
@@ -364,7 +364,7 @@ exports[`renders the Paragraph with size=normal, fontSize=72 and fontWeight="bol
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-weight-bold ds-!-font-size-72"
+      class=" ds-body ds-!-font-size-72 ds-!-font-weight-bold"
     >
       hello
     </p>
@@ -376,7 +376,7 @@ exports[`renders the Paragraph with size=normal, fontSize=72 and fontWeight="reg
 <body>
   <div>
     <p
-      class="ds-body ds-!-font-weight-regular ds-!-font-size-72"
+      class=" ds-body ds-!-font-size-72 ds-!-font-weight-regular"
     >
       hello
     </p>
@@ -388,7 +388,7 @@ exports[`renders the Paragraph with size=small 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--sm ds-body"
+      class=" ds-body ds-body--sm"
     >
       hello
     </p>
@@ -400,7 +400,7 @@ exports[`renders the Paragraph with size=small and fontSize=14 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--sm ds-body ds-!-font-size-14"
+      class=" ds-body ds-body--sm ds-!-font-size-14"
     >
       hello
     </p>
@@ -412,7 +412,7 @@ exports[`renders the Paragraph with size=small and fontSize=16 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--sm ds-body ds-!-font-size-16"
+      class=" ds-body ds-body--sm ds-!-font-size-16"
     >
       hello
     </p>
@@ -424,7 +424,7 @@ exports[`renders the Paragraph with size=small and fontSize=19 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--sm ds-body ds-!-font-size-19"
+      class=" ds-body ds-body--sm ds-!-font-size-19"
     >
       hello
     </p>
@@ -436,7 +436,7 @@ exports[`renders the Paragraph with size=small and fontSize=24 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--sm ds-body ds-!-font-size-14"
+      class=" ds-body ds-body--sm ds-!-font-size-14"
     >
       hello
     </p>
@@ -448,7 +448,7 @@ exports[`renders the Paragraph with size=small and fontSize=30 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--sm ds-body ds-!-font-size-30"
+      class=" ds-body ds-body--sm ds-!-font-size-30"
     >
       hello
     </p>
@@ -460,7 +460,7 @@ exports[`renders the Paragraph with size=small and fontSize=36 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--sm ds-body ds-!-font-size-36"
+      class=" ds-body ds-body--sm ds-!-font-size-36"
     >
       hello
     </p>
@@ -472,7 +472,7 @@ exports[`renders the Paragraph with size=small and fontSize=48 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--sm ds-body ds-!-font-size-48"
+      class=" ds-body ds-body--sm ds-!-font-size-48"
     >
       hello
     </p>
@@ -484,7 +484,7 @@ exports[`renders the Paragraph with size=small and fontSize=72 1`] = `
 <body>
   <div>
     <p
-      class="ds-body--sm ds-body ds-!-font-size-72"
+      class=" ds-body ds-body--sm ds-!-font-size-72"
     >
       hello
     </p>

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

@@ -1,13 +1,13 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the PhaseBanner with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-phase-banner"
+      class=" ds-phase-banner"
     >
       <p
-        class="ds-phase-banner__content"
+        class=" ds-phase-banner__content"
       >
         hello
       </p>
@@ -20,10 +20,10 @@ exports[`renders the PhaseBanner with underline prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-phase-banner--underline ds-phase-banner"
+      class=" ds-phase-banner ds-phase-banner--underline"
     >
       <p
-        class="ds-phase-banner__content"
+        class=" ds-phase-banner__content"
       >
         hello
       </p>

package/src/PhaseBannerHeaderContainer/__snapshots__/inde.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 PhaseBannerHeaderContainer with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-phase-banner-header"
+      class=" ds-phase-banner-header"
     >
       hello
     </div>

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

@@ -1,13 +1,13 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the PhaseBannerTag with no props 1`] = `
 <body>
   <div>
-    <strong
-      class="ds-phase-banner__tag"
+    <span
+      class=" ds-phase-banner__tag"
     >
       hello
-    </strong>
+    </span>
   </div>
 </body>
 `;

package/src/PhaseBannerText/__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 PhaseBannerText with no props 1`] = `
 <body>
   <div>
     <span
-      class="ds-phase-banner__message"
+      class=" ds-phase-banner__message"
     >
       hello
     </span>

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

@@ -1,16 +1,16 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Blockquote with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-radios__conditional"
+      class=" ds-radios__conditional"
     >
       <div
-        class="ds-field xs:ds-grid__col-span-12"
+        class=" ds-field xs:ds-grid__col-span-12"
       >
         <label
-          class="ds-label"
+          class=" ds-label"
         >
           hello
         </label>