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/TextInput/__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 TextInput  with with maxWidth="5-char" with width=full 1`] = `
 <body>
   <div>
     <input
-      class="ds-input--width-5-char ds-input"
+      class=" ds-input ds-input--width-5-char"
       type="text"
     />
   </div>
@@ -15,7 +15,7 @@ exports[`renders the TextInput  with with maxWidth="5-char" with width=one-half
 <body>
   <div>
     <input
-      class="ds-input--width-5-char ds-!-width-one-half ds-input"
+      class=" ds-input ds-input--width-5-char ds-!-width-one-half"
       type="text"
     />
   </div>
@@ -26,7 +26,7 @@ exports[`renders the TextInput  with with maxWidth="5-char" with width=one-quart
 <body>
   <div>
     <input
-      class="ds-input--width-5-char ds-!-width-one-quarter ds-input"
+      class=" ds-input ds-input--width-5-char ds-!-width-one-quarter"
       type="text"
     />
   </div>
@@ -37,7 +37,7 @@ exports[`renders the TextInput  with with maxWidth="5-char" with width=one-third
 <body>
   <div>
     <input
-      class="ds-input--width-5-char ds-!-width-one-third ds-input"
+      class=" ds-input ds-input--width-5-char ds-!-width-one-third"
       type="text"
     />
   </div>
@@ -48,7 +48,7 @@ exports[`renders the TextInput  with with maxWidth="5-char" with width=three-qua
 <body>
   <div>
     <input
-      class="ds-input--width-5-char ds-!-width-three-quarters ds-input"
+      class=" ds-input ds-input--width-5-char ds-!-width-three-quarters"
       type="text"
     />
   </div>
@@ -59,7 +59,7 @@ exports[`renders the TextInput  with with maxWidth="5-char" with width=two-third
 <body>
   <div>
     <input
-      class="ds-input--width-5-char ds-!-width-two-thirds ds-input"
+      class=" ds-input ds-input--width-5-char ds-!-width-two-thirds"
       type="text"
     />
   </div>
@@ -70,7 +70,7 @@ exports[`renders the TextInput with dense prop 1`] = `
 <body>
   <div>
     <input
-      class="ds-input--dense ds-input"
+      class=" ds-input ds-input--dense"
       type="text"
     />
   </div>
@@ -81,7 +81,7 @@ exports[`renders the TextInput with maxWidth="2-char" 1`] = `
 <body>
   <div>
     <input
-      class="ds-input--width-2-char ds-input"
+      class=" ds-input ds-input--width-2-char"
       type="text"
     />
   </div>
@@ -92,7 +92,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=full 1`] =
 <body>
   <div>
     <input
-      class="ds-input--width-2-char ds-input"
+      class=" ds-input ds-input--width-2-char"
       type="text"
     />
   </div>
@@ -103,7 +103,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=one-half 1`
 <body>
   <div>
     <input
-      class="ds-input--width-2-char ds-!-width-one-half ds-input"
+      class=" ds-input ds-input--width-2-char ds-!-width-one-half"
       type="text"
     />
   </div>
@@ -114,7 +114,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=one-quarter
 <body>
   <div>
     <input
-      class="ds-input--width-2-char ds-!-width-one-quarter ds-input"
+      class=" ds-input ds-input--width-2-char ds-!-width-one-quarter"
       type="text"
     />
   </div>
@@ -125,7 +125,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=one-third 1
 <body>
   <div>
     <input
-      class="ds-input--width-2-char ds-!-width-one-third ds-input"
+      class=" ds-input ds-input--width-2-char ds-!-width-one-third"
       type="text"
     />
   </div>
@@ -136,7 +136,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=three-quart
 <body>
   <div>
     <input
-      class="ds-input--width-2-char ds-!-width-three-quarters ds-input"
+      class=" ds-input ds-input--width-2-char ds-!-width-three-quarters"
       type="text"
     />
   </div>
@@ -147,7 +147,7 @@ exports[`renders the TextInput with maxWidth="2-char" and with width=two-thirds
 <body>
   <div>
     <input
-      class="ds-input--width-2-char ds-!-width-two-thirds ds-input"
+      class=" ds-input ds-input--width-2-char ds-!-width-two-thirds"
       type="text"
     />
   </div>
@@ -158,7 +158,7 @@ exports[`renders the TextInput with maxWidth="3-char" 1`] = `
 <body>
   <div>
     <input
-      class="ds-input--width-3-char ds-input"
+      class=" ds-input ds-input--width-3-char"
       type="text"
     />
   </div>
@@ -169,7 +169,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=full 1`] =
 <body>
   <div>
     <input
-      class="ds-input--width-3-char ds-input"
+      class=" ds-input ds-input--width-3-char"
       type="text"
     />
   </div>
@@ -180,7 +180,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=one-half 1`
 <body>
   <div>
     <input
-      class="ds-input--width-3-char ds-!-width-one-half ds-input"
+      class=" ds-input ds-input--width-3-char ds-!-width-one-half"
       type="text"
     />
   </div>
@@ -191,7 +191,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=one-quarter
 <body>
   <div>
     <input
-      class="ds-input--width-3-char ds-!-width-one-quarter ds-input"
+      class=" ds-input ds-input--width-3-char ds-!-width-one-quarter"
       type="text"
     />
   </div>
@@ -202,7 +202,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=one-third 1
 <body>
   <div>
     <input
-      class="ds-input--width-3-char ds-!-width-one-third ds-input"
+      class=" ds-input ds-input--width-3-char ds-!-width-one-third"
       type="text"
     />
   </div>
@@ -213,7 +213,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=three-quart
 <body>
   <div>
     <input
-      class="ds-input--width-3-char ds-!-width-three-quarters ds-input"
+      class=" ds-input ds-input--width-3-char ds-!-width-three-quarters"
       type="text"
     />
   </div>
@@ -224,7 +224,7 @@ exports[`renders the TextInput with maxWidth="3-char" and with width=two-thirds
 <body>
   <div>
     <input
-      class="ds-input--width-3-char ds-!-width-two-thirds ds-input"
+      class=" ds-input ds-input--width-3-char ds-!-width-two-thirds"
       type="text"
     />
   </div>
@@ -235,7 +235,7 @@ exports[`renders the TextInput with maxWidth="4-char" 1`] = `
 <body>
   <div>
     <input
-      class="ds-input--width-4-char ds-input"
+      class=" ds-input ds-input--width-4-char"
       type="text"
     />
   </div>
@@ -246,7 +246,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=full 1`] =
 <body>
   <div>
     <input
-      class="ds-input--width-4-char ds-input"
+      class=" ds-input ds-input--width-4-char"
       type="text"
     />
   </div>
@@ -257,7 +257,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=one-half 1`
 <body>
   <div>
     <input
-      class="ds-input--width-4-char ds-!-width-one-half ds-input"
+      class=" ds-input ds-input--width-4-char ds-!-width-one-half"
       type="text"
     />
   </div>
@@ -268,7 +268,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=one-quarter
 <body>
   <div>
     <input
-      class="ds-input--width-4-char ds-!-width-one-quarter ds-input"
+      class=" ds-input ds-input--width-4-char ds-!-width-one-quarter"
       type="text"
     />
   </div>
@@ -279,7 +279,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=one-third 1
 <body>
   <div>
     <input
-      class="ds-input--width-4-char ds-!-width-one-third ds-input"
+      class=" ds-input ds-input--width-4-char ds-!-width-one-third"
       type="text"
     />
   </div>
@@ -290,7 +290,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=three-quart
 <body>
   <div>
     <input
-      class="ds-input--width-4-char ds-!-width-three-quarters ds-input"
+      class=" ds-input ds-input--width-4-char ds-!-width-three-quarters"
       type="text"
     />
   </div>
@@ -301,7 +301,7 @@ exports[`renders the TextInput with maxWidth="4-char" and with width=two-thirds
 <body>
   <div>
     <input
-      class="ds-input--width-4-char ds-!-width-two-thirds ds-input"
+      class=" ds-input ds-input--width-4-char ds-!-width-two-thirds"
       type="text"
     />
   </div>
@@ -312,7 +312,7 @@ exports[`renders the TextInput with maxWidth="5-char" 1`] = `
 <body>
   <div>
     <input
-      class="ds-input--width-5-char ds-input"
+      class=" ds-input ds-input--width-5-char"
       type="text"
     />
   </div>
@@ -323,7 +323,7 @@ exports[`renders the TextInput with maxWidth="10-char" 1`] = `
 <body>
   <div>
     <input
-      class="ds-input--width-10-char ds-input"
+      class=" ds-input ds-input--width-10-char"
       type="text"
     />
   </div>
@@ -334,7 +334,7 @@ exports[`renders the TextInput with maxWidth="20-char" 1`] = `
 <body>
   <div>
     <input
-      class="ds-input--width-20-char ds-input"
+      class=" ds-input ds-input--width-20-char"
       type="text"
     />
   </div>
@@ -345,7 +345,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=full 1`] =
 <body>
   <div>
     <input
-      class="ds-input--width-20-char ds-input"
+      class=" ds-input ds-input--width-20-char"
       type="text"
     />
   </div>
@@ -356,7 +356,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=one-half 1
 <body>
   <div>
     <input
-      class="ds-input--width-20-char ds-!-width-one-half ds-input"
+      class=" ds-input ds-input--width-20-char ds-!-width-one-half"
       type="text"
     />
   </div>
@@ -367,7 +367,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=one-quarte
 <body>
   <div>
     <input
-      class="ds-input--width-20-char ds-!-width-one-quarter ds-input"
+      class=" ds-input ds-input--width-20-char ds-!-width-one-quarter"
       type="text"
     />
   </div>
@@ -378,7 +378,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=one-third
 <body>
   <div>
     <input
-      class="ds-input--width-20-char ds-!-width-one-third ds-input"
+      class=" ds-input ds-input--width-20-char ds-!-width-one-third"
       type="text"
     />
   </div>
@@ -389,7 +389,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=three-quar
 <body>
   <div>
     <input
-      class="ds-input--width-20-char ds-!-width-three-quarters ds-input"
+      class=" ds-input ds-input--width-20-char ds-!-width-three-quarters"
       type="text"
     />
   </div>
@@ -400,7 +400,7 @@ exports[`renders the TextInput with maxWidth="20-char" and with width=two-thirds
 <body>
   <div>
     <input
-      class="ds-input--width-20-char ds-!-width-two-thirds ds-input"
+      class=" ds-input ds-input--width-20-char ds-!-width-two-thirds"
       type="text"
     />
   </div>
@@ -411,7 +411,7 @@ exports[`renders the TextInput with no props 1`] = `
 <body>
   <div>
     <input
-      class="ds-input"
+      class=" ds-input"
       type="text"
     />
   </div>
@@ -422,7 +422,7 @@ exports[`renders the TextInput with width=full 1`] = `
 <body>
   <div>
     <input
-      class="ds-input"
+      class=" ds-input"
       type="text"
     />
   </div>
@@ -433,7 +433,7 @@ exports[`renders the TextInput with width=one-half 1`] = `
 <body>
   <div>
     <input
-      class="ds-!-width-one-half ds-input"
+      class=" ds-input ds-!-width-one-half"
       type="text"
     />
   </div>
@@ -444,7 +444,7 @@ exports[`renders the TextInput with width=one-quarter 1`] = `
 <body>
   <div>
     <input
-      class="ds-!-width-one-quarter ds-input"
+      class=" ds-input ds-!-width-one-quarter"
       type="text"
     />
   </div>
@@ -455,7 +455,7 @@ exports[`renders the TextInput with width=one-third 1`] = `
 <body>
   <div>
     <input
-      class="ds-!-width-one-third ds-input"
+      class=" ds-input ds-!-width-one-third"
       type="text"
     />
   </div>
@@ -466,7 +466,7 @@ exports[`renders the TextInput with width=three-quarters 1`] = `
 <body>
   <div>
     <input
-      class="ds-!-width-three-quarters ds-input"
+      class=" ds-input ds-!-width-three-quarters"
       type="text"
     />
   </div>
@@ -477,7 +477,7 @@ exports[`renders the TextInput with width=two-thirds 1`] = `
 <body>
   <div>
     <input
-      class="ds-!-width-two-thirds ds-input"
+      class=" ds-input ds-!-width-two-thirds"
       type="text"
     />
   </div>

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

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

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

package/src/TimelineHeading/__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 TimelineHeading with no prop 1`] = `
 <body>
   <div>
     <h2
-      class="ds-timeline__heading"
+      class=" ds-timeline__heading"
     >
       hello
     </h2>
@@ -16,7 +16,7 @@ exports[`renders the TimelineHeading with size = "md" prop 1`] = `
 <body>
   <div>
     <h3
-      class="ds-timeline__heading-md ds-timeline__heading"
+      class=" ds-timeline__heading ds-timeline__heading--md"
     >
       hello
     </h3>
@@ -28,7 +28,7 @@ exports[`renders the TimelineHeading with size = "sm" prop 1`] = `
 <body>
   <div>
     <h4
-      class="ds-timeline__heading-sm ds-timeline__heading"
+      class=" ds-timeline__heading ds-timeline__heading--sm"
     >
       hello
     </h4>

package/src/TimelineHeading/index.tsx CHANGED Viewed

@@ -53,8 +53,8 @@ export const TimelineHeading = React.forwardRef<
       ref={ref}
       className={clsx(className, {
         'ds-timeline__heading': true,
-        'ds-timeline__heading-md': size === 'md',
-        'ds-timeline__heading-sm': size === 'sm',
+        'ds-timeline__heading--md': size === 'md',
+        'ds-timeline__heading--sm': size === 'sm',
       })}
       {...props}
     >

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

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

package/src/Typography/__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 Typography fontSize=24 and as=span props 1`] = `
 <body>
   <div>
     <span
-      class="ds-!-font-size-24"
+      class=" ds-!-font-size-24"
     >
       hello
     </span>
@@ -16,7 +16,7 @@ exports[`renders the Typography fontSize=30 and as=span props 1`] = `
 <body>
   <div>
     <span
-      class="ds-!-font-size-30"
+      class=" ds-!-font-size-30"
     >
       hello
     </span>
@@ -28,7 +28,7 @@ exports[`renders the Typography fontSize=36 and as=span props 1`] = `
 <body>
   <div>
     <span
-      class="ds-!-font-size-36"
+      class=" ds-!-font-size-36"
     >
       hello
     </span>
@@ -40,7 +40,7 @@ exports[`renders the Typography fontSize=48 and as=span props 1`] = `
 <body>
   <div>
     <span
-      class="ds-!-font-size-48"
+      class=" ds-!-font-size-48"
     >
       hello
     </span>
@@ -52,7 +52,7 @@ exports[`renders the Typography fontSize=72 and as=span props 1`] = `
 <body>
   <div>
     <span
-      class="ds-!-font-size-72"
+      class=" ds-!-font-size-72"
     >
       hello
     </span>
@@ -64,7 +64,7 @@ exports[`renders the Typography fontWeight=bold and as=p props 1`] = `
 <body>
   <div>
     <p
-      class="ds-!-font-weight-bold"
+      class=" ds-!-font-weight-bold"
     >
       hello
     </p>
@@ -76,7 +76,7 @@ exports[`renders the Typography with fontSize=14 and as=span props 1`] = `
 <body>
   <div>
     <span
-      class="ds-!-font-size-14"
+      class=" ds-!-font-size-14"
     >
       hello
     </span>
@@ -88,7 +88,7 @@ exports[`renders the Typography with fontSize=16 and as=span props 1`] = `
 <body>
   <div>
     <span
-      class="ds-!-font-size-16"
+      class=" ds-!-font-size-16"
     >
       hello
     </span>
@@ -100,7 +100,7 @@ exports[`renders the Typography with fontSize=19 and as=span props 1`] = `
 <body>
   <div>
     <span
-      class="ds-!-font-size-19"
+      class=" ds-!-font-size-19"
     >
       hello
     </span>
@@ -112,7 +112,7 @@ exports[`renders the Typography with fontWeight=regular and as=p props 1`] = `
 <body>
   <div>
     <p
-      class="ds-!-font-weight-regular"
+      class=" ds-!-font-weight-regular"
     >
       hello
     </p>