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/FieldsetLegend/__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 FieldsetLegend with heading and size l props 1`] = `
 <body>
   <div>
     <legend
       aria-level="1"
-      class="ds-heading-lg ds-fieldset__legend"
+      class=" ds-fieldset__legend ds-fieldset__legend--lg"
       role="heading"
     >
       This is FieldsetLegend with no props
@@ -19,7 +19,7 @@ exports[`renders the FieldsetLegend with heading and size m props 1`] = `
   <div>
     <legend
       aria-level="1"
-      class="ds-heading-md ds-fieldset__legend"
+      class=" ds-fieldset__legend ds-fieldset__legend--md"
       role="heading"
     >
       This is FieldsetLegend with no props
@@ -33,7 +33,7 @@ exports[`renders the FieldsetLegend with heading and size s props 1`] = `
   <div>
     <legend
       aria-level="1"
-      class="ds-heading-sm ds-fieldset__legend"
+      class=" ds-fieldset__legend ds-fieldset__legend--sm"
       role="heading"
     >
       This is FieldsetLegend with no props
@@ -47,7 +47,7 @@ exports[`renders the FieldsetLegend with heading and size xl props 1`] = `
   <div>
     <legend
       aria-level="1"
-      class="ds-heading-xl ds-fieldset__legend"
+      class=" ds-fieldset__legend ds-fieldset__legend--xl"
       role="heading"
     >
       This is FieldsetLegend with no props
@@ -61,7 +61,7 @@ exports[`renders the FieldsetLegend with heading props 1`] = `
   <div>
     <legend
       aria-level="1"
-      class="ds-heading-lg ds-fieldset__legend"
+      class=" ds-fieldset__legend ds-fieldset__legend--lg"
       role="heading"
     >
       This is FieldsetLegend with no props
@@ -74,7 +74,7 @@ exports[`renders the FieldsetLegend with no props 1`] = `
 <body>
   <div>
     <legend
-      class="ds-heading-lg ds-fieldset__legend"
+      class=" ds-fieldset__legend ds-fieldset__legend--lg"
     >
       This is FieldsetLegend with no props
     </legend>
@@ -86,7 +86,7 @@ exports[`renders the FieldsetLegend with size l props 1`] = `
 <body>
   <div>
     <legend
-      class="ds-heading-lg ds-fieldset__legend"
+      class=" ds-fieldset__legend ds-fieldset__legend--lg"
     >
       This is FieldsetLegend with no props
     </legend>
@@ -98,7 +98,7 @@ exports[`renders the FieldsetLegend with size m props 1`] = `
 <body>
   <div>
     <legend
-      class="ds-heading-md ds-fieldset__legend"
+      class=" ds-fieldset__legend ds-fieldset__legend--md"
     >
       This is FieldsetLegend with no props
     </legend>
@@ -110,7 +110,7 @@ exports[`renders the FieldsetLegend with size s props 1`] = `
 <body>
   <div>
     <legend
-      class="ds-heading-sm ds-fieldset__legend"
+      class=" ds-fieldset__legend ds-fieldset__legend--sm"
     >
       This is FieldsetLegend with no props
     </legend>
@@ -122,7 +122,7 @@ exports[`renders the FieldsetLegend with size xl props 1`] = `
 <body>
   <div>
     <legend
-      class="ds-heading-xl ds-fieldset__legend"
+      class=" ds-fieldset__legend ds-fieldset__legend--xl"
     >
       This is FieldsetLegend with no props
     </legend>

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

@@ -1,15 +1,15 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the FileUpload with name prop 1`] = `
 <body>
   <div>
     <label
-      class="ds-btn ds-btn-secondary ds-label-file"
+      class=" ds-label-file ds-btn ds-btn-secondary"
       role="button"
       tabindex="0"
     >
       <input
-        class="ds-file-input"
+        class=" ds-file-input"
         name="some-name"
         type="file"
       />
@@ -22,12 +22,12 @@ exports[`renders the FileUpload with no props 1`] = `
 <body>
   <div>
     <label
-      class="ds-btn ds-btn-secondary ds-label-file"
+      class=" ds-label-file ds-btn ds-btn-secondary"
       role="button"
       tabindex="0"
     >
       <input
-        class="ds-file-input"
+        class=" ds-file-input"
         type="file"
       />
     </label>

package/src/FileUploadContainer/__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 FileUpload with hasFiles prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-uploaded-file"
+      class=" ds-uploaded-file"
     />
   </div>
 </body>
@@ -14,7 +14,7 @@ exports[`renders the FileUpload with no props 1`] = `
 <body>
   <div>
     <div
-      class=""
+      class=" "
     />
   </div>
 </body>

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

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

@@ -1,12 +1,16 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the FilterContainer with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-filter--position-relative-md ds-filter--border  ds-filter--closed  ds-filter"
+      class=" ds-filter-container ds-filter-container--position-relative-md ds-filter-container--closed"
     >
-      hello
+      <div
+        class=" ds-filter ds-filter--closed  ds-filter--border  ds-filter--position-relative-md"
+      >
+        hello
+      </div>
     </div>
   </div>
 </body>

package/src/FilterContainer/index.tsx CHANGED Viewed

@@ -57,18 +57,29 @@ export const FilterContainer = React.forwardRef<
     <Base
       as="div"
       ref={ref}
-      className={clsx(className, {
-        'ds-filter': true,
-        'ds-filter--closed ': !open,
-        'ds-filter--border ': border,
-        'ds-filter--position-relative-always': positionRelative === 'always',
-        'ds-filter--position-relative-sm': positionRelative === 'sm',
-        'ds-filter--position-relative-md': positionRelative === 'md',
-        'ds-filter--position-relative-lg': positionRelative === 'lg',
+      className={clsx({
+        'ds-filter-container': true,
+        'ds-filter-container--position-relative-sm': positionRelative === 'sm',
+        'ds-filter-container--position-relative-md': positionRelative === 'md',
+        'ds-filter-container--position-relative-lg': positionRelative === 'lg',
+        'ds-filter-container--closed': !open,
       })}
-      {...props}
     >
-      {children}
+      <Base
+        as="div"
+        className={clsx(className, {
+          'ds-filter': true,
+          'ds-filter--closed ': !open,
+          'ds-filter--border ': border,
+          'ds-filter--position-relative-always': positionRelative === 'always',
+          'ds-filter--position-relative-sm': positionRelative === 'sm',
+          'ds-filter--position-relative-md': positionRelative === 'md',
+          'ds-filter--position-relative-lg': positionRelative === 'lg',
+        })}
+        {...props}
+      >
+        {children}
+      </Base>
     </Base>
   );
 });

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

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

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

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

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

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

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

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

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

package/src/FooterHeading/__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 FooterHeading with no props 1`] = `
 <body>
   <div>
     <h2
-      class="ds-footer__heading ds-heading-sm"
+      class=" ds-footer__heading ds-heading-sm"
     >
       hello
     </h2>
@@ -16,7 +16,7 @@ exports[`renders the FooterHeading with size=m 1`] = `
 <body>
   <div>
     <h2
-      class="ds-footer__heading ds-heading-md"
+      class=" ds-footer__heading ds-heading-md"
     >
       hello
     </h2>
@@ -28,7 +28,7 @@ exports[`renders the FooterHeading with size=s 1`] = `
 <body>
   <div>
     <h2
-      class="ds-footer__heading ds-heading-sm"
+      class=" ds-footer__heading ds-heading-sm"
     >
       hello
     </h2>

package/src/FooterImage/__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 FooterImage with no props 1`] = `
 <body>
   <div>
     <img
       alt="footer logo"
-      class="ds-footer__logo"
+      class=" ds-footer__logo"
     />
   </div>
 </body>

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

package/src/FooterInfoSection/__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 FooterInfoSection with grow=false 1`] = `
 <body>
   <div>
     <section
-      class="ds-footer__info-section"
+      class=" ds-footer__info-section"
     >
       hello
     </section>
@@ -16,7 +16,7 @@ exports[`renders the FooterInfoSection with grow=true 1`] = `
 <body>
   <div>
     <section
-      class="ds-footer__info-section ds-footer__info-section--grow"
+      class=" ds-footer__info-section ds-footer__info-section--grow"
     >
       hello
     </section>
@@ -28,7 +28,7 @@ exports[`renders the FooterInfoSection with no props 1`] = `
 <body>
   <div>
     <section
-      class="ds-footer__info-section"
+      class=" ds-footer__info-section"
     >
       hello
     </section>

package/src/FooterLink/__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 FooterLink with href prop 1`] = `
 <body>
   <div>
     <a
-      class="ds-footer__link"
+      class=" ds-footer__link"
       href="#"
     >
       hello
@@ -17,7 +17,7 @@ exports[`renders the FooterLink with no props 1`] = `
 <body>
   <div>
     <a
-      class="ds-footer__link"
+      class=" ds-footer__link"
     >
       hello
     </a>

package/src/FooterList/__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 FooterList with columns=2 1`] = `
 <body>
   <div>
     <ul
-      class="ds-footer__list--columns-2 ds-footer__list"
+      class=" ds-footer__list ds-footer__list--columns-2"
     >
       hello
     </ul>
@@ -16,7 +16,7 @@ exports[`renders the FooterList with no props 1`] = `
 <body>
   <div>
     <ul
-      class="ds-footer__list"
+      class=" ds-footer__list"
     >
       hello
     </ul>

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

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

package/src/FooterNavigationSection/__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 FooterNavigationSection with no props 1`] = `
 <body>
   <div>
     <section
       aria-label="footer navigation section"
-      class="ds-footer__navigation-section"
+      class=" ds-footer__navigation-section"
     >
       hello
     </section>

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

package/src/FullPageBackground/__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 FullPageBackground with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-full-page-background"
+      class=" ds-full-page-background"
     />
   </div>
 </body>

package/src/GovGRLogo/__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 GovGRLogo with no props 1`] = `
 <body>
   <div>
     <a
-      class="ds-header__link"
+      class=" ds-header__link"
       href="https://www.gov.gr/"
     >
       <img

package/src/Grid/__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 Grid with \`container\` props 1`] = `
 <body>
   <div>
     <div
-      class="ds-grid"
+      class=" ds-grid"
     >
       hello
     </div>
@@ -16,7 +16,7 @@ exports[`renders the Grid with \`inline\` props 1`] = `
 <body>
   <div>
     <div
-      class=""
+      class=" "
     >
       hello
     </div>
@@ -28,7 +28,7 @@ exports[`renders the Grid with \`lg\` props 1`] = `
 <body>
   <div>
     <div
-      class="lg:ds-grid__col-span-6"
+      class=" lg:ds-grid__col-span-6"
     >
       hello
     </div>
@@ -40,7 +40,7 @@ exports[`renders the Grid with \`md\` props 1`] = `
 <body>
   <div>
     <div
-      class="md:ds-grid__col-span-6"
+      class=" md:ds-grid__col-span-6"
     >
       hello
     </div>
@@ -52,7 +52,7 @@ exports[`renders the Grid with \`sm\` props 1`] = `
 <body>
   <div>
     <div
-      class="sm:ds-grid__col-span-6"
+      class=" sm:ds-grid__col-span-6"
     >
       hello
     </div>
@@ -64,7 +64,7 @@ exports[`renders the Grid with \`spacing\` props 1`] = `
 <body>
   <div>
     <div
-      class=""
+      class=" "
     >
       hello
     </div>
@@ -76,7 +76,7 @@ exports[`renders the Grid with \`xl\` props 1`] = `
 <body>
   <div>
     <div
-      class="xl:ds-grid__col-span-6"
+      class=" xl:ds-grid__col-span-6"
     >
       hello
     </div>
@@ -88,7 +88,7 @@ exports[`renders the Grid with no props 1`] = `
 <body>
   <div>
     <div
-      class=""
+      class=" "
     >
       hello
     </div>