@digigov/react-core 1.0.0-6b93ebf2 → 1.0.0-88820b1e

package/esm/{FilterHeading → FilterHeadingContainer}/index.js

@@ -6,12 +6,12 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * Use FilterHeading component inside FilterSection
+ * Use FilterHeadingContainer component inside FilterContainer
  * for filters heading title and close icon(for mobiles).
  * When the Filters are being used inside a Drawer component, you don't have to
- * use the FilterHeading component
+ * use the FilterHeadingContainer component
  */
-export var FilterHeading = /*#__PURE__*/React.forwardRef(function FilterHeading(_ref, ref) {
+export var FilterHeadingContainer = /*#__PURE__*/React.forwardRef(function FilterHeadingContainer(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -22,4 +22,4 @@ export var FilterHeading = /*#__PURE__*/React.forwardRef(function FilterHeading(
     className: clsx(className, true && 'govgr-filter__heading')
   }, props), children);
 });
-export default FilterHeading;
+export default FilterHeadingContainer;

package/esm/FilterHeadingContainer/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import FilterHeadingContainer from '@digigov/react-core/FilterHeadingContainer';
+
+var _ref = /*#__PURE__*/React.createElement(FilterHeadingContainer, null, "hello");
+
+it('renders the FilterHeadingContainer with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/esm/FilterSelectedSection/index.js

@@ -1,24 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["indicator", "className", "children"];
+var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
  * FilterSelectedSection is a wrapper for the area of the selected filters
- * It can be used separately in the page by setting the indicator prop to true
  */
 export var FilterSelectedSection = /*#__PURE__*/React.forwardRef(function FilterSelectedSection(_ref, ref) {
-  var indicator = _ref.indicator,
-      className = _ref.className,
+  var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, indicator && 'govgr-filter__selected--indicator', true && 'govgr-filter__selected')
+    className: clsx(className, true && 'govgr-filter__selected')
   }, props), children);
 });
 export default FilterSelectedSection;

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

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

package/esm/FooterContainer/index.js

@@ -1,24 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "fullWidth", "children"];
+var _excluded = ["children"];
 import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Container from '@digigov/react-core/Container';
 
 /**
  * FooterContainer mush be used inside the Footer component. It has no props.
  */
 export var FooterContainer = /*#__PURE__*/React.forwardRef(function FooterContainer(_ref, ref) {
-  var className = _ref.className,
-      _ref$fullWidth = _ref.fullWidth,
-      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      children = _ref.children,
+  var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "div",
+  return /*#__PURE__*/React.createElement(Container, _extends({
     ref: ref,
-    className: clsx(className, fullWidth && 'govgr-container--full-width', true && 'govgr-container')
+    grid: false
   }, props), children);
 });
 export default FooterContainer;

package/esm/FooterContent/index.js

@@ -6,7 +6,7 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * FooterContent is used inside the FooterMetaItem.
+ * FooterContent is used inside the FooterInfoSection.
  * In this component, we place the basic content of the footer (ex. Copyright, extra logos, inline list).
  */
 export var FooterContent = /*#__PURE__*/React.forwardRef(function FooterContent(_ref, ref) {

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

@@ -2,16 +2,22 @@
 
 exports[`renders the FooterHeading with no props 1`] = `
 <ForwardRef(FooterHeading)>
-  <ForwardRef(Base)
-    as="h2"
-    className="govgr-heading-sm govgr-footer__heading"
+  <ForwardRef(Heading)
+    className="govgr-footer__heading"
+    element="h2"
+    size="sm"
   >
-    <h2
-      className="govgr-heading-sm govgr-footer__heading"
+    <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(Heading)>
 </ForwardRef(FooterHeading)>
 `;
 
@@ -19,16 +25,22 @@ exports[`renders the FooterHeading with size=m 1`] = `
 <ForwardRef(FooterHeading)
   size="md"
 >
-  <ForwardRef(Base)
-    as="h2"
-    className="govgr-heading-md govgr-footer__heading"
+  <ForwardRef(Heading)
+    className="govgr-footer__heading"
+    element="h2"
+    size="md"
   >
-    <h2
-      className="govgr-heading-md govgr-footer__heading"
+    <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(Heading)>
 </ForwardRef(FooterHeading)>
 `;
 
@@ -36,15 +48,21 @@ exports[`renders the FooterHeading with size=s 1`] = `
 <ForwardRef(FooterHeading)
   size="sm"
 >
-  <ForwardRef(Base)
-    as="h2"
-    className="govgr-heading-sm govgr-footer__heading"
+  <ForwardRef(Heading)
+    className="govgr-footer__heading"
+    element="h2"
+    size="sm"
   >
-    <h2
-      className="govgr-heading-sm govgr-footer__heading"
+    <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(Heading)>
 </ForwardRef(FooterHeading)>
 `;

package/esm/FooterHeading/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "className", "children"];
+var _excluded = ["size", "element", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Heading from '@digigov/react-core/Heading';
 
 /**
  * FooterHeading is a component used for heading in the footer.
@@ -11,14 +11,17 @@ import Base from '@digigov/react-core/Base';
 export var FooterHeading = /*#__PURE__*/React.forwardRef(function FooterHeading(_ref, ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'sm' : _ref$size,
+      _ref$element = _ref.element,
+      element = _ref$element === void 0 ? 'h2' : _ref$element,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "h2",
+  return /*#__PURE__*/React.createElement(Heading, _extends({
+    element: element,
     ref: ref,
-    className: clsx(className, size === 'md' && 'govgr-heading-md', size === 'sm' && 'govgr-heading-sm', true && 'govgr-footer__heading')
+    size: size,
+    className: clsx(className, true && 'govgr-footer__heading')
   }, props), children);
 });
 export default FooterHeading;

package/esm/FooterInfo/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the FooterInfo with no props 1`] = `
+<ForwardRef(FooterInfo)>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-footer__info"
+  >
+    <div
+      className="govgr-footer__info"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(FooterInfo)>
+`;

package/{es/FooterMeta → esm/FooterInfo}/index.js

@@ -6,11 +6,11 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * FooterMeta is inside the FooterContainer component.
- * This component is meant to wrap FooterMetaItem components.
+ * FooterInfo is inside the FooterContainer component.
+ * This component is meant to wrap FooterInfoSection components.
  * Semantically, in this component we include the very basic elements of a govgr footer.
  */
-export var FooterMeta = /*#__PURE__*/React.forwardRef(function FooterMeta(_ref, ref) {
+export var FooterInfo = /*#__PURE__*/React.forwardRef(function FooterInfo(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -18,7 +18,7 @@ export var FooterMeta = /*#__PURE__*/React.forwardRef(function FooterMeta(_ref,
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__meta')
+    className: clsx(className, true && 'govgr-footer__info')
   }, props), children);
 });
-export default FooterMeta;
+export default FooterInfo;

package/esm/FooterInfo/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import FooterInfo from '@digigov/react-core/FooterInfo';
+
+var _ref = /*#__PURE__*/React.createElement(FooterInfo, null, "hello");
+
+it('renders the FooterInfo with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/esm/FooterInfoSection/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,50 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the FooterInfoSection with grow=false 1`] = `
+<ForwardRef(FooterInfoSection)
+  grow={false}
+>
+  <ForwardRef(Base)
+    as="section"
+    className="govgr-footer__info-section"
+  >
+    <section
+      className="govgr-footer__info-section"
+    >
+      hello
+    </section>
+  </ForwardRef(Base)>
+</ForwardRef(FooterInfoSection)>
+`;
+
+exports[`renders the FooterInfoSection with grow=true 1`] = `
+<ForwardRef(FooterInfoSection)
+  grow={true}
+>
+  <ForwardRef(Base)
+    as="section"
+    className="govgr-footer__info-section govgr-footer__info-section--grow"
+  >
+    <section
+      className="govgr-footer__info-section govgr-footer__info-section--grow"
+    >
+      hello
+    </section>
+  </ForwardRef(Base)>
+</ForwardRef(FooterInfoSection)>
+`;
+
+exports[`renders the FooterInfoSection with no props 1`] = `
+<ForwardRef(FooterInfoSection)>
+  <ForwardRef(Base)
+    as="section"
+    className="govgr-footer__info-section"
+  >
+    <section
+      className="govgr-footer__info-section"
+    >
+      hello
+    </section>
+  </ForwardRef(Base)>
+</ForwardRef(FooterInfoSection)>
+`;

package/esm/{FooterMetaItem → FooterInfoSection}/index.js

@@ -6,18 +6,18 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * FooterMetaItem is inside the FooterMeta component.
+ * FooterInfoSection is inside the FooterInfo component.
  */
-export var FooterMetaItem = /*#__PURE__*/React.forwardRef(function FooterMetaItem(_ref, ref) {
+export var FooterInfoSection = /*#__PURE__*/React.forwardRef(function FooterInfoSection(_ref, ref) {
   var grow = _ref.grow,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "div",
+    as: "section",
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__meta-item', grow && 'govgr-footer__meta-item--grow')
+    className: clsx(className, true && 'govgr-footer__info-section', grow && 'govgr-footer__info-section--grow')
   }, props), children);
 });
-export default FooterMetaItem;
+export default FooterInfoSection;

package/esm/FooterInfoSection/index.test.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import FooterInfoSection from '@digigov/react-core/FooterInfoSection';
+
+var _ref = /*#__PURE__*/React.createElement(FooterInfoSection, null, "hello");
+
+it('renders the FooterInfoSection with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(FooterInfoSection, {
+  grow: true
+}, "hello");
+
+it('renders the FooterInfoSection with grow=true', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(FooterInfoSection, {
+  grow: false
+}, "hello");
+
+it('renders the FooterInfoSection with grow=false', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});

package/esm/FooterList/index.js

@@ -1,16 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["columns", "className", "children"];
+var _excluded = ["columns", "layout", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * FooterList is used inside the FooterSection.
+ * FooterList is used inside the FooterNavigationSection.
  * This component takes a list of FooterListItem component as its children.
  */
 export var FooterList = /*#__PURE__*/React.forwardRef(function FooterList(_ref, ref) {
   var columns = _ref.columns,
+      _ref$layout = _ref.layout,
+      layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -18,7 +20,7 @@ export var FooterList = /*#__PURE__*/React.forwardRef(function FooterList(_ref,
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ul",
     ref: ref,
-    className: clsx(className, columns === 2 && 'govgr-footer__list--columns-2', true && 'govgr-footer__list')
+    className: clsx(className, layout === 'horizontal' && 'govgr-footer__list--horizontal', layout === 'vertical' && columns === 2 && 'govgr-footer__list--columns-2', true && 'govgr-footer__list')
   }, props), children);
 });
 export default FooterList;

package/esm/FooterNavigation/index.js

@@ -7,7 +7,7 @@ import Base from '@digigov/react-core/Base';
 
 /**
  * FooterNavigation is optional. This components must be included in the FooterContainer.
- * Inside this component we place one or more of the component FooterSection.
+ * Inside this component we place one or more of the component FooterNavigationSection.
  * This component has no props.
  */
 export var FooterNavigation = /*#__PURE__*/React.forwardRef(function FooterNavigation(_ref, ref) {

package/esm/FooterNavigationSection/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the FooterNavigationSection with no props 1`] = `
+<ForwardRef(FooterNavigationSection)
+  aria-label="footer navigation section"
+>
+  <ForwardRef(Base)
+    aria-label="footer navigation section"
+    as="section"
+    className="govgr-footer__navigation-section"
+  >
+    <section
+      aria-label="footer navigation section"
+      className="govgr-footer__navigation-section"
+    >
+      hello
+    </section>
+  </ForwardRef(Base)>
+</ForwardRef(FooterNavigationSection)>
+`;

package/esm/{FooterSection → FooterNavigationSection}/index.js

@@ -6,19 +6,19 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * FooterSection must be inside the FooterNavigation.
+ * FooterNavigationSection must be inside the FooterNavigation.
  * Inside this component should be placed the FooterHeading (optional) and the FooterList.
  * This component has no props.
  */
-export var FooterSection = /*#__PURE__*/React.forwardRef(function FooterSection(_ref, ref) {
+export var FooterNavigationSection = /*#__PURE__*/React.forwardRef(function FooterNavigationSection(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "div",
+    as: "section",
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__section')
+    className: clsx(className, true && 'govgr-footer__navigation-section')
   }, props), children);
 });
-export default FooterSection;
+export default FooterNavigationSection;

package/esm/FooterNavigationSection/index.test.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import FooterNavigationSection from '@digigov/react-core/FooterNavigationSection';
+
+var _ref = /*#__PURE__*/React.createElement(FooterNavigationSection, {
+  "aria-label": "footer navigation section"
+}, "hello");
+
+it('renders the FooterNavigationSection with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/esm/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 === 10 && "govgr-grid__gap-10", spacing === 12 && "govgr-grid__gap-12", spacing === 1 && "govgr-grid__gap-1", spacing === 2 && "govgr-grid__gap-2", spacing === 4 && "govgr-grid__gap-4", spacing === 6 && "govgr-grid__gap-6", spacing === 8 && "govgr-grid__gap-8", inline && 'govgr-grid-inline', 'govgr-grid'], item && [xs === 'auto' && "xs:govgr-grid__col-auto", sm === 'auto' && "sm:govgr-grid__col-auto", md === 'auto' && "md:govgr-grid__col-auto", lg === 'auto' && "lg:govgr-grid__col-auto", xl === 'auto' && "xl:govgr-grid__col-auto", xs === 10 && "xs:govgr-grid__col-span-10", xs === 11 && "xs:govgr-grid__col-span-11", xs === 12 && "xs:govgr-grid__col-span-12", sm === 10 && "sm:govgr-grid__col-span-10", sm === 11 && "sm:govgr-grid__col-span-11", sm === 12 && "sm:govgr-grid__col-span-12", md === 10 && "md:govgr-grid__col-span-10", md === 11 && "md:govgr-grid__col-span-11", md === 12 && "md:govgr-grid__col-span-12", lg === 10 && "lg:govgr-grid__col-span-10", lg === 11 && "lg:govgr-grid__col-span-11", lg === 12 && "lg:govgr-grid__col-span-12", xl === 10 && "xl:govgr-grid__col-span-10", xl === 11 && "xl:govgr-grid__col-span-11", xl === 12 && "xl:govgr-grid__col-span-12", xs === 1 && "xs:govgr-grid__col-span-1", xs === 2 && "xs:govgr-grid__col-span-2", xs === 3 && "xs:govgr-grid__col-span-3", xs === 4 && "xs:govgr-grid__col-span-4", xs === 5 && "xs:govgr-grid__col-span-5", xs === 6 && "xs:govgr-grid__col-span-6", xs === 7 && "xs:govgr-grid__col-span-7", xs === 8 && "xs:govgr-grid__col-span-8", xs === 9 && "xs:govgr-grid__col-span-9", sm === 1 && "sm:govgr-grid__col-span-1", sm === 2 && "sm:govgr-grid__col-span-2", sm === 3 && "sm:govgr-grid__col-span-3", sm === 4 && "sm:govgr-grid__col-span-4", sm === 5 && "sm:govgr-grid__col-span-5", sm === 6 && "sm:govgr-grid__col-span-6", sm === 7 && "sm:govgr-grid__col-span-7", sm === 8 && "sm:govgr-grid__col-span-8", sm === 9 && "sm:govgr-grid__col-span-9", md === 1 && "md:govgr-grid__col-span-1", md === 2 && "md:govgr-grid__col-span-2", md === 3 && "md:govgr-grid__col-span-3", md === 4 && "md:govgr-grid__col-span-4", md === 5 && "md:govgr-grid__col-span-5", md === 6 && "md:govgr-grid__col-span-6", md === 7 && "md:govgr-grid__col-span-7", md === 8 && "md:govgr-grid__col-span-8", md === 9 && "md:govgr-grid__col-span-9", lg === 1 && "lg:govgr-grid__col-span-1", lg === 2 && "lg:govgr-grid__col-span-2", lg === 3 && "lg:govgr-grid__col-span-3", lg === 4 && "lg:govgr-grid__col-span-4", lg === 5 && "lg:govgr-grid__col-span-5", lg === 6 && "lg:govgr-grid__col-span-6", lg === 7 && "lg:govgr-grid__col-span-7", lg === 8 && "lg:govgr-grid__col-span-8", lg === 9 && "lg:govgr-grid__col-span-9", xl === 1 && "xl:govgr-grid__col-span-1", xl === 2 && "xl:govgr-grid__col-span-2", xl === 3 && "xl:govgr-grid__col-span-3", xl === 4 && "xl:govgr-grid__col-span-4", xl === 5 && "xl:govgr-grid__col-span-5", xl === 6 && "xl:govgr-grid__col-span-6", xl === 7 && "xl:govgr-grid__col-span-7", xl === 8 && "xl:govgr-grid__col-span-8", xl === 9 && "xl:govgr-grid__col-span-9"])
+    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)])
   }, props), children);
 });
 export default Grid;

package/esm/HeaderSection/__snapshots__/index.test.tsx.snap

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

package/esm/HeaderSection/index.js

@@ -16,7 +16,7 @@ export var HeaderSection = /*#__PURE__*/React.forwardRef(function HeaderSection(
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-header__container')
+    className: clsx(className, true && 'govgr-header__section')
   }, props), children);
 });
 export default HeaderSection;