@digigov/react-core 1.0.0-079f34f3d → 1.0.0-290a96e2

package/es/ModalHeading/__snapshots__/index.test.tsx.snap

@@ -7,17 +7,23 @@ exports[`renders the ModalHeading with no props 1`] = `
     marginBottom={0}
     size="md"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h2"
       className="govgr-heading-md"
       marginBottom={0}
     >
-      <h2
-        className="govgr-heading-md govgr-mb-0"
+      <ForwardRef(Base)
+        as="h2"
+        className="govgr-heading-md"
+        marginBottom={0}
       >
-        hello
-      </h2>
-    </ForwardRef(Base)>
+        <h2
+          className="govgr-heading-md govgr-mb-0"
+        >
+          hello
+        </h2>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(ModalHeading)>
 `;

package/es/NavMenuContainer/__snapshots__/index.test.tsx.snap

@@ -13,26 +13,24 @@ exports[`renders the NavMenuContainer with no props 1`] = `
     >
       <ForwardRef(Container)
         grid={true}
+        spacing={4}
       >
-        <ForwardRef(Base)
-          as="div"
+        <ForwardRef(Grid)
           className="govgr-container"
+          container={true}
+          spacing={4}
         >
-          <div
-            className="govgr-container"
+          <ForwardRef(Base)
+            as="div"
+            className="govgr-container govgr-gap-4 govgr-grid"
           >
-            <ForwardRef(Base)
-              as="div"
-              className="govgr-main-wrapper"
+            <div
+              className="govgr-container govgr-gap-4 govgr-grid"
             >
-              <div
-                className="govgr-main-wrapper"
-              >
-                hello
-              </div>
-            </ForwardRef(Base)>
-          </div>
-        </ForwardRef(Base)>
+              hello
+            </div>
+          </ForwardRef(Base)>
+        </ForwardRef(Grid)>
       </ForwardRef(Container)>
     </div>
   </ForwardRef(Base)>

package/es/NavMenuContainer/index.js

@@ -25,6 +25,7 @@ export var NavMenuContainer = /*#__PURE__*/React.forwardRef(function NavMenuCont
     className: clsx(className, layout === 'horizontal' && 'govgr-nav-menu--horizontal', layout === 'vertical' && 'govgr-nav-menu--vertical', !active && 'govgr-nav-menu--hidden', true && 'govgr-nav-menu')
   }, /*#__PURE__*/React.createElement(Container, _extends({
     grid: layout === 'horizontal',
+    spacing: 4,
     ref: ref,
     className: className
   }, props), children));

package/es/NavMenuContent/__snapshots__/index.test.tsx.snap

@@ -5,14 +5,16 @@ exports[`renders the NavMenuContainerContent with no props 1`] = `
   <ForwardRef(Grid)
     className="govgr-nav-menu__content"
     item={true}
-    md={2}
+    sm={8}
+    spacing={2}
+    xs={12}
   >
     <ForwardRef(Base)
       as="div"
-      className="govgr-nav-menu__content md:govgr-grid__col-span-2"
+      className="govgr-nav-menu__content xs:govgr-grid__col-span-12 sm:govgr-grid__col-span-8"
     >
       <div
-        className="govgr-nav-menu__content md:govgr-grid__col-span-2"
+        className="govgr-nav-menu__content xs:govgr-grid__col-span-12 sm:govgr-grid__col-span-8"
       >
         hello
       </div>

package/es/NavMenuContent/index.js

@@ -17,7 +17,9 @@ export var NavMenuContent = /*#__PURE__*/React.forwardRef(function NavMenuConten
 
   return /*#__PURE__*/React.createElement(Grid, _extends({
     item: true,
-    md: 2,
+    xs: 12,
+    sm: 8,
+    spacing: 2,
     ref: ref,
     className: clsx(className, true && 'govgr-nav-menu__content')
   }, props), children);

package/es/NavMenuTitle/__snapshots__/index.test.tsx.snap

@@ -5,14 +5,15 @@ exports[`renders the NavMenuTitle with no props 1`] = `
   <ForwardRef(Grid)
     className="govgr-nav-menu__title"
     item={true}
-    md={1}
+    sm={4}
+    xs={12}
   >
     <ForwardRef(Base)
       as="div"
-      className="govgr-nav-menu__title md:govgr-grid__col-span-1"
+      className="govgr-nav-menu__title xs:govgr-grid__col-span-12 sm:govgr-grid__col-span-4"
     >
       <div
-        className="govgr-nav-menu__title md:govgr-grid__col-span-1"
+        className="govgr-nav-menu__title xs:govgr-grid__col-span-12 sm:govgr-grid__col-span-4"
       >
         <ForwardRef(Heading)
           className="govgr-nav-menu__title-heading"

package/es/NavMenuTitle/index.js

@@ -18,7 +18,8 @@ export var NavMenuTitle = /*#__PURE__*/React.forwardRef(function NavMenuTitle(_r
 
   return /*#__PURE__*/React.createElement(Grid, _extends({
     item: true,
-    md: 1,
+    xs: 12,
+    sm: 4,
     ref: ref,
     className: clsx(className, true && 'govgr-nav-menu__title')
   }, props), /*#__PURE__*/React.createElement(Heading, {

package/es/NotificationBannerHeader/__snapshots__/index.test.tsx.snap

@@ -15,17 +15,23 @@ exports[`renders the NotificationBannerHeader with no props 1`] = `
         marginBottom={0}
         size="sm"
       >
-        <ForwardRef(Base)
+        <ForwardRef(Typography)
           as="h2"
           className="govgr-notification-banner__title govgr-heading-sm"
           marginBottom={0}
         >
-          <h2
-            className="govgr-notification-banner__title govgr-heading-sm govgr-mb-0"
+          <ForwardRef(Base)
+            as="h2"
+            className="govgr-notification-banner__title govgr-heading-sm"
+            marginBottom={0}
           >
-            hello
-          </h2>
-        </ForwardRef(Base)>
+            <h2
+              className="govgr-notification-banner__title govgr-heading-sm govgr-mb-0"
+            >
+              hello
+            </h2>
+          </ForwardRef(Base)>
+        </ForwardRef(Typography)>
       </ForwardRef(Heading)>
     </div>
   </ForwardRef(Base)>

package/es/NotificationBannerHeading/__snapshots__/index.test.tsx.snap

@@ -7,16 +7,21 @@ exports[`renders the NotificationBannerHeading with no props 1`] = `
     element="h3"
     size="md"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h3"
       className="govgr-notification-banner__heading govgr-heading-md"
     >
-      <h3
+      <ForwardRef(Base)
+        as="h3"
         className="govgr-notification-banner__heading govgr-heading-md"
       >
-        hello
-      </h3>
-    </ForwardRef(Base)>
+        <h3
+          className="govgr-notification-banner__heading govgr-heading-md"
+        >
+          hello
+        </h3>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(NotificationBannerHeading)>
 `;

package/es/PageTitleCaption/__snapshots__/index.test.tsx.snap

@@ -3,16 +3,21 @@
 exports[`renders the PageTitleHeading with no props 1`] = `
 <ForwardRef(PageTitleHeading)>
   <ForwardRef(Heading)>
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h1"
       className="govgr-heading-xl"
     >
-      <h1
+      <ForwardRef(Base)
+        as="h1"
         className="govgr-heading-xl"
       >
-        hello
-      </h1>
-    </ForwardRef(Base)>
+        <h1
+          className="govgr-heading-xl"
+        >
+          hello
+        </h1>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -24,16 +29,21 @@ exports[`renders the PageTitleHeading with size=l 1`] = `
   <ForwardRef(Heading)
     size="lg"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h2"
       className="govgr-heading-lg"
     >
-      <h2
+      <ForwardRef(Base)
+        as="h2"
         className="govgr-heading-lg"
       >
-        hello
-      </h2>
-    </ForwardRef(Base)>
+        <h2
+          className="govgr-heading-lg"
+        >
+          hello
+        </h2>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -45,16 +55,21 @@ exports[`renders the PageTitleHeading with size=m 1`] = `
   <ForwardRef(Heading)
     size="md"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h3"
       className="govgr-heading-md"
     >
-      <h3
+      <ForwardRef(Base)
+        as="h3"
         className="govgr-heading-md"
       >
-        hello
-      </h3>
-    </ForwardRef(Base)>
+        <h3
+          className="govgr-heading-md"
+        >
+          hello
+        </h3>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -66,16 +81,21 @@ exports[`renders the PageTitleHeading with size=s 1`] = `
   <ForwardRef(Heading)
     size="sm"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h4"
       className="govgr-heading-sm"
     >
-      <h4
+      <ForwardRef(Base)
+        as="h4"
         className="govgr-heading-sm"
       >
-        hello
-      </h4>
-    </ForwardRef(Base)>
+        <h4
+          className="govgr-heading-sm"
+        >
+          hello
+        </h4>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -87,16 +107,21 @@ exports[`renders the PageTitleHeading with size=xl 1`] = `
   <ForwardRef(Heading)
     size="xl"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h1"
       className="govgr-heading-xl"
     >
-      <h1
+      <ForwardRef(Base)
+        as="h1"
         className="govgr-heading-xl"
       >
-        hello
-      </h1>
-    </ForwardRef(Base)>
+        <h1
+          className="govgr-heading-xl"
+        >
+          hello
+        </h1>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;

package/es/PageTitleHeading/__snapshots__/index.test.tsx.snap

@@ -3,16 +3,21 @@
 exports[`renders the PageTitleHeading with no props 1`] = `
 <ForwardRef(PageTitleHeading)>
   <ForwardRef(Heading)>
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h1"
       className="govgr-heading-xl"
     >
-      <h1
+      <ForwardRef(Base)
+        as="h1"
         className="govgr-heading-xl"
       >
-        hello
-      </h1>
-    </ForwardRef(Base)>
+        <h1
+          className="govgr-heading-xl"
+        >
+          hello
+        </h1>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -24,16 +29,21 @@ exports[`renders the PageTitleHeading with size=l 1`] = `
   <ForwardRef(Heading)
     size="lg"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h2"
       className="govgr-heading-lg"
     >
-      <h2
+      <ForwardRef(Base)
+        as="h2"
         className="govgr-heading-lg"
       >
-        hello
-      </h2>
-    </ForwardRef(Base)>
+        <h2
+          className="govgr-heading-lg"
+        >
+          hello
+        </h2>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -45,16 +55,21 @@ exports[`renders the PageTitleHeading with size=m 1`] = `
   <ForwardRef(Heading)
     size="md"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h3"
       className="govgr-heading-md"
     >
-      <h3
+      <ForwardRef(Base)
+        as="h3"
         className="govgr-heading-md"
       >
-        hello
-      </h3>
-    </ForwardRef(Base)>
+        <h3
+          className="govgr-heading-md"
+        >
+          hello
+        </h3>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -66,16 +81,21 @@ exports[`renders the PageTitleHeading with size=s 1`] = `
   <ForwardRef(Heading)
     size="sm"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h4"
       className="govgr-heading-sm"
     >
-      <h4
+      <ForwardRef(Base)
+        as="h4"
         className="govgr-heading-sm"
       >
-        hello
-      </h4>
-    </ForwardRef(Base)>
+        <h4
+          className="govgr-heading-sm"
+        >
+          hello
+        </h4>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -87,16 +107,21 @@ exports[`renders the PageTitleHeading with size=xl 1`] = `
   <ForwardRef(Heading)
     size="xl"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h1"
       className="govgr-heading-xl"
     >
-      <h1
+      <ForwardRef(Base)
+        as="h1"
         className="govgr-heading-xl"
       >
-        hello
-      </h1>
-    </ForwardRef(Base)>
+        <h1
+          className="govgr-heading-xl"
+        >
+          hello
+        </h1>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;

package/es/TabsHeading/__snapshots__/index.test.tsx.snap

@@ -15,16 +15,21 @@ exports[`renders the TabsHeading with no props 1`] = `
         <ForwardRef(Heading)
           size="sm"
         >
-          <ForwardRef(Base)
+          <ForwardRef(Typography)
             as="h4"
             className="govgr-heading-sm"
           >
-            <h4
+            <ForwardRef(Base)
+              as="h4"
               className="govgr-heading-sm"
             >
-              hello
-            </h4>
-          </ForwardRef(Base)>
+              <h4
+                className="govgr-heading-sm"
+              >
+                hello
+              </h4>
+            </ForwardRef(Base)>
+          </ForwardRef(Typography)>
         </ForwardRef(Heading)>
       </div>
     </ForwardRef(Base)>
@@ -49,16 +54,21 @@ exports[`renders the TabsHeading with size=m 1`] = `
         <ForwardRef(Heading)
           size="md"
         >
-          <ForwardRef(Base)
+          <ForwardRef(Typography)
             as="h3"
             className="govgr-heading-md"
           >
-            <h3
+            <ForwardRef(Base)
+              as="h3"
               className="govgr-heading-md"
             >
-              hello
-            </h3>
-          </ForwardRef(Base)>
+              <h3
+                className="govgr-heading-md"
+              >
+                hello
+              </h3>
+            </ForwardRef(Base)>
+          </ForwardRef(Typography)>
         </ForwardRef(Heading)>
       </div>
     </ForwardRef(Base)>
@@ -83,16 +93,21 @@ exports[`renders the TabsHeading with size=s 1`] = `
         <ForwardRef(Heading)
           size="sm"
         >
-          <ForwardRef(Base)
+          <ForwardRef(Typography)
             as="h4"
             className="govgr-heading-sm"
           >
-            <h4
+            <ForwardRef(Base)
+              as="h4"
               className="govgr-heading-sm"
             >
-              hello
-            </h4>
-          </ForwardRef(Base)>
+              <h4
+                className="govgr-heading-sm"
+              >
+                hello
+              </h4>
+            </ForwardRef(Base)>
+          </ForwardRef(Typography)>
         </ForwardRef(Heading)>
       </div>
     </ForwardRef(Base)>