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

@@ -1,17 +1,17 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CheckboxItem with \`disabled\` prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-checkboxes__item"
+      class=" ds-checkboxes__item"
     >
       <label
-        class="ds-checkboxes__label--disabled ds-checkboxes__label ds-label"
+        class=" ds-checkboxes__label ds-checkboxes__label--disabled ds-label"
       >
         hello
         <input
-          class="ds-checkboxes__input"
+          class=" ds-checkboxes__input"
           disabled=""
           type="checkbox"
           value=""
@@ -26,19 +26,19 @@ exports[`renders the CheckboxItem with \`divider\` prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-choice-divider-text"
+      class=" ds-choice-divider-text"
     >
       ή
     </div>
     <div
-      class="ds-checkboxes__item"
+      class=" ds-checkboxes__item"
     >
       <label
-        class="ds-checkboxes__label ds-label"
+        class=" ds-checkboxes__label ds-label"
       >
         hello
         <input
-          class="ds-checkboxes__input"
+          class=" ds-checkboxes__input"
           type="checkbox"
           value=""
         />
@@ -52,14 +52,14 @@ exports[`renders the CheckboxItem with \`name\` prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-checkboxes__item"
+      class=" ds-checkboxes__item"
     >
       <label
-        class="ds-checkboxes__label ds-label"
+        class=" ds-checkboxes__label ds-label"
       >
         hello
         <input
-          class="ds-checkboxes__input"
+          class=" ds-checkboxes__input"
           name="example"
           type="checkbox"
           value=""
@@ -74,14 +74,14 @@ exports[`renders the CheckboxItem with \`value\` \`name\` and \`disabled\` props
 <body>
   <div>
     <div
-      class="ds-checkboxes__item"
+      class=" ds-checkboxes__item"
     >
       <label
-        class="ds-checkboxes__label--disabled ds-checkboxes__label ds-label"
+        class=" ds-checkboxes__label ds-checkboxes__label--disabled ds-label"
       >
         hello
         <input
-          class="ds-checkboxes__input"
+          class=" ds-checkboxes__input"
           disabled=""
           name="example"
           type="checkbox"
@@ -97,19 +97,19 @@ exports[`renders the CheckboxItem with \`value\` \`name\`, \`divider\` and \`dis
 <body>
   <div>
     <div
-      class="ds-choice-divider-text"
+      class=" ds-choice-divider-text"
     >
       ή
     </div>
     <div
-      class="ds-checkboxes__item"
+      class=" ds-checkboxes__item"
     >
       <label
-        class="ds-checkboxes__label--disabled ds-checkboxes__label ds-label"
+        class=" ds-checkboxes__label ds-checkboxes__label--disabled ds-label"
       >
         hello
         <input
-          class="ds-checkboxes__input"
+          class=" ds-checkboxes__input"
           disabled=""
           name="example"
           type="checkbox"
@@ -125,14 +125,14 @@ exports[`renders the CheckboxItem with \`value\` prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-checkboxes__item"
+      class=" ds-checkboxes__item"
     >
       <label
-        class="ds-checkboxes__label ds-label"
+        class=" ds-checkboxes__label ds-label"
       >
         hello
         <input
-          class="ds-checkboxes__input"
+          class=" ds-checkboxes__input"
           type="checkbox"
           value="example"
         />
@@ -146,14 +146,14 @@ exports[`renders the CheckboxItem with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-checkboxes__item"
+      class=" ds-checkboxes__item"
     >
       <label
-        class="ds-checkboxes__label ds-label"
+        class=" ds-checkboxes__label ds-label"
       >
         hello
         <input
-          class="ds-checkboxes__input"
+          class=" ds-checkboxes__input"
           type="checkbox"
           value=""
         />

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

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

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

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

package/src/ChoiceDividerText/__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 ChoiceDivider with text prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-choice-divider-text"
+      class=" ds-choice-divider-text"
     >
       ή
     </div>

package/src/CircularProgress/__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 CircularProgress 1`] = `
 <body>
   <div>
     <svg
       aria-hidden="true"
-      class="ds-circular-progress--md ds-circular-progress"
+      class=" ds-circular-progress ds-circular-progress--md"
       focusable="false"
       viewBox="0 0 200 200"
     >
@@ -27,7 +27,7 @@ exports[`renders the CircularProgress with color=secondary and size lg props 1`]
   <div>
     <svg
       aria-hidden="true"
-      class="ds-circular-progress--secondary ds-circular-progress--lg ds-circular-progress"
+      class=" ds-circular-progress ds-circular-progress--secondary ds-circular-progress--lg"
       focusable="false"
       viewBox="0 0 200 200"
     >
@@ -49,7 +49,7 @@ exports[`renders the CircularProgress with color=secondary and size sm props 1`]
   <div>
     <svg
       aria-hidden="true"
-      class="ds-circular-progress--secondary ds-circular-progress--sm ds-circular-progress"
+      class=" ds-circular-progress ds-circular-progress--secondary ds-circular-progress--sm"
       focusable="false"
       viewBox="0 0 200 200"
     >
@@ -71,7 +71,7 @@ exports[`renders the CircularProgress with color=secondary prop 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-circular-progress--secondary ds-circular-progress--md ds-circular-progress"
+      class=" ds-circular-progress ds-circular-progress--secondary ds-circular-progress--md"
       focusable="false"
       viewBox="0 0 200 200"
     >
@@ -93,7 +93,7 @@ exports[`renders the CircularProgress with size lg 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-circular-progress--lg ds-circular-progress"
+      class=" ds-circular-progress ds-circular-progress--lg"
       focusable="false"
       viewBox="0 0 200 200"
     >
@@ -115,7 +115,7 @@ exports[`renders the CircularProgress with size sm 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-circular-progress--sm ds-circular-progress"
+      class=" ds-circular-progress ds-circular-progress--sm"
       focusable="false"
       viewBox="0 0 200 200"
     >

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

@@ -1,18 +1,21 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CloseButton 1`] = `
 <body>
   <div>
     <button
-      class="ds-close-btn ds-link ds-print-hidden"
+      class="ds-print-hidden ds-close-btn ds-link"
     >
       <svg
         aria-hidden="true"
+        as="svg"
         class="ds-svg-icon--close ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <polygon
+          as="polygon"
+          class=""
           points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
         />
       </svg>
@@ -25,16 +28,19 @@ exports[`renders the CloseButton with label prop 1`] = `
 <body>
   <div>
     <button
-      class="ds-close-btn ds-link ds-print-hidden"
+      class="ds-print-hidden ds-close-btn ds-link"
     >
       Κλείσιμο
       <svg
         aria-hidden="true"
+        as="svg"
         class="ds-svg-icon--close ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <polygon
+          as="polygon"
+          class=""
           points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
         />
       </svg>

package/src/Code/__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 Code with color="attribute" prop 1`] = `
 <body>
   <div>
     <code
-      class="ds-code--attr ds-code"
+      class=" ds-code ds-code--attr"
     >
       hello
     </code>
@@ -16,7 +16,7 @@ exports[`renders the Code with color="info" prop 1`] = `
 <body>
   <div>
     <code
-      class="ds-code"
+      class=" ds-code"
     >
       hello
     </code>
@@ -28,7 +28,7 @@ exports[`renders the Code with color="keyword" prop 1`] = `
 <body>
   <div>
     <code
-      class="ds-code--keyword ds-code"
+      class=" ds-code ds-code--keyword"
     >
       hello
     </code>
@@ -40,7 +40,7 @@ exports[`renders the Code with color="name" prop 1`] = `
 <body>
   <div>
     <code
-      class="ds-code--name ds-code"
+      class=" ds-code ds-code--name"
     >
       hello
     </code>
@@ -52,7 +52,7 @@ exports[`renders the Code with no props 1`] = `
 <body>
   <div>
     <code
-      class="ds-code"
+      class=" ds-code"
     >
       hello
     </code>

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

@@ -1,18 +1,12 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-exports[`renders the CodeBlock with no props 1`] = `
+exports[`renders the CodeBlockContainer with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-code-block__container"
+      class=" ds-code-block__container"
     >
-      <pre>
-        <code
-          class="ds-code-block__content"
-        >
-          hello
-        </code>
-      </pre>
+      hello
     </div>
   </div>
 </body>

package/src/CodeBlockContent/__snapshots__/index.test.tsx.snap ADDED Viewed

@@ -0,0 +1,17 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+exports[`renders the CodeBlockContent with no props 1`] = `
+<body>
+  <div>
+    <pre
+      class=" undefined"
+    >
+      <code
+        class=" ds-code-block__content"
+      >
+        hello
+      </code>
+    </pre>
+  </div>
+</body>
+`;

package/src/CodeBlockHeader/__snapshots__/index.test.tsx.snap ADDED Viewed

@@ -0,0 +1,13 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+exports[`renders the CodeBlockHeader with no props 1`] = `
+<body>
+  <div>
+    <div
+      class=" ds-code-block__header ds-code-block__header--start"
+    >
+      hello
+    </div>
+  </div>
+</body>
+`;

package/src/Container/__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 Container with cols={false} prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-container--full-width ds-container"
+      class=" ds-container ds-container--full-width"
     >
       hello
     </div>
@@ -16,7 +16,7 @@ exports[`renders the Container with fullWidth prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-container--full-width ds-container ds-gap-sm-12 ds-grid"
+      class=" ds-container ds-container--full-width ds-grid ds-gap-sm-12"
     >
       hello
     </div>
@@ -28,7 +28,7 @@ exports[`renders the Container with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-container ds-gap-sm-12 ds-grid"
+      class=" ds-container ds-grid ds-gap-sm-12"
     >
       hello
     </div>

package/src/CopyToClipboardContainer/__snapshots__/index.spec.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 CopyToClipboardContainer with dense=true 1`] = `
 <body>
   <div>
     <div
-      class="ds-copy-to-clipboard"
+      class=" ds-copy-to-clipboard"
     >
       <div
-        class="ds-copy-to-clipboard__tooltip--right ds-copy-to-clipboard__tooltip--dense ds-copy-to-clipboard__tooltip"
+        class=" ds-copy-to-clipboard__tooltip ds-copy-to-clipboard__tooltip--dense ds-copy-to-clipboard__tooltip--right"
       >
         Text copied!
       </div>
@@ -20,10 +20,10 @@ exports[`renders the CopyToClipboardContainer with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-copy-to-clipboard"
+      class=" ds-copy-to-clipboard"
     >
       <div
-        class="ds-copy-to-clipboard__tooltip--right ds-copy-to-clipboard__tooltip"
+        class=" ds-copy-to-clipboard__tooltip ds-copy-to-clipboard__tooltip--right"
       >
         Text copied!
       </div>
@@ -36,10 +36,10 @@ exports[`renders the CopyToClipboardContainer with variant=banner 1`] = `
 <body>
   <div>
     <div
-      class="ds-copy-to-clipboard"
+      class=" ds-copy-to-clipboard"
     >
       <div
-        class="ds-copy-to-clipboard__banner"
+        class=" ds-copy-to-clipboard__banner"
       >
         Text copied!
       </div>
@@ -52,10 +52,10 @@ exports[`renders the CopyToClipboardContainer with variant=tooltip 1`] = `
 <body>
   <div>
     <div
-      class="ds-copy-to-clipboard"
+      class=" ds-copy-to-clipboard"
     >
       <div
-        class="ds-copy-to-clipboard__tooltip--right ds-copy-to-clipboard__tooltip"
+        class=" ds-copy-to-clipboard__tooltip ds-copy-to-clipboard__tooltip--right"
       >
         Text copied!
       </div>

package/src/CopyToClipboardMessage/__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 CopyToClipboardMessage with banner copied prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-copy-to-clipboard__message"
+      class=" ds-copy-to-clipboard__message"
     >
       Text copied!
     </div>
@@ -16,7 +16,7 @@ exports[`renders the CopyToClipboardMessage with banner prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-copy-to-clipboard--hidden ds-copy-to-clipboard__message"
+      class=" ds-copy-to-clipboard__message ds-copy-to-clipboard--hidden"
     >
       Text copied!
     </div>
@@ -28,7 +28,7 @@ exports[`renders the CopyToClipboardMessage with copied prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-copy-to-clipboard__message"
+      class=" ds-copy-to-clipboard__message"
     >
       Text copied!
     </div>
@@ -40,7 +40,7 @@ exports[`renders the CopyToClipboardMessage with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-copy-to-clipboard--hidden ds-copy-to-clipboard__message"
+      class=" ds-copy-to-clipboard__message ds-copy-to-clipboard--hidden"
     >
       Text copied!
     </div>
@@ -52,7 +52,7 @@ exports[`renders the CopyToClipboardMessage with tooltip and copied prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-copy-to-clipboard__message"
+      class=" ds-copy-to-clipboard__message"
     >
       Text copied!
     </div>
@@ -64,7 +64,7 @@ exports[`renders the CopyToClipboardMessage with tooltip prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-copy-to-clipboard--hidden ds-copy-to-clipboard__message"
+      class=" ds-copy-to-clipboard__message ds-copy-to-clipboard--hidden"
     >
       Text copied!
     </div>

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

package/src/DateInputContainer/__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 DateInputContainer with dense prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-date-input--dense ds-date-input"
+      class=" ds-date-input ds-date-input--dense"
     >
       hello
     </div>
@@ -16,7 +16,7 @@ exports[`renders the DateInputContainer with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-date-input"
+      class=" ds-date-input"
     >
       hello
     </div>

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

@@ -1,17 +1,17 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the DateInputItem with name and width===4 props 1`] = `
 <body>
   <div>
     <div
-      class="ds-date-input__item"
+      class=" ds-date-input__item"
     >
       <label
-        class="ds-label"
+        class=" ds-label"
       >
         hello
         <input
-          class="ds-input--width-4-char ds-input"
+          class=" ds-input ds-input--width-4-char"
           name="date-input"
           type="text"
         />
@@ -25,14 +25,14 @@ exports[`renders the DateInputItem with name prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-date-input__item"
+      class=" ds-date-input__item"
     >
       <label
-        class="ds-label"
+        class=" ds-label"
       >
         hello
         <input
-          class="ds-input--width-2-char ds-input"
+          class=" ds-input ds-input--width-2-char"
           name="date-input"
           type="text"
         />
@@ -46,14 +46,14 @@ exports[`renders the DateInputItem with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-date-input__item"
+      class=" ds-date-input__item"
     >
       <label
-        class="ds-label"
+        class=" ds-label"
       >
         hello
         <input
-          class="ds-input--width-2-char ds-input"
+          class=" ds-input ds-input--width-2-char"
           type="text"
         />
       </label>

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