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

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

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

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

package/src/List/__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 List with listStyle=bullet 1`] = `
 <body>
   <div>
     <ol
-      class="ds-list--bullet ds-list"
+      class=" ds-list ds-list--bullet"
     >
       hello
     </ol>
@@ -16,15 +16,15 @@ exports[`renders the List with listStyle=bullet 2`] = `
 <body>
   <div>
     <ol
-      class="ds-list--bullet ds-list"
+      class=" ds-list ds-list--bullet"
     >
       <li
-        class="ds-list__item"
+        class=" ds-list__item"
       >
         hello Giorgos
       </li>
       <li
-        class="ds-list__item"
+        class=" ds-list__item"
       >
         hello Katerina
       </li>
@@ -37,15 +37,15 @@ exports[`renders the List with listStyle=bullet and dense 1`] = `
 <body>
   <div>
     <ol
-      class="ds-list--bullet ds-list"
+      class=" ds-list ds-list--bullet"
     >
       <li
-        class="ds-list__item"
+        class=" ds-list__item"
       >
         hello Giorgos
       </li>
       <li
-        class="ds-list__item"
+        class=" ds-list__item"
       >
         hello Katerina
       </li>
@@ -58,7 +58,7 @@ exports[`renders the List with listStyle=number 1`] = `
 <body>
   <div>
     <ol
-      class="ds-list--number ds-list"
+      class=" ds-list ds-list--number"
     >
       hello
     </ol>
@@ -70,15 +70,15 @@ exports[`renders the List with listStyle=number 2`] = `
 <body>
   <div>
     <ol
-      class="ds-list--number ds-list"
+      class=" ds-list ds-list--number"
     >
       <li
-        class="ds-list__item"
+        class=" ds-list__item"
       >
         hello Giorgos
       </li>
       <li
-        class="ds-list__item"
+        class=" ds-list__item"
       >
         hello Katerina
       </li>
@@ -91,15 +91,15 @@ exports[`renders the List with listStyle=number and dense 1`] = `
 <body>
   <div>
     <ol
-      class="ds-list--number ds-list"
+      class=" ds-list ds-list--number"
     >
       <li
-        class="ds-list__item"
+        class=" ds-list__item"
       >
         hello Giorgos
       </li>
       <li
-        class="ds-list__item"
+        class=" ds-list__item"
       >
         hello Katerina
       </li>
@@ -112,7 +112,7 @@ exports[`renders the List with no props 1`] = `
 <body>
   <div>
     <ol
-      class="ds-list"
+      class=" ds-list"
     >
       hello
     </ol>

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

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

package/src/Main/__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 Main with no props 1`] = `
 <body>
   <div>
     <main
-      class="ds-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8"
+      class=" ds-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8"
       id="main-content"
     >
       hello

package/src/Masthead/__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 Masthead with no props 1`] = `
 <body>
   <div>
     <section
-      class="ds-background-dark ds-masthead--primary ds-masthead"
+      class=" ds-masthead ds-background-dark ds-masthead--primary"
     >
       hello
     </section>

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

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

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

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

package/src/ModalContainer/index.tsx CHANGED Viewed

@@ -32,28 +32,30 @@ export interface ModalContainerProps extends BaseProps<'div'> {
 export const ModalContainer = React.forwardRef<
   HTMLDivElement,
   ModalContainerProps
->(function ModalContainer({ className, gaps = true, children, open, dense, ...props }, ref) {
+>(function ModalContainer(
+  { className, gaps = true, children, open, dense, ...props },
+  ref
+) {
   return (
     <Base
       ref={ref}
       as="div"
       className={clsx(className, {
-        'ds-modal': true,
-        'ds-modal--open': open,
-        'ds-modal--dense': dense,
+        'ds-modal-container': true,
+        'ds-modal-container--open': open,
+        'ds-modal-container--dense': dense,
       })}
       {...props}
     >
-      <div className='ds-modal__body'>
-        {gaps ?
-          <div
-            className='ds-modal__container'
-          >
+      <Base as="div" className="ds-modal">
+        {gaps ? (
+          <Base as="div" className="ds-modal__body">
             {children}
-          </div>
-          :
-          children}
-      </div>
+          </Base>
+        ) : (
+          children
+        )}
+      </Base>
     </Base>
   );
 });

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

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

package/src/Nav/__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 Nav with border prop 1`] = `
 <body>
   <div>
     <nav
-      class="ds-nav--border ds-nav"
+      class=" ds-nav ds-nav--border"
     >
       hello
     </nav>
@@ -16,7 +16,7 @@ exports[`renders the Nav with drawer="always" prop 1`] = `
 <body>
   <div>
     <nav
-      class="ds-nav--drawer ds-nav--hidden ds-nav--border ds-nav"
+      class=" ds-nav ds-nav--border ds-nav--hidden ds-nav--drawer"
     >
       hello
     </nav>
@@ -28,7 +28,7 @@ exports[`renders the Nav with drawer="always", border and open props 1`] = `
 <body>
   <div>
     <nav
-      class="ds-nav--drawer ds-nav--border ds-nav"
+      class=" ds-nav ds-nav--border ds-nav--drawer"
     >
       hello
     </nav>
@@ -40,7 +40,7 @@ exports[`renders the Nav with drawer="mdDown" prop 1`] = `
 <body>
   <div>
     <nav
-      class="ds-nav--drawer-mdDown ds-nav--hidden ds-nav--border ds-nav"
+      class=" ds-nav ds-nav--border ds-nav--hidden ds-nav--drawer-mdDown"
     >
       hello
     </nav>
@@ -52,7 +52,7 @@ exports[`renders the Nav with drawer="never" prop 1`] = `
 <body>
   <div>
     <nav
-      class="ds-nav--border ds-nav"
+      class=" ds-nav ds-nav--border"
     >
       hello
     </nav>
@@ -64,7 +64,7 @@ exports[`renders the Nav with no props 1`] = `
 <body>
   <div>
     <nav
-      class="ds-nav--border ds-nav"
+      class=" ds-nav ds-nav--border"
     >
       hello
     </nav>
@@ -76,7 +76,7 @@ exports[`renders the Nav with open prop 1`] = `
 <body>
   <div>
     <nav
-      class="ds-nav--border ds-nav"
+      class=" ds-nav ds-nav--border"
     >
       hello
     </nav>

package/src/NavList/__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 NavList with active prop 1`] = `
 <body>
   <div>
     <ul
-      class="ds-nav__list--horizontal ds-nav__list--active ds-nav__list"
+      class=" ds-nav__list ds-nav__list--active ds-nav__list--horizontal"
     >
       hello
     </ul>
@@ -16,7 +16,7 @@ exports[`renders the NavList with no props 1`] = `
 <body>
   <div>
     <ul
-      class="ds-nav__list--horizontal ds-nav__list"
+      class=" ds-nav__list ds-nav__list--horizontal"
     >
       hello
     </ul>

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

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

package/src/NavListItemBadge/__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 NavListItemBadge with text prop 1`] = `
 <body>
   <div>
     <span
-      class="ds-nav__list-item-badge"
+      class=" ds-nav__list-item-badge"
     >
       hello
     </span>

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

@@ -1,20 +1,23 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the NavListItemButton with active=false 1`] = `
 <body>
   <div>
     <button
       aria-selected="false"
-      class="ds-nav__list-item-btn ds-link ds-print-hidden"
+      class="ds-print-hidden ds-nav__list-item-btn ds-link"
     >
       hello
       <svg
         aria-hidden="true"
+        as="svg"
         class="ds-svg-icon--chevron ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <path
+          as="path"
+          class=""
           d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
         />
       </svg>
@@ -28,16 +31,19 @@ exports[`renders the NavListItemButton with active=true 1`] = `
   <div>
     <button
       aria-selected="true"
-      class="ds-nav__list-item-btn--active ds-nav__list-item-btn ds-link ds-print-hidden"
+      class="ds-print-hidden ds-nav__list-item-btn ds-nav__list-item-btn--active ds-link"
     >
       hello
       <svg
         aria-hidden="true"
+        as="svg"
         class="ds-svg-icon--chevron ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <path
+          as="path"
+          class=""
           d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
         />
       </svg>
@@ -50,16 +56,19 @@ exports[`renders the NavListItemButton with no props 1`] = `
 <body>
   <div>
     <button
-      class="ds-nav__list-item-btn ds-link ds-print-hidden"
+      class="ds-print-hidden ds-nav__list-item-btn ds-link"
     >
       hello
       <svg
         aria-hidden="true"
+        as="svg"
         class="ds-svg-icon--chevron ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <path
+          as="path"
+          class=""
           d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
         />
       </svg>