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/RadioContainer/__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 RadioContainer with dense prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-radios--dense ds-radios"
+      class=" ds-radios ds-radios--dense"
     >
       hello
     </div>
@@ -16,7 +16,7 @@ exports[`renders the RadioContainer with layout=horizontal 1`] = `
 <body>
   <div>
     <div
-      class="ds-radios--horizontal ds-radios"
+      class=" ds-radios ds-radios--horizontal"
     >
       hello
     </div>
@@ -28,7 +28,7 @@ exports[`renders the RadioContainer with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-radios"
+      class=" ds-radios"
     >
       hello
     </div>

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

@@ -1,22 +1,22 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the RadioItem  \`dividerText\` props 1`] = `
 <body>
   <div>
     <div
-      class="ds-choice-divider-text"
+      class=" ds-choice-divider-text"
     >
       ή
     </div>
     <div
-      class="ds-radios__item"
+      class=" ds-radios__item"
     >
       <label
-        class="ds-radios__label ds-label"
+        class=" ds-radios__label ds-label"
       >
         hello
         <input
-          class="ds-radios__input"
+          class=" ds-radios__input"
           type="radio"
           value=""
         />
@@ -30,14 +30,14 @@ exports[`renders the RadioItem  value props 1`] = `
 <body>
   <div>
     <div
-      class="ds-radios__item"
+      class=" ds-radios__item"
     >
       <label
-        class="ds-radios__label ds-label"
+        class=" ds-radios__label ds-label"
       >
         hello
         <input
-          class="ds-radios__input"
+          class=" ds-radios__input"
           type="radio"
           value="someValue"
         />
@@ -51,19 +51,19 @@ exports[`renders the RadioItem with \`name\`, \`disabled\`, \`dividerText\` and
 <body>
   <div>
     <div
-      class="ds-choice-divider-text"
+      class=" ds-choice-divider-text"
     >
       ή
     </div>
     <div
-      class="ds-radios__item"
+      class=" ds-radios__item"
     >
       <label
-        class="ds-radios__label--disabled ds-radios__label ds-label"
+        class=" ds-radios__label ds-radios__label--disabled ds-label"
       >
         hello
         <input
-          class="ds-radios__input"
+          class=" ds-radios__input"
           disabled=""
           name="name"
           type="radio"
@@ -79,14 +79,14 @@ exports[`renders the RadioItem with disabled prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-radios__item"
+      class=" ds-radios__item"
     >
       <label
-        class="ds-radios__label--disabled ds-radios__label ds-label"
+        class=" ds-radios__label ds-radios__label--disabled ds-label"
       >
         hello
         <input
-          class="ds-radios__input"
+          class=" ds-radios__input"
           disabled=""
           type="radio"
           value=""
@@ -101,14 +101,14 @@ exports[`renders the RadioItem with name  props 1`] = `
 <body>
   <div>
     <div
-      class="ds-radios__item"
+      class=" ds-radios__item"
     >
       <label
-        class="ds-radios__label ds-label"
+        class=" ds-radios__label ds-label"
       >
         hello
         <input
-          class="ds-radios__input"
+          class=" ds-radios__input"
           name="name"
           type="radio"
           value=""
@@ -123,14 +123,14 @@ exports[`renders the RadioItem with name and value props 1`] = `
 <body>
   <div>
     <div
-      class="ds-radios__item"
+      class=" ds-radios__item"
     >
       <label
-        class="ds-radios__label ds-label"
+        class=" ds-radios__label ds-label"
       >
         hello
         <input
-          class="ds-radios__input"
+          class=" ds-radios__input"
           name="name"
           type="radio"
           value="someValue"
@@ -145,14 +145,14 @@ exports[`renders the RadioItem with name disabled and value props 1`] = `
 <body>
   <div>
     <div
-      class="ds-radios__item"
+      class=" ds-radios__item"
     >
       <label
-        class="ds-radios__label--disabled ds-radios__label ds-label"
+        class=" ds-radios__label ds-radios__label--disabled ds-label"
       >
         hello
         <input
-          class="ds-radios__input"
+          class=" ds-radios__input"
           disabled=""
           name="name"
           type="radio"
@@ -168,14 +168,14 @@ exports[`renders the RadioItem with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-radios__item"
+      class=" ds-radios__item"
     >
       <label
-        class="ds-radios__label ds-label"
+        class=" ds-radios__label ds-label"
       >
         hello
         <input
-          class="ds-radios__input"
+          class=" ds-radios__input"
           type="radio"
           value=""
         />

package/src/ResultsActionBar/__snapshots__/indext.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 ResultsActionBar with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-results__action-bar"
+      class=" ds-results__action-bar"
     >
       hello
     </div>

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

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

@@ -1,14 +1,14 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the ResultsHeadingActions with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-results__actions"
+      class=" ds-results__actions"
     >
       hello
       <button
-        class="ds-link-filters ds-btn-primary ds-btn ds-print-hidden"
+        class="ds-print-hidden ds-link-filters ds-btn ds-btn-primary"
       >
         Φίλτρα
       </button>

package/src/SearchButton/__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 SearchButton with no prop 1`] = `
 <body>
   <div>
     <button
-      class="ds-input__search-btn ds-btn-primary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-input__search-btn ds-btn ds-btn-primary"
     >
       <svg
         aria-hidden="true"
+        as="svg"
         class="ds-svg-icon--search ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <path
+          as="path"
+          class=""
           d="M22,19.9l-5.4-5.4c0.9-1.3,1.4-2.8,1.4-4.5c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.7,0,3.2-0.5,4.5-1.4l5.4,5.4L22,19.9z M10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z"
         />
       </svg>

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

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

package/src/SectionBreak/__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 SectionBreak with no props 1`] = `
 <body>
   <div>
     <hr
-      class="ds-section-break--visible ds-section-break"
+      class=" ds-section-break ds-section-break--visible"
     />
   </div>
 </body>
@@ -14,7 +14,7 @@ exports[`renders the SectionBreak with size=l 1`] = `
 <body>
   <div>
     <hr
-      class="ds-section-break--lg ds-section-break--visible ds-section-break"
+      class=" ds-section-break ds-section-break--visible ds-section-break--lg"
     />
   </div>
 </body>
@@ -24,7 +24,7 @@ exports[`renders the SectionBreak with size=m 1`] = `
 <body>
   <div>
     <hr
-      class="ds-section-break--md ds-section-break--visible ds-section-break"
+      class=" ds-section-break ds-section-break--visible ds-section-break--md"
     />
   </div>
 </body>
@@ -34,7 +34,7 @@ exports[`renders the SectionBreak with size=xl 1`] = `
 <body>
   <div>
     <hr
-      class="ds-section-break--xl ds-section-break--visible ds-section-break"
+      class=" ds-section-break ds-section-break--visible ds-section-break--xl"
     />
   </div>
 </body>
@@ -44,7 +44,7 @@ exports[`renders the SectionBreak with visible=false 1`] = `
 <body>
   <div>
     <hr
-      class="ds-section-break"
+      class=" ds-section-break"
     />
   </div>
 </body>
@@ -54,7 +54,7 @@ exports[`renders the SectionBreak with visible=true 1`] = `
 <body>
   <div>
     <hr
-      class="ds-section-break--visible ds-section-break"
+      class=" ds-section-break ds-section-break--visible"
     />
   </div>
 </body>

package/src/SelectContainer/__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 SelectContainer with dense prop 1`] = `
 <body>
   <div>
     <select
-      class="ds-select--dense ds-select"
+      class=" ds-select ds-select--dense"
     >
       hello
     </select>
@@ -16,7 +16,7 @@ exports[`renders the SelectContainer with name and defaultValue 1`] = `
 <body>
   <div>
     <select
-      class="ds-select"
+      class=" ds-select"
       name="some-name"
     >
       hello
@@ -29,7 +29,7 @@ exports[`renders the SelectContainer with name props 1`] = `
 <body>
   <div>
     <select
-      class="ds-select"
+      class=" ds-select"
       name="some-name"
     >
       hello
@@ -42,7 +42,7 @@ exports[`renders the SelectContainer with no props 1`] = `
 <body>
   <div>
     <select
-      class="ds-select"
+      class=" ds-select"
     >
       hello
     </select>

package/src/SelectOption/__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 SelectOption with no props 1`] = `
 <body>
   <div>
     <option
-      class="ds-select__option"
+      class=" ds-select__option"
     >
       hello
     </option>
@@ -16,7 +16,7 @@ exports[`renders the SelectOption with value props 1`] = `
 <body>
   <div>
     <option
-      class="ds-select__option"
+      class=" ds-select__option"
       value="some-value"
     >
       hello

package/src/SingleCharacterInput/__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 SingleCharacterInput with name and error props 1`] = `
 <body>
   <div>
     <input
-      class="ds-single-character-input__item ds-input--error ds-input"
+      class=" ds-single-character-input__item ds-input ds-input--error"
       inputmode="numeric"
       maxlength="1"
       name="single-character-input"
@@ -19,7 +19,7 @@ exports[`renders the SingleCharacterInput with name and error props 2`] = `
 <body>
   <div>
     <input
-      class="ds-single-character-input__item ds-input--error ds-input"
+      class=" ds-single-character-input__item ds-input ds-input--error"
       inputmode="numeric"
       maxlength="1"
       name="single-character-input"
@@ -34,7 +34,7 @@ exports[`renders the SingleCharacterInput with name prop 1`] = `
 <body>
   <div>
     <input
-      class="ds-single-character-input__item ds-input"
+      class=" ds-single-character-input__item ds-input"
       inputmode="numeric"
       maxlength="1"
       name="single-character-input"
@@ -49,7 +49,7 @@ exports[`renders the SingleCharacterInput with name, pattern, maxLength and erro
 <body>
   <div>
     <input
-      class="ds-single-character-input__item ds-input--error ds-input"
+      class=" ds-single-character-input__item ds-input ds-input--error"
       inputmode="numeric"
       maxlength="1"
       name="single-character-input"
@@ -64,7 +64,7 @@ exports[`renders the SingleCharacterInput with no props 1`] = `
 <body>
   <div>
     <input
-      class="ds-single-character-input__item ds-input"
+      class=" ds-single-character-input__item ds-input"
       inputmode="numeric"
       maxlength="1"
       pattern="[0-9]*"
@@ -78,7 +78,7 @@ exports[`renders the SingleCharacterInput with pattern prop 1`] = `
 <body>
   <div>
     <input
-      class="ds-single-character-input__item ds-input"
+      class=" ds-single-character-input__item ds-input"
       inputmode="numeric"
       maxlength="1"
       pattern="\\d{1}"

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

package/src/Skeleton/__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 Skeleton with animation=false 1`] = `
 <body>
   <div>
     <span
-      class="ds-skeleton--text ds-skeleton--width-fit-content ds-skeleton"
+      class=" ds-skeleton ds-skeleton--text ds-skeleton--width-fit-content"
       style="width: 3em;"
     />
   </div>
@@ -15,7 +15,7 @@ exports[`renders the Skeleton with fontSize="lg" 1`] = `
 <body>
   <div>
     <span
-      class="ds-skeleton--text ds-skeleton--font-lg ds-skeleton--animate ds-skeleton--width-fit-content ds-skeleton"
+      class=" ds-skeleton ds-skeleton--font-lg ds-skeleton--text ds-skeleton--animate ds-skeleton--width-fit-content"
       style="width: 3em;"
     />
   </div>
@@ -26,7 +26,7 @@ exports[`renders the Skeleton with fontSize="sm" 1`] = `
 <body>
   <div>
     <span
-      class="ds-skeleton--text ds-skeleton--font-sm ds-skeleton--animate ds-skeleton--width-fit-content ds-skeleton"
+      class=" ds-skeleton ds-skeleton--font-sm ds-skeleton--text ds-skeleton--animate ds-skeleton--width-fit-content"
       style="width: 3em;"
     />
   </div>
@@ -37,7 +37,7 @@ exports[`renders the Skeleton with height="100" 1`] = `
 <body>
   <div>
     <span
-      class="ds-skeleton--text ds-skeleton--animate ds-skeleton--width-fit-content ds-skeleton"
+      class=" ds-skeleton ds-skeleton--text ds-skeleton--animate ds-skeleton--width-fit-content"
       style="width: 3em;"
     />
   </div>
@@ -48,7 +48,7 @@ exports[`renders the Skeleton with no props 1`] = `
 <body>
   <div>
     <span
-      class="ds-skeleton--text ds-skeleton--animate ds-skeleton--width-fit-content ds-skeleton"
+      class=" ds-skeleton ds-skeleton--text ds-skeleton--animate ds-skeleton--width-fit-content"
       style="width: 3em;"
     />
   </div>
@@ -59,11 +59,11 @@ exports[`renders the Skeleton with variant="button" 1`] = `
 <body>
   <div>
     <span
-      class="ds-skeleton--button ds-skeleton--animate ds-skeleton--width-fit-content ds-skeleton"
+      class=" ds-skeleton ds-skeleton--button ds-skeleton--animate ds-skeleton--width-fit-content"
       style="width: 3em;"
     >
       <span
-        class="ds-skeleton__line--size-default ds-skeleton__line"
+        class="ds-skeleton__line ds-skeleton__line--size-default"
       />
     </span>
   </div>
@@ -74,7 +74,7 @@ exports[`renders the Skeleton with variant="circular" 1`] = `
 <body>
   <div>
     <span
-      class="ds-skeleton--circular ds-skeleton--animate ds-skeleton--width-fit-content ds-skeleton"
+      class=" ds-skeleton ds-skeleton--circular ds-skeleton--animate ds-skeleton--width-fit-content"
       style="width: 3em;"
     />
   </div>
@@ -85,7 +85,7 @@ exports[`renders the Skeleton with variant="rectangular" 1`] = `
 <body>
   <div>
     <span
-      class="ds-skeleton--rectangular ds-skeleton--animate ds-skeleton--width-fit-content ds-skeleton"
+      class=" ds-skeleton ds-skeleton--rectangular ds-skeleton--animate ds-skeleton--width-fit-content"
       style="width: 3em;"
     />
   </div>
@@ -96,7 +96,7 @@ exports[`renders the Skeleton with variant="rectangular", width="100" height="10
 <body>
   <div>
     <span
-      class="ds-skeleton--rectangular ds-skeleton"
+      class=" ds-skeleton ds-skeleton--rectangular"
       style="width: 3em; max-width: 100%; height: 100px;"
     />
   </div>
@@ -107,7 +107,7 @@ exports[`renders the Skeleton with width="100" 1`] = `
 <body>
   <div>
     <span
-      class="ds-skeleton--text ds-skeleton--animate ds-skeleton"
+      class=" ds-skeleton ds-skeleton--text ds-skeleton--animate"
       style="width: 3em; max-width: 100%;"
     />
   </div>

package/src/SkipLink/__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 SkipLink with no props 1`] = `
 <body>
   <div>
     <a
-      class="ds-skip-link"
+      class=" ds-skip-link"
       href="#main-content"
       tabindex="0"
     >