@digigov/react-core 1.0.0-079f34f3d → 1.0.0-21c8c3dc

package/es/Container/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["grid", "fullWidth", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Grid from '@digigov/react-core/Grid';
 
 /**
  * Use Container as a wrapper.
@@ -17,12 +17,13 @@ export var Container = /*#__PURE__*/React.forwardRef(function Container(_ref, re
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "div",
+  return /*#__PURE__*/React.createElement(Grid, _extends({
+    container: grid,
+    spacing: grid ? {
+      sm: 12
+    } : undefined,
     ref: ref,
     className: clsx(className, fullWidth && 'govgr-container--full-width', true && 'govgr-container')
-  }, props), grid === true ? /*#__PURE__*/React.createElement("div", {
-    className: clsx(grid && 'govgr-main-wrapper')
-  }, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children));
+  }, props), children);
 });
 export default Container;

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

@@ -14,16 +14,21 @@ exports[`renders the Drawer with \`open=true\` \`left=true\` props 1`] = `
     >
       <div>
         <ForwardRef(Heading)>
-          <ForwardRef(Base)
+          <ForwardRef(Typography)
             as="h1"
             className="govgr-heading-xl"
           >
-            <h1
+            <ForwardRef(Base)
+              as="h1"
               className="govgr-heading-xl"
             >
-              Menu
-            </h1>
-          </ForwardRef(Base)>
+              <h1
+                className="govgr-heading-xl"
+              >
+                Menu
+              </h1>
+            </ForwardRef(Base)>
+          </ForwardRef(Typography)>
         </ForwardRef(Heading)>
         <CloseIcon
           className="govgr--drawer__close-icon"

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

@@ -4,10 +4,10 @@ exports[`renders the DropdownContent with no props 1`] = `
 <ForwardRef(DropdownContent)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-dropdown__content"
+    className="govgr-dropdown__content--full-width govgr-dropdown__content"
   >
     <div
-      className="govgr-dropdown__content"
+      className="govgr-dropdown__content--full-width govgr-dropdown__content"
     >
       hello
     </div>

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

@@ -5,25 +5,21 @@ exports[`renders the FooterContainer with no props 1`] = `
   <ForwardRef(Container)
     grid={false}
   >
-    <ForwardRef(Base)
-      as="div"
+    <ForwardRef(Grid)
       className="govgr-container"
+      container={false}
     >
-      <div
+      <ForwardRef(Base)
+        as="div"
         className="govgr-container"
       >
-        <ForwardRef(Base)
-          as="div"
-          className=""
+        <div
+          className="govgr-container"
         >
-          <div
-            className=""
-          >
-            hello
-          </div>
-        </ForwardRef(Base)>
-      </div>
-    </ForwardRef(Base)>
+          hello
+        </div>
+      </ForwardRef(Base)>
+    </ForwardRef(Grid)>
   </ForwardRef(Container)>
 </ForwardRef(FooterContainer)>
 `;

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

@@ -7,16 +7,21 @@ exports[`renders the FooterHeading with no props 1`] = `
     element="h2"
     size="sm"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h2"
       className="govgr-footer__heading govgr-heading-sm"
     >
-      <h2
+      <ForwardRef(Base)
+        as="h2"
         className="govgr-footer__heading govgr-heading-sm"
       >
-        hello
-      </h2>
-    </ForwardRef(Base)>
+        <h2
+          className="govgr-footer__heading govgr-heading-sm"
+        >
+          hello
+        </h2>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(FooterHeading)>
 `;
@@ -30,16 +35,21 @@ exports[`renders the FooterHeading with size=m 1`] = `
     element="h2"
     size="md"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h2"
       className="govgr-footer__heading govgr-heading-md"
     >
-      <h2
+      <ForwardRef(Base)
+        as="h2"
         className="govgr-footer__heading govgr-heading-md"
       >
-        hello
-      </h2>
-    </ForwardRef(Base)>
+        <h2
+          className="govgr-footer__heading govgr-heading-md"
+        >
+          hello
+        </h2>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(FooterHeading)>
 `;
@@ -53,16 +63,21 @@ exports[`renders the FooterHeading with size=s 1`] = `
     element="h2"
     size="sm"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h2"
       className="govgr-footer__heading govgr-heading-sm"
     >
-      <h2
+      <ForwardRef(Base)
+        as="h2"
         className="govgr-footer__heading govgr-heading-sm"
       >
-        hello
-      </h2>
-    </ForwardRef(Base)>
+        <h2
+          className="govgr-footer__heading govgr-heading-sm"
+        >
+          hello
+        </h2>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(FooterHeading)>
 `;

package/es/Grid/index.js

@@ -28,7 +28,7 @@ export var Grid = /*#__PURE__*/React.forwardRef(function Grid(_ref, ref) {
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: as || 'div',
     ref: ref,
-    className: clsx(className, container && [spacing !== undefined && "govgr-gap-".concat(spacing), inline && 'govgr-grid-inline', 'govgr-grid'], item && [xs !== undefined && "xs:govgr-grid__col-span-".concat(xs), sm !== undefined && "sm:govgr-grid__col-span-".concat(sm), md !== undefined && "md:govgr-grid__col-span-".concat(md), lg !== undefined && "lg:govgr-grid__col-span-".concat(lg), xl !== undefined && "xl:govgr-grid__col-span-".concat(xl)])
+    className: clsx(className, container && [(spacing === null || spacing === void 0 ? void 0 : spacing.xs) !== undefined && "govgr-gap-xs-".concat(spacing === null || spacing === void 0 ? void 0 : spacing.xs), (spacing === null || spacing === void 0 ? void 0 : spacing.sm) !== undefined && "govgr-gap-sm-".concat(spacing === null || spacing === void 0 ? void 0 : spacing.sm), (spacing === null || spacing === void 0 ? void 0 : spacing.md) !== undefined && "govgr-gap-md-".concat(spacing === null || spacing === void 0 ? void 0 : spacing.md), (spacing === null || spacing === void 0 ? void 0 : spacing.lg) !== undefined && "govgr-gap-lg-".concat(spacing === null || spacing === void 0 ? void 0 : spacing.lg), (spacing === null || spacing === void 0 ? void 0 : spacing.xl) !== undefined && "govgr-gap-xl-".concat(spacing === null || spacing === void 0 ? void 0 : spacing.xl), typeof spacing === 'number' && "govgr-gap-".concat(spacing), inline && 'govgr-grid-inline', 'govgr-grid'], item && [xs !== undefined && "xs:govgr-grid__col-span-".concat(xs), sm !== undefined && "sm:govgr-grid__col-span-".concat(sm), md !== undefined && "md:govgr-grid__col-span-".concat(md), lg !== undefined && "lg:govgr-grid__col-span-".concat(lg), xl !== undefined && "xl:govgr-grid__col-span-".concat(xl)])
   }, props), children);
 });
 export default Grid;