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/Button/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,11 +1,11 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Button with ariaLabel prop 1`] = `
 <body>
   <div>
     <button
       aria-label="button for opening menu"
-      class="ds-btn-primary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary"
     >
       Menu
     </button>
@@ -17,7 +17,7 @@ exports[`renders the Button with color=primary 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary"
     >
       hello
     </button>
@@ -29,7 +29,7 @@ exports[`renders the Button with color=primary with disabled=true 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn--disabled ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary ds-btn--disabled"
       disabled=""
     >
       hello
@@ -42,7 +42,7 @@ exports[`renders the Button with color=secondary 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-secondary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-secondary"
     >
       hello
     </button>
@@ -54,7 +54,7 @@ exports[`renders the Button with color=secondary with disabled=true 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-secondary ds-btn--disabled ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-secondary ds-btn--disabled"
       disabled=""
     >
       hello
@@ -67,7 +67,7 @@ exports[`renders the Button with color=warning 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-warning ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-warning"
     >
       hello
     </button>
@@ -79,7 +79,7 @@ exports[`renders the Button with color=warning with disabled=true 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-warning ds-btn--disabled ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-warning ds-btn--disabled"
       disabled=""
     >
       hello
@@ -92,7 +92,7 @@ exports[`renders the Button with dense=true 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn ds-btn--dense ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn--dense ds-btn-primary"
     >
       hello
     </button>
@@ -104,7 +104,7 @@ exports[`renders the Button with disabled=false 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary"
     >
       hello
     </button>
@@ -116,7 +116,7 @@ exports[`renders the Button with disabled=true 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn--disabled ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary ds-btn--disabled"
       disabled=""
     >
       hello
@@ -129,7 +129,7 @@ exports[`renders the Button with no props 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary"
     >
       hello
     </button>
@@ -141,7 +141,7 @@ exports[`renders the Button with tabIndex prop 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary"
       tabindex="0"
     >
       Menu

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

package/src/ButtonLink/__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 Button with tabIndex prop 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-primary ds-btn"
+      class=" ds-btn ds-btn-primary"
       tabindex="0"
     >
       Menu
@@ -18,7 +18,7 @@ exports[`renders the ButtonLink with ariaLabel prop 1`] = `
   <div>
     <a
       aria-label="button for opening menu"
-      class="ds-btn-primary ds-btn"
+      class=" ds-btn ds-btn-primary"
     >
       Menu
     </a>
@@ -30,7 +30,7 @@ exports[`renders the ButtonLink with color=primary 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-primary ds-btn"
+      class=" ds-btn ds-btn-primary"
     >
       hello
     </a>
@@ -42,7 +42,7 @@ exports[`renders the ButtonLink with color=primary with href=# 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-primary ds-btn"
+      class=" ds-btn ds-btn-primary"
       href="#"
     >
       hello
@@ -55,7 +55,7 @@ exports[`renders the ButtonLink with color=secondary 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-secondary ds-btn"
+      class=" ds-btn ds-btn-secondary"
     >
       hello
     </a>
@@ -67,7 +67,7 @@ exports[`renders the ButtonLink with color=secondary with href=# 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-secondary ds-btn"
+      class=" ds-btn ds-btn-secondary"
       href="#"
     >
       hello
@@ -80,7 +80,7 @@ exports[`renders the ButtonLink with color=warning 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-warning ds-btn"
+      class=" ds-btn ds-btn-warning"
     >
       hello
     </a>
@@ -92,7 +92,7 @@ exports[`renders the ButtonLink with color=warning with href=# 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-warning ds-btn"
+      class=" ds-btn ds-btn-warning"
       href="#"
     >
       hello
@@ -105,7 +105,7 @@ exports[`renders the ButtonLink with disabled=false 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-primary ds-btn"
+      class=" ds-btn ds-btn-primary"
     >
       hello
     </a>
@@ -117,7 +117,7 @@ exports[`renders the ButtonLink with href=# 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-primary ds-btn"
+      class=" ds-btn ds-btn-primary"
       href="#"
     >
       hello
@@ -130,7 +130,7 @@ exports[`renders the ButtonLink with no props 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-primary ds-btn"
+      class=" ds-btn ds-btn-primary"
     >
       hello
     </a>

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

@@ -1,19 +1,22 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CallToAction with no props 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-cta ds-btn-primary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn-cta ds-btn ds-btn-primary"
     >
       hello
       <svg
         aria-hidden="true"
-        class="ds-svg-icon--chevron ds-svg-icon"
+        as="svg"
+        class="ds-btn-cta__icon ds-svg-icon--chevron ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <path
+          as="path"
+          class=""
           d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
         />
       </svg>

package/src/Card/__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 Card with callToActon props 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--cta ds-card"
+      class=" ds-card ds-card--cta"
     >
       <div
-        class="ds-card__body"
+        class=" ds-card__body"
       >
         hello
       </div>
@@ -20,10 +20,10 @@ exports[`renders the Card with dense props 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--dense ds-card"
+      class=" ds-card ds-card--dense"
     >
       <div
-        class="ds-card__body"
+        class=" ds-card__body"
       >
         hello
       </div>
@@ -36,10 +36,10 @@ exports[`renders the Card with dense" prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--dense ds-card"
+      class=" ds-card ds-card--dense"
     >
       <div
-        class="ds-card__body"
+        class=" ds-card__body"
       >
         hello
       </div>
@@ -52,10 +52,10 @@ exports[`renders the Card with fullHeight" prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--full-height ds-card"
+      class=" ds-card ds-card--full-height"
     >
       <div
-        class="ds-card__body"
+        class=" ds-card__body"
       >
         hello
       </div>
@@ -68,10 +68,10 @@ exports[`renders the Card with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-card"
+      class=" ds-card"
     >
       <div
-        class="ds-card__body"
+        class=" ds-card__body"
       >
         hello
       </div>
@@ -84,10 +84,10 @@ exports[`renders the Card with variant="border" and borderColor="dark" props 1`]
 <body>
   <div>
     <div
-      class="ds-card--border-dark ds-card--border ds-card"
+      class=" ds-card ds-card--border ds-card--border-dark"
     >
       <div
-        class="ds-card__body"
+        class=" ds-card__body"
       >
         hello
       </div>
@@ -100,10 +100,10 @@ exports[`renders the Card with variant="border" and borderColor="light" props 1`
 <body>
   <div>
     <div
-      class="ds-card--border-light ds-card--border ds-card"
+      class=" ds-card ds-card--border ds-card--border-light"
     >
       <div
-        class="ds-card__body"
+        class=" ds-card__body"
       >
         hello
       </div>
@@ -116,10 +116,10 @@ exports[`renders the Card with variant="border" props 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--border ds-card"
+      class=" ds-card ds-card--border"
     >
       <div
-        class="ds-card__body"
+        class=" ds-card__body"
       >
         hello
       </div>
@@ -132,10 +132,10 @@ exports[`renders the Card with variant="border-top" and borderColor="dark" callT
 <body>
   <div>
     <div
-      class="ds-card--border-top ds-card--border-dark ds-card--cta ds-card"
+      class=" ds-card ds-card--border-top ds-card--cta ds-card--border-dark"
     >
       <div
-        class="ds-card__body"
+        class=" ds-card__body"
       >
         hello
       </div>
@@ -148,10 +148,10 @@ exports[`renders the Card with variant="border-top" and borderColor="dark" props
 <body>
   <div>
     <div
-      class="ds-card--border-top ds-card--border-dark ds-card"
+      class=" ds-card ds-card--border-top ds-card--border-dark"
     >
       <div
-        class="ds-card__body"
+        class=" ds-card__body"
       >
         hello
       </div>
@@ -164,10 +164,10 @@ exports[`renders the Card with variant="border-top" and borderColor="light" prop
 <body>
   <div>
     <div
-      class="ds-card--border-top ds-card--border-light ds-card"
+      class=" ds-card ds-card--border-top ds-card--border-light"
     >
       <div
-        class="ds-card__body"
+        class=" ds-card__body"
       >
         hello
       </div>
@@ -180,10 +180,10 @@ exports[`renders the Card with variant="border-top" props 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--border-top ds-card"
+      class=" ds-card ds-card--border-top"
     >
       <div
-        class="ds-card__body"
+        class=" ds-card__body"
       >
         hello
       </div>
@@ -196,10 +196,10 @@ exports[`renders the Card with variant="divider" props 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--divider ds-card"
+      class=" ds-card ds-card--divider"
     >
       <div
-        class="ds-card__body"
+        class=" ds-card__body"
       >
         hello
       </div>

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

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

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

@@ -1,11 +1,11 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CardAction with no props 1`] = `
 <body>
   <div>
     <div
       aria-level="2"
-      class="ds-card__heading"
+      class=" ds-card__heading"
       role="heading"
     >
       hello

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

@@ -1,34 +1,34 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Checkbox with dense prop and CheckboxItems 1`] = `
 <body>
   <div>
     <div
-      class="ds-checkboxes--dense ds-checkboxes"
+      class=" ds-checkboxes ds-checkboxes--dense"
     >
       <div
-        class="ds-checkboxes__item"
+        class=" ds-checkboxes__item"
       >
         <label
-          class="ds-checkboxes__label ds-label"
+          class=" ds-checkboxes__label ds-label"
         >
           This is item 1
           <input
-            class="ds-checkboxes__input"
+            class=" ds-checkboxes__input"
             type="checkbox"
             value=""
           />
         </label>
       </div>
       <div
-        class="ds-checkboxes__item"
+        class=" ds-checkboxes__item"
       >
         <label
-          class="ds-checkboxes__label ds-label"
+          class=" ds-checkboxes__label ds-label"
         >
           This is item 2
           <input
-            class="ds-checkboxes__input"
+            class=" ds-checkboxes__input"
             type="checkbox"
             value=""
           />
@@ -43,31 +43,31 @@ exports[`renders the Checkbox with layout=horizontal and CheckboxItems 1`] = `
 <body>
   <div>
     <div
-      class="ds-checkboxes--horizontal ds-checkboxes"
+      class=" ds-checkboxes ds-checkboxes--horizontal"
     >
       <div
-        class="ds-checkboxes__item"
+        class=" ds-checkboxes__item"
       >
         <label
-          class="ds-checkboxes__label ds-label"
+          class=" ds-checkboxes__label ds-label"
         >
           This is item 1
           <input
-            class="ds-checkboxes__input"
+            class=" ds-checkboxes__input"
             type="checkbox"
             value=""
           />
         </label>
       </div>
       <div
-        class="ds-checkboxes__item"
+        class=" ds-checkboxes__item"
       >
         <label
-          class="ds-checkboxes__label ds-label"
+          class=" ds-checkboxes__label ds-label"
         >
           This is item 2
           <input
-            class="ds-checkboxes__input"
+            class=" ds-checkboxes__input"
             type="checkbox"
             value=""
           />
@@ -82,7 +82,7 @@ exports[`renders the Checkbox with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-checkboxes"
+      class=" ds-checkboxes"
     >
       hello
     </div>
@@ -94,17 +94,17 @@ exports[`renders the Checkbox with no props and CheckboxItem 1`] = `
 <body>
   <div>
     <div
-      class="ds-checkboxes"
+      class=" ds-checkboxes"
     >
       <div
-        class="ds-checkboxes__item"
+        class=" ds-checkboxes__item"
       >
         <label
-          class="ds-checkboxes__label ds-label"
+          class=" ds-checkboxes__label ds-label"
         >
           This is item 1
           <input
-            class="ds-checkboxes__input"
+            class=" ds-checkboxes__input"
             type="checkbox"
             value=""
           />

package/src/CheckboxConditional/__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-checkboxes__conditional"
+      class=" ds-checkboxes__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>