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

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

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

@@ -1,42 +1,49 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Drawer with \`open=true\` \`left=true\` props 1`] = `
 <body>
   <div>
     <div
-      class="ds-drawer--left ds-drawer"
+      class=" ds-drawer-container"
     >
-      <div>
-        <h1
-          class="ds-heading-xl"
-        >
-          Menu
-        </h1>
-        <svg
-          aria-hidden="true"
-          class="ds--drawer__close-icon ds-svg-icon--close ds-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <polygon
-            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>
-      </div>
-      <ol
-        class="ds-list"
+      <div
+        class=" ds-drawer ds-drawer--left"
       >
-        <li
-          class="ds-list__item"
+        <div>
+          <h1
+            class=" ds-heading-xl"
+          >
+            Menu
+          </h1>
+          <svg
+            aria-hidden="true"
+            as="svg"
+            class="ds--drawer__close-icon 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>
+        </div>
+        <ol
+          class=" ds-list"
         >
-          Menu option 1
-        </li>
-        <li
-          class="ds-list__item"
-        >
-          Menu option 2
-        </li>
-      </ol>
+          <li
+            class=" ds-list__item"
+          >
+            Menu option 1
+          </li>
+          <li
+            class=" ds-list__item"
+          >
+            Menu option 2
+          </li>
+        </ol>
+      </div>
     </div>
   </div>
 </body>

package/src/Drawer/index.tsx CHANGED Viewed

@@ -62,19 +62,31 @@ export const Drawer = React.forwardRef<HTMLDivElement, DrawerProps>(
       <Base
         as="div"
         ref={ref}
-        className={clsx(className, {
-          'ds-drawer': true,
-          'ds-drawer--relative-sm': upRelative === 'sm',
-          'ds-drawer--relative-md': upRelative === 'md',
-          'ds-drawer--relative-lg': upRelative === 'lg',
-          'ds-drawer--closed': !open,
-          'ds-drawer--right': direction === 'right',
-          'ds-drawer--left': direction === 'left',
-          'ds-drawer--bg-secondary': bgColor === 'secondary',
+        className={clsx({
+          'ds-drawer-container': true,
+          'ds-drawer-container--relative-sm': upRelative === 'sm',
+          'ds-drawer-container--relative-md': upRelative === 'md',
+          'ds-drawer-container--relative-lg': upRelative === 'lg',
+          'ds-drawer-container--closed': !open,
         })}
-        {...props}
       >
-        {children}
+        <Base
+          as="div"
+          ref={ref}
+          className={clsx(className, {
+            'ds-drawer': true,
+            'ds-drawer--relative-sm': upRelative === 'sm',
+            'ds-drawer--relative-md': upRelative === 'md',
+            'ds-drawer--relative-lg': upRelative === 'lg',
+            'ds-drawer--closed': !open,
+            'ds-drawer--right': direction === 'right',
+            'ds-drawer--left': direction === 'left',
+            'ds-drawer--bg-secondary': bgColor === 'secondary',
+          })}
+          {...props}
+        >
+          {children}
+        </Base>
       </Base>
     );
   }

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

@@ -1,23 +1,26 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the DrawerHeading with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-drawer__heading ds-stack--align-baseline ds-stack--row ds-stack"
+      class=" ds-drawer__heading ds-stack ds-stack--row ds-stack--align-baseline"
     >
       Menu
       <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/DropdownBase/__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 DropdownBase disabled 1`] = `
 <body>
   <div>
     <details
-      class="ds-dropdown--disabled ds-dropdown"
+      class=" ds-dropdown ds-dropdown--disabled"
     >
       hello
     </details>
@@ -16,7 +16,7 @@ exports[`renders the DropdownBase with align=left 1`] = `
 <body>
   <div>
     <details
-      class="ds-dropdown"
+      class=" ds-dropdown"
     >
       hello
     </details>
@@ -28,7 +28,7 @@ exports[`renders the DropdownBase with align=left and open=true 1`] = `
 <body>
   <div>
     <details
-      class="ds-dropdown"
+      class=" ds-dropdown"
       open=""
     >
       hello
@@ -41,7 +41,7 @@ exports[`renders the DropdownBase with align=right and open=false 1`] = `
 <body>
   <div>
     <details
-      class="ds-dropdown--right ds-dropdown"
+      class=" ds-dropdown ds-dropdown--right"
     >
       hello
     </details>
@@ -53,7 +53,7 @@ exports[`renders the DropdownBase with dense=true and open=true 1`] = `
 <body>
   <div>
     <details
-      class="ds-dropdown--dense ds-dropdown"
+      class=" ds-dropdown ds-dropdown--dense"
       open=""
     >
       hello
@@ -66,7 +66,7 @@ exports[`renders the DropdownBase with no props 1`] = `
 <body>
   <div>
     <details
-      class="ds-dropdown"
+      class=" ds-dropdown"
     >
       hello
     </details>
@@ -78,7 +78,7 @@ exports[`renders the DropdownBase with open=false 1`] = `
 <body>
   <div>
     <details
-      class="ds-dropdown"
+      class=" ds-dropdown"
     >
       hello
     </details>
@@ -90,7 +90,7 @@ exports[`renders the DropdownBase with open=true 1`] = `
 <body>
   <div>
     <details
-      class="ds-dropdown"
+      class=" ds-dropdown"
       open=""
     >
       hello
@@ -103,7 +103,7 @@ exports[`renders the DropdownBase with placement=bottom and open=false 1`] = `
 <body>
   <div>
     <details
-      class="ds-dropdown"
+      class=" ds-dropdown"
     >
       hello
     </details>
@@ -115,7 +115,7 @@ exports[`renders the DropdownBase with placement=top 1`] = `
 <body>
   <div>
     <details
-      class="ds-dropdown--up ds-dropdown"
+      class=" ds-dropdown ds-dropdown--up"
     >
       hello
     </details>
@@ -127,7 +127,7 @@ exports[`renders the DropdownBase with placement=top align=left and open=true 1`
 <body>
   <div>
     <details
-      class="ds-dropdown--up ds-dropdown"
+      class=" ds-dropdown ds-dropdown--up"
       open=""
     >
       hello
@@ -140,7 +140,7 @@ exports[`renders the DropdownBase with placement=top and open=true 1`] = `
 <body>
   <div>
     <details
-      class="ds-dropdown--up ds-dropdown"
+      class=" ds-dropdown ds-dropdown--up"
       open=""
     >
       hello

package/src/DropdownButton/__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>
     <summary
-      class="ds-btn-primary ds-btn ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-btn-primary"
       tabindex="0"
     >
       Menu
@@ -17,7 +17,7 @@ exports[`renders the DropdownButton with arrow=false 1`] = `
 <body>
   <div>
     <summary
-      class="ds-btn-primary ds-btn ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-btn-primary"
       tabindex="0"
     >
       hello
@@ -30,17 +30,20 @@ exports[`renders the DropdownButton with arrow=true 1`] = `
 <body>
   <div>
     <summary
-      class="ds-btn-primary ds-btn ds-dropdown__button--chevron ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-dropdown__button--chevron ds-btn-primary"
       tabindex="0"
     >
       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>
@@ -53,7 +56,7 @@ exports[`renders the DropdownButton with color=primary 1`] = `
 <body>
   <div>
     <summary
-      class="ds-btn-primary ds-btn ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-btn-primary"
       tabindex="0"
     >
       hello
@@ -66,7 +69,7 @@ exports[`renders the DropdownButton with color=primary and arrow={false} 1`] = `
 <body>
   <div>
     <summary
-      class="ds-btn-primary ds-btn ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-btn-primary"
       tabindex="0"
     >
       hello
@@ -79,16 +82,19 @@ exports[`renders the DropdownButton with color=primary and arrow={true} 1`] = `
 <body>
   <div>
     <summary
-      class="ds-btn-primary ds-btn ds-dropdown__button--chevron ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-dropdown__button--chevron ds-btn-primary"
       tabindex="0"
     >
       <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>
@@ -101,7 +107,7 @@ exports[`renders the DropdownButton with color=primary and variant="button" 1`]
 <body>
   <div>
     <summary
-      class="ds-btn-primary ds-btn ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-btn-primary"
       tabindex="0"
     >
       hello
@@ -114,7 +120,7 @@ exports[`renders the DropdownButton with color=primary and variant="link" 1`] =
 <body>
   <div>
     <summary
-      class="ds-link ds-dropdown__button"
+      class=" ds-dropdown__button ds-link"
       tabindex="0"
     >
       hello
@@ -127,7 +133,7 @@ exports[`renders the DropdownButton with color=primary and variant="link" 2`] =
 <body>
   <div>
     <summary
-      class="ds-link ds-dropdown__button"
+      class=" ds-dropdown__button ds-link"
       tabindex="0"
     >
       hello
@@ -140,7 +146,7 @@ exports[`renders the DropdownButton with color=primary variant="button" and arro
 <body>
   <div>
     <summary
-      class="ds-btn-primary ds-btn ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-btn-primary"
       tabindex="0"
     >
       hello
@@ -153,16 +159,19 @@ exports[`renders the DropdownButton with color=primary variant="button" arrow={t
 <body>
   <div>
     <summary
-      class="ds-btn-primary ds-btn ds-dropdown__button--chevron ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-dropdown__button--chevron ds-btn-primary"
       tabindex="0"
     >
       <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>
@@ -175,7 +184,7 @@ exports[`renders the DropdownButton with color=primary variant="link" arrow={fal
 <body>
   <div>
     <summary
-      class="ds-link ds-dropdown__button"
+      class=" ds-dropdown__button ds-link"
       tabindex="0"
     >
       hello
@@ -188,16 +197,19 @@ exports[`renders the DropdownButton with color=primary variant="link" arrow={tru
 <body>
   <div>
     <summary
-      class="ds-link ds-dropdown__button--chevron ds-dropdown__button"
+      class=" ds-dropdown__button ds-link ds-dropdown__button--chevron"
       tabindex="0"
     >
       <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>
@@ -210,7 +222,7 @@ exports[`renders the DropdownButton with color=secondary 1`] = `
 <body>
   <div>
     <summary
-      class="ds-btn-secondary ds-btn ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-btn-secondary"
       tabindex="0"
     >
       hello
@@ -223,7 +235,7 @@ exports[`renders the DropdownButton with color=secondary and arrow={false} 1`] =
 <body>
   <div>
     <summary
-      class="ds-btn-secondary ds-btn ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-btn-secondary"
       tabindex="0"
     >
       hello
@@ -236,16 +248,19 @@ exports[`renders the DropdownButton with color=secondary and arrow={true} 1`] =
 <body>
   <div>
     <summary
-      class="ds-btn-secondary ds-btn ds-dropdown__button--chevron ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-dropdown__button--chevron ds-btn-secondary"
       tabindex="0"
     >
       <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>
@@ -258,7 +273,7 @@ exports[`renders the DropdownButton with color=secondary and variant="button" 1`
 <body>
   <div>
     <summary
-      class="ds-btn-secondary ds-btn ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-btn-secondary"
       tabindex="0"
     >
       hello
@@ -271,7 +286,7 @@ exports[`renders the DropdownButton with color=warning variant="button" arrow={f
 <body>
   <div>
     <summary
-      class="ds-link ds-dropdown__button"
+      class=" ds-dropdown__button ds-link"
       tabindex="0"
     >
       hello
@@ -284,17 +299,20 @@ exports[`renders the DropdownButton with color=warning variant="button" arrow={t
 <body>
   <div>
     <summary
-      class="ds-link ds-dropdown__button--chevron ds-dropdown__button"
+      class=" ds-dropdown__button ds-link ds-dropdown__button--chevron"
       tabindex="0"
     >
       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>
@@ -307,7 +325,7 @@ exports[`renders the DropdownButton with no props 1`] = `
 <body>
   <div>
     <summary
-      class="ds-btn-primary ds-btn ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-btn-primary"
       tabindex="0"
     >
       hello
@@ -320,7 +338,7 @@ exports[`renders the DropdownButton with variant=button 1`] = `
 <body>
   <div>
     <summary
-      class="ds-btn-primary ds-btn ds-dropdown__button"
+      class=" ds-dropdown__button ds-btn ds-btn-primary"
       tabindex="0"
     >
       hello
@@ -333,7 +351,7 @@ exports[`renders the DropdownButton with variant=link 1`] = `
 <body>
   <div>
     <summary
-      class="ds-link ds-dropdown__button"
+      class=" ds-dropdown__button ds-link"
       tabindex="0"
     >
       hello

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

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

package/src/ErrorSummary/__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 ErrorSummary with dense=true 1`] = `
 <body>
   <div>
     <div
       aria-labelledby="ds-notification-banner-title"
-      class="ds-notification-banner--error ds-notification-banner--dense ds-notification-banner"
+      class=" ds-notification-banner ds-notification-banner--error ds-notification-banner--dense"
       data-module="ds-notification-banner"
       role="region"
     >
       <div
-        class="ds-notification-banner__content"
+        class=" ds-notification-banner__content"
       >
         hello
       </div>
@@ -24,12 +24,12 @@ exports[`renders the ErrorSummary with no props 1`] = `
   <div>
     <div
       aria-labelledby="ds-notification-banner-title"
-      class="ds-notification-banner--error ds-notification-banner"
+      class=" ds-notification-banner ds-notification-banner--error"
       data-module="ds-notification-banner"
       role="region"
     >
       <div
-        class="ds-notification-banner__content"
+        class=" ds-notification-banner__content"
       >
         hello
       </div>

package/src/FieldContainer/__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 FieldContainer with error=false 1`] = `
 <body>
   <div>
     <div
-      class="ds-field xs:ds-grid__col-span-12"
+      class=" ds-field xs:ds-grid__col-span-12"
     >
       hello
     </div>
@@ -16,7 +16,7 @@ exports[`renders the FieldContainer with error=true 1`] = `
 <body>
   <div>
     <div
-      class="ds-field--error ds-field xs:ds-grid__col-span-12"
+      class=" ds-field ds-field--error xs:ds-grid__col-span-12"
     >
       hello
     </div>
@@ -28,7 +28,7 @@ exports[`renders the FieldContainer with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-field xs:ds-grid__col-span-12"
+      class=" ds-field xs:ds-grid__col-span-12"
     >
       hello
     </div>

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