@digigov/react-core 1.0.0-8ae63a77 → 1.0.0-e322b0cc

package/es/CloseButton/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["label", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Button from '@digigov/react-core/Button';
+import Button from "../Button";
 import { CloseIcon } from '@digigov/react-icons/CloseIcon';
 
 var _ref2 = /*#__PURE__*/React.createElement(CloseIcon, null);
@@ -12,7 +12,8 @@ var _ref2 = /*#__PURE__*/React.createElement(CloseIcon, null);
  * CloseButton is an <button> element. It can be used be inside the FilterSection component.
  */
 export var CloseButton = /*#__PURE__*/React.forwardRef(function CloseButton(_ref, ref) {
-  var className = _ref.className,
+  var label = _ref.label,
+      className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
@@ -20,6 +21,6 @@ export var CloseButton = /*#__PURE__*/React.forwardRef(function CloseButton(_ref
     variant: "link",
     className: clsx(className, true && 'govgr-close-btn'),
     ref: ref
-  }, props), children, _ref2);
+  }, props), label || children, _ref2);
 });
 export default CloseButton;

package/es/CloseButton/index.test.js

@@ -1,9 +1,17 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import CloseButton from '@digigov/react-core/CloseButton';
+import CloseButton from "./";
 
 var _ref = /*#__PURE__*/React.createElement(CloseButton, null);
 
 it('renders the CloseButton', function () {
   expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(CloseButton, {
+  label: "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"
+});
+
+it('renders the CloseButton with label prop', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
 });

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

@@ -30,13 +30,18 @@ exports[`renders the Container with fullWidth prop 1`] = `
   <ForwardRef(Grid)
     className="govgr-container--full-width govgr-container"
     container={true}
+    spacing={
+      Object {
+        "sm": 12,
+      }
+    }
   >
     <ForwardRef(Base)
       as="div"
-      className="govgr-container--full-width govgr-container govgr-grid"
+      className="govgr-container--full-width govgr-container govgr-gap-sm-12 govgr-grid"
     >
       <div
-        className="govgr-container--full-width govgr-container govgr-grid"
+        className="govgr-container--full-width govgr-container govgr-gap-sm-12 govgr-grid"
       >
         hello
       </div>
@@ -50,13 +55,18 @@ exports[`renders the Container with no props 1`] = `
   <ForwardRef(Grid)
     className="govgr-container"
     container={true}
+    spacing={
+      Object {
+        "sm": 12,
+      }
+    }
   >
     <ForwardRef(Base)
       as="div"
-      className="govgr-container govgr-grid"
+      className="govgr-container govgr-gap-sm-12 govgr-grid"
     >
       <div
-        className="govgr-container govgr-grid"
+        className="govgr-container govgr-gap-sm-12 govgr-grid"
       >
         hello
       </div>

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 Grid from '@digigov/react-core/Grid';
+import Grid from "../Grid";
 
 /**
  * Use Container as a wrapper.

package/es/Container/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import Container from '@digigov/react-core/Container';
+import Container from "./";
 
 var _ref = /*#__PURE__*/React.createElement(Container, null, "hello");
 

package/es/CopyToClipboardContainer/__snapshots__/index.spec.tsx.snap

@@ -1,5 +1,26 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the CopyToClipboardContainer with dense=true 1`] = `
+<ForwardRef(CopyToClipboardContainer)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-copy-to-clipboard"
+  >
+    <div
+      className="govgr-copy-to-clipboard"
+    >
+      <div
+        className="govgr-copy-to-clipboard__tooltip--right govgr-copy-to-clipboard__tooltip--dense govgr-copy-to-clipboard__tooltip"
+      >
+        Text copied!
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(CopyToClipboardContainer)>
+`;
+
 exports[`renders the CopyToClipboardContainer with no props 1`] = `
 <ForwardRef(CopyToClipboardContainer)>
   <ForwardRef(Base)

package/es/CopyToClipboardContainer/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "tooltipAlign", "className", "children"];
+var _excluded = ["variant", "tooltipAlign", "className", "dense", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from "../Base";
 
 /**
  * CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage
@@ -14,6 +14,7 @@ export var CopyToClipboardContainer = /*#__PURE__*/React.forwardRef(function Cop
       _ref$tooltipAlign = _ref.tooltipAlign,
       tooltipAlign = _ref$tooltipAlign === void 0 ? 'right' : _ref$tooltipAlign,
       className = _ref.className,
+      dense = _ref.dense,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
@@ -23,7 +24,7 @@ export var CopyToClipboardContainer = /*#__PURE__*/React.forwardRef(function Cop
   }, props, {
     className: clsx(className, true && 'govgr-copy-to-clipboard')
   }, props), /*#__PURE__*/React.createElement("div", {
-    className: clsx(className, variant === 'tooltip' && [tooltipAlign === 'right' && 'govgr-copy-to-clipboard__tooltip--right', tooltipAlign === 'left' && 'govgr-copy-to-clipboard__tooltip--left', 'govgr-copy-to-clipboard__tooltip'], variant === 'banner' && 'govgr-copy-to-clipboard__banner')
+    className: clsx(className, variant === 'tooltip' && [tooltipAlign === 'right' && 'govgr-copy-to-clipboard__tooltip--right', tooltipAlign === 'left' && 'govgr-copy-to-clipboard__tooltip--left', dense && 'govgr-copy-to-clipboard__tooltip--dense', 'govgr-copy-to-clipboard__tooltip'], variant === 'banner' && 'govgr-copy-to-clipboard__banner')
   }, children));
 });
 export default CopyToClipboardContainer;

package/es/CopyToClipboardContainer/index.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import CopyToClipboardContainer from '@digigov/react-core/CopyToClipboardContainer';
+import CopyToClipboardContainer from "./";
 
 var _ref = /*#__PURE__*/React.createElement(CopyToClipboardContainer, null, "Text copied!");
 
@@ -23,4 +23,12 @@ var _ref3 = /*#__PURE__*/React.createElement(CopyToClipboardContainer, {
 
 it('renders the CopyToClipboardContainer with variant=banner', function () {
   expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(CopyToClipboardContainer, {
+  dense: true
+}, "Text copied!");
+
+it('renders the CopyToClipboardContainer with dense=true', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
 });

package/es/CopyToClipboardMessage/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["enabled", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from "../Base";
 
 /**
  * CopyToClipboardMessage is used to show a message that a text is being copied.

package/es/CopyToClipboardMessage/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import CopyToClipboardMessage from '@digigov/react-core/CopyToClipboardMessage';
+import CopyToClipboardMessage from "./";
 
 var _ref = /*#__PURE__*/React.createElement(CopyToClipboardMessage, null, "Text copied!");
 

package/es/CopyrightContainer/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from "../Base";
 
 /**
  * CopyrightContainer is used inside the Footer component.

package/es/CopyrightContainer/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import CopyrightContainer from '@digigov/react-core/CopyrightContainer';
+import CopyrightContainer from "./";
 
 var _ref = /*#__PURE__*/React.createElement(CopyrightContainer, null, "hello");
 

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

@@ -1,5 +1,22 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the DateInputContainer with dense prop 1`] = `
+<ForwardRef(DateInputContainer)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-date-input--dense govgr-date-input"
+  >
+    <div
+      className="govgr-date-input--dense govgr-date-input"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(DateInputContainer)>
+`;
+
 exports[`renders the DateInputContainer with no props 1`] = `
 <ForwardRef(DateInputContainer)>
   <ForwardRef(Base)

package/es/DateInputContainer/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["dense", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from "../Base";
 
 /**
  * Details for the DateInputContainer.
@@ -12,14 +12,15 @@ import Base from '@digigov/react-core/Base';
  *
  */
 export var DateInputContainer = /*#__PURE__*/React.forwardRef(function DateInputContainer(_ref, ref) {
-  var className = _ref.className,
+  var dense = _ref.dense,
+      className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-date-input')
+    className: clsx(className, dense && 'govgr-date-input--dense', true && 'govgr-date-input')
   }, props), children);
 });
 export default DateInputContainer;

package/es/DateInputContainer/index.test.js

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

package/es/DateInputItem/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["name", "width", "error", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from "../Base";
 
 /**
  * Details for the DateInputItem.

package/es/DateInputItem/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import DateInputItem from '@digigov/react-core/DateInputItem';
+import DateInputItem from "./";
 
 var _ref = /*#__PURE__*/React.createElement(DateInputItem, null, "hello");
 

package/es/Details/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from "../Base";
 
 /**
  * Details is used to make a page easier to scan when it contains information that only some users will need.

package/es/Details/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import Details from '@digigov/react-core/Details';
+import Details from "./";
 
 var _ref = /*#__PURE__*/React.createElement(Details, null, "hello");
 

package/es/DetailsContent/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from "../Base";
 
 /**
  *DetailsContent component wraps the content text.

package/es/DetailsContent/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import DetailsContent from '@digigov/react-core/DetailsContent';
+import DetailsContent from "./";
 
 var _ref = /*#__PURE__*/React.createElement(DetailsContent, null, "hello");
 

package/es/DetailsSummary/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["size", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from "../Base";
 
 /**
  * Use this inside Details.DetailsSummary will be the text to click on.

package/es/DetailsSummary/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import DetailsSummary from '@digigov/react-core/DetailsSummary';
+import DetailsSummary from "./";
 
 var _ref = /*#__PURE__*/React.createElement(DetailsSummary, null, "hello");
 

package/es/Drawer/index.js

@@ -1,28 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "open", "direction", "upRelative"];
+var _excluded = ["open", "direction", "upRelative", "bgColor", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from "../Base";
 
 /**
  * Drawer can be used to provide access to destinations and app functionality.
  * It can either be permanently on-screen or controlled by a navigation menu icon.
  */
 export var Drawer = /*#__PURE__*/React.forwardRef(function Drawer(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      open = _ref.open,
+  var open = _ref.open,
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? 'left' : _ref$direction,
       _ref$upRelative = _ref.upRelative,
       upRelative = _ref$upRelative === void 0 ? 'never' : _ref$upRelative,
+      bgColor = _ref.bgColor,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, direction === 'right' && 'govgr-drawer--right', direction === 'left' && 'govgr-drawer--left', upRelative === 'sm' && 'govgr-drawer--relative-sm', upRelative === 'md' && 'govgr-drawer--relative-md', upRelative === 'lg' && 'govgr-drawer--relative-lg', !open && 'govgr-drawer--closed', true && 'govgr-drawer')
+    className: clsx(className, bgColor === 'secondary' && 'govgr-drawer--bg-secondary', direction === 'right' && 'govgr-drawer--right', direction === 'left' && 'govgr-drawer--left', upRelative === 'sm' && 'govgr-drawer--relative-sm', upRelative === 'md' && 'govgr-drawer--relative-md', upRelative === 'lg' && 'govgr-drawer--relative-lg', !open && 'govgr-drawer--closed', true && 'govgr-drawer')
   }, props), children);
 });
 export default Drawer;

package/es/Drawer/index.test.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import Drawer from '@digigov/react-core/Drawer';
-import { Heading } from '@digigov/react-core/Heading';
-import { List } from '@digigov/react-core/List';
-import { ListItem } from '@digigov/react-core/ListItem';
+import Drawer from "./";
+import { Heading } from "../Heading";
+import { List } from "../List";
+import { ListItem } from "../ListItem";
 import { CloseIcon } from '@digigov/react-icons';
 
 var _ref = /*#__PURE__*/React.createElement(Drawer, {

package/es/DrawerHeading/index.js

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "children", "onClick", "closeLabel"];
 import React from 'react';
 import clsx from 'clsx';
-import Stack from '@digigov/react-core/Stack';
-import CloseButton from '@digigov/react-core/CloseButton';
+import Stack from "../Stack";
+import CloseButton from "../CloseButton";
 
 /**
  * Use DrawerHeading component inside Drawing

package/es/DrawerHeading/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import DrawerHeading from '@digigov/react-core/DrawerHeading';
+import DrawerHeading from "./";
 
 var _ref = /*#__PURE__*/React.createElement(DrawerHeading, null, "Menu");
 

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

@@ -74,6 +74,26 @@ exports[`renders the DropdownBase with align=right and open=false 1`] = `
 </ForwardRef(DropdownBase)>
 `;
 
+exports[`renders the DropdownBase with dense=true and open=true 1`] = `
+<ForwardRef(DropdownBase)
+  dense={true}
+  open={true}
+>
+  <ForwardRef(Base)
+    as="details"
+    className="govgr-dropdown--dense govgr-dropdown"
+    open={true}
+  >
+    <details
+      className="govgr-dropdown--dense govgr-dropdown"
+      open={true}
+    >
+      hello
+    </details>
+  </ForwardRef(Base)>
+</ForwardRef(DropdownBase)>
+`;
+
 exports[`renders the DropdownBase with no props 1`] = `
 <ForwardRef(DropdownBase)>
   <ForwardRef(Base)

package/es/DropdownBase/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "align", "placement", "disabled"];
+var _excluded = ["className", "dense", "children", "align", "placement", "disabled"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from "../Base";
 
 /**
  * DropdownBase is the main component for a dropdownBase.
@@ -11,6 +11,7 @@ import Base from '@digigov/react-core/Base';
  */
 export var DropdownBase = /*#__PURE__*/React.forwardRef(function DropdownBase(_ref, ref) {
   var className = _ref.className,
+      dense = _ref.dense,
       children = _ref.children,
       _ref$align = _ref.align,
       align = _ref$align === void 0 ? 'left' : _ref$align,
@@ -21,7 +22,7 @@ export var DropdownBase = /*#__PURE__*/React.forwardRef(function DropdownBase(_r
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "details",
     ref: ref,
-    className: clsx(className, placement === 'top' && 'govgr-dropdown--up', align === 'right' && 'govgr-dropdown--right', disabled && 'govgr-dropdown--disabled', true && 'govgr-dropdown')
+    className: clsx(className, placement === 'top' && 'govgr-dropdown--up', align === 'right' && 'govgr-dropdown--right', disabled && 'govgr-dropdown--disabled', dense && 'govgr-dropdown--dense', true && 'govgr-dropdown')
   }, props), children);
 });
 export default DropdownBase;

package/es/DropdownBase/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import DropdownBase from '@digigov/react-core/DropdownBase';
+import DropdownBase from "./";
 
 var _ref = /*#__PURE__*/React.createElement(DropdownBase, null, "hello");
 
@@ -92,4 +92,13 @@ var _ref11 = /*#__PURE__*/React.createElement(DropdownBase, {
 
 it('renders the DropdownBase with placement=top align=left and open=true', function () {
   expect(mount(_ref11)).toMatchSnapshot();
+});
+
+var _ref12 = /*#__PURE__*/React.createElement(DropdownBase, {
+  open: true,
+  dense: true
+}, "hello");
+
+it('renders the DropdownBase with dense=true and open=true', function () {
+  expect(mount(_ref12)).toMatchSnapshot();
 });

package/es/DropdownButton/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "children", "color", "variant", "arrow", "tabIndex", "underline"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from "../Base";
 import { ArrowIcon } from '@digigov/react-icons';
 
 var _ref2 = /*#__PURE__*/React.createElement(ArrowIcon, {

package/es/DropdownButton/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import DropdownButton from '@digigov/react-core/DropdownButton';
+import DropdownButton from "./";
 
 var _ref = /*#__PURE__*/React.createElement(DropdownButton, null, "hello");
 

package/es/DropdownContent/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "children", "fullWidth"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from "../Base";
 
 /**
  * You should use DropdownContent component inside Dropdown component.

package/es/DropdownContent/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import DropdownContent from '@digigov/react-core/DropdownContent';
+import DropdownContent from "./";
 
 var _ref = /*#__PURE__*/React.createElement(DropdownContent, null, "hello");
 

package/es/ErrorMessage/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from "../Base";
 
 /**
  * ErrorMessage is used to show an error message when there is a validation error.

package/es/ErrorMessage/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import ErrorMessage from '@digigov/react-core/ErrorMessage';
+import ErrorMessage from "./";
 
 var _ref = /*#__PURE__*/React.createElement(ErrorMessage, null, "hello");
 

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

@@ -1,5 +1,44 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the ErrorSummary with dense=true 1`] = `
+<ForwardRef(ErrorSummary)
+  dense={true}
+>
+  <ForwardRef(NotificationBannerContainer)
+    dense={true}
+    variant="error"
+  >
+    <ForwardRef(Base)
+      aria-labelledby="govgr-notification-banner-title"
+      as="div"
+      className="govgr-notification-banner--error govgr-notification-banner--dense govgr-notification-banner"
+      data-module="govgr-notification-banner"
+      role="region"
+    >
+      <div
+        aria-labelledby="govgr-notification-banner-title"
+        className="govgr-notification-banner--error govgr-notification-banner--dense govgr-notification-banner"
+        data-module="govgr-notification-banner"
+        role="region"
+      >
+        <ForwardRef(NotificationBannerContent)>
+          <ForwardRef(Base)
+            as="div"
+            className="govgr-notification-banner__content"
+          >
+            <div
+              className="govgr-notification-banner__content"
+            >
+              hello
+            </div>
+          </ForwardRef(Base)>
+        </ForwardRef(NotificationBannerContent)>
+      </div>
+    </ForwardRef(Base)>
+  </ForwardRef(NotificationBannerContainer)>
+</ForwardRef(ErrorSummary)>
+`;
+
 exports[`renders the ErrorSummary with no props 1`] = `
 <ForwardRef(ErrorSummary)>
   <ForwardRef(NotificationBannerContainer)