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

package/es/Button/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["color", "variant", "disabled", "printHidden", "className", "children"];
+var _excluded = ["color", "variant", "dense", "disabled", "printHidden", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -13,6 +13,7 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
       color = _ref$color === void 0 ? 'primary' : _ref$color,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'button' : _ref$variant,
+      dense = _ref.dense,
       disabled = _ref.disabled,
       _ref$printHidden = _ref.printHidden,
       printHidden = _ref$printHidden === void 0 ? true : _ref$printHidden,
@@ -25,7 +26,7 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
     disabled: disabled,
     printHidden: printHidden,
     ref: ref,
-    className: clsx(className, variant === 'button' && [color === 'secondary' && 'govgr-btn-secondary', color === 'primary' && 'govgr-btn-primary', color === 'warning' && 'govgr-btn-warning', disabled && 'govgr-btn--disabled', 'govgr-btn'], variant === 'link' && 'govgr-link')
+    className: clsx(className, variant === 'button' && [color === 'secondary' && 'govgr-btn-secondary', color === 'primary' && 'govgr-btn-primary', color === 'warning' && 'govgr-btn-warning', disabled && 'govgr-btn--disabled', 'govgr-btn'], variant === 'link' && 'govgr-link', dense && 'govgr-btn--dense')
   }, props), children);
 });
 export default Button;

package/es/Button/index.test.js

@@ -49,44 +49,52 @@ it('renders the Button with disabled=false', function () {
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(Button, {
+  dense: true
+}, "hello");
+
+it('renders the Button with dense=true', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/React.createElement(Button, {
   disabled: true,
   color: 'primary'
 }, "hello");
 
 it('renders the Button with color=primary with disabled=true', function () {
-  expect(mount(_ref7)).toMatchSnapshot();
+  expect(mount(_ref8)).toMatchSnapshot();
 });
 
-var _ref8 = /*#__PURE__*/React.createElement(Button, {
+var _ref9 = /*#__PURE__*/React.createElement(Button, {
   disabled: true,
   color: 'secondary'
 }, "hello");
 
 it('renders the Button with color=secondary with disabled=true', function () {
-  expect(mount(_ref8)).toMatchSnapshot();
+  expect(mount(_ref9)).toMatchSnapshot();
 });
 
-var _ref9 = /*#__PURE__*/React.createElement(Button, {
+var _ref10 = /*#__PURE__*/React.createElement(Button, {
   disabled: true,
   color: 'warning'
 }, "hello");
 
 it('renders the Button with color=warning with disabled=true', function () {
-  expect(mount(_ref9)).toMatchSnapshot();
+  expect(mount(_ref10)).toMatchSnapshot();
 });
 
-var _ref10 = /*#__PURE__*/React.createElement(Button, {
+var _ref11 = /*#__PURE__*/React.createElement(Button, {
   "aria-label": "button for opening menu"
 }, "Menu");
 
 it('renders the Button with ariaLabel prop', function () {
-  expect(mount(_ref10)).toMatchSnapshot();
+  expect(mount(_ref11)).toMatchSnapshot();
 });
 
-var _ref11 = /*#__PURE__*/React.createElement(Button, {
+var _ref12 = /*#__PURE__*/React.createElement(Button, {
   tabIndex: 0
 }, "Menu");
 
 it('renders the Button with tabIndex prop', function () {
-  expect(mount(_ref11)).toMatchSnapshot();
+  expect(mount(_ref12)).toMatchSnapshot();
 });

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

@@ -1,5 +1,81 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the Checkbox with dense prop and CheckboxItems 1`] = `
+<ForwardRef(Checkbox)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-checkboxes--dense govgr-checkboxes"
+  >
+    <div
+      className="govgr-checkboxes--dense govgr-checkboxes"
+    >
+      <ForwardRef(CheckboxItem)>
+        <div
+          className="govgr-checkboxes__item"
+        >
+          <ForwardRef(LabelContainer)
+            className="govgr-checkboxes__label"
+          >
+            <ForwardRef(Base)
+              as="label"
+              className="govgr-checkboxes__label govgr-label"
+            >
+              <label
+                className="govgr-checkboxes__label govgr-label"
+              >
+                This is item 1
+                <ForwardRef(Base)
+                  as="input"
+                  className="govgr-checkboxes__input"
+                  type="checkbox"
+                >
+                  <input
+                    className="govgr-checkboxes__input"
+                    type="checkbox"
+                  />
+                </ForwardRef(Base)>
+              </label>
+            </ForwardRef(Base)>
+          </ForwardRef(LabelContainer)>
+        </div>
+      </ForwardRef(CheckboxItem)>
+      <ForwardRef(CheckboxItem)>
+        <div
+          className="govgr-checkboxes__item"
+        >
+          <ForwardRef(LabelContainer)
+            className="govgr-checkboxes__label"
+          >
+            <ForwardRef(Base)
+              as="label"
+              className="govgr-checkboxes__label govgr-label"
+            >
+              <label
+                className="govgr-checkboxes__label govgr-label"
+              >
+                This is item 2
+                <ForwardRef(Base)
+                  as="input"
+                  className="govgr-checkboxes__input"
+                  type="checkbox"
+                >
+                  <input
+                    className="govgr-checkboxes__input"
+                    type="checkbox"
+                  />
+                </ForwardRef(Base)>
+              </label>
+            </ForwardRef(Base)>
+          </ForwardRef(LabelContainer)>
+        </div>
+      </ForwardRef(CheckboxItem)>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Checkbox)>
+`;
+
 exports[`renders the Checkbox with layout=horizontal and CheckboxItems 1`] = `
 <ForwardRef(Checkbox)
   layout="horizontal"

package/es/Checkbox/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["layout", "className", "children"];
+var _excluded = ["layout", "dense", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -12,6 +12,7 @@ import Base from '@digigov/react-core/Base';
  */
 export var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref) {
   var layout = _ref.layout,
+      dense = _ref.dense,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,7 +20,7 @@ export var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref)
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, layout === 'horizontal' && 'govgr-checkboxes--horizontal', true && 'govgr-checkboxes')
+    className: clsx(className, layout === 'horizontal' && 'govgr-checkboxes--horizontal', dense && 'govgr-checkboxes--dense', true && 'govgr-checkboxes')
   }, props), children);
 });
 export default Checkbox;

package/es/Checkbox/index.test.js

@@ -21,4 +21,12 @@ var _ref3 = /*#__PURE__*/React.createElement(Checkbox, {
 
 it('renders the Checkbox with layout=horizontal and CheckboxItems', function () {
   expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(Checkbox, {
+  dense: true
+}, /*#__PURE__*/React.createElement(CheckboxItem, null, "This is item 1"), /*#__PURE__*/React.createElement(CheckboxItem, null, "This is item 2"));
+
+it('renders the Checkbox with dense prop and CheckboxItems', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
 });

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

@@ -49,3 +49,56 @@ exports[`renders the CloseButton 1`] = `
   </ForwardRef(Button)>
 </ForwardRef(CloseButton)>
 `;
+
+exports[`renders the CloseButton with label prop 1`] = `
+<ForwardRef(CloseButton)
+  label="Κλείσιμο"
+>
+  <ForwardRef(Button)
+    className="govgr-close-btn"
+    variant="link"
+  >
+    <ForwardRef(Base)
+      as="button"
+      className="govgr-close-btn govgr-link"
+      printHidden={true}
+    >
+      <button
+        className="govgr-close-btn govgr-link govgr-print-hidden"
+      >
+        Κλείσιμο
+        <CloseIcon>
+          <ForwardRef(Icon)
+            icon="close"
+          >
+            <ForwardRef(SvgIcon)
+              className="govgr-svg-icon--close"
+            >
+              <ForwardRef(Base)
+                aria-hidden="true"
+                as="svg"
+                className="govgr-svg-icon--close govgr-svg-icon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <svg
+                  aria-hidden="true"
+                  className="govgr-svg-icon--close govgr-svg-icon"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <close>
+                    <polygon
+                      points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
+                    />
+                  </close>
+                </svg>
+              </ForwardRef(Base)>
+            </ForwardRef(SvgIcon)>
+          </ForwardRef(Icon)>
+        </CloseIcon>
+      </button>
+    </ForwardRef(Base)>
+  </ForwardRef(Button)>
+</ForwardRef(CloseButton)>
+`;

package/es/CloseButton/index.js

@@ -1,6 +1,6 @@
 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';
@@ -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

@@ -6,4 +6,12 @@ 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/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,6 +1,6 @@
 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';
@@ -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

@@ -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/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,6 +1,6 @@
 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';
@@ -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

@@ -6,4 +6,12 @@ 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/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)

package/es/ErrorSummary/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "dense", "children"];
 import React from 'react';
 import NotificationBannerContainer from '@digigov/react-core/NotificationBannerContainer';
 import NotificationBannerContent from '@digigov/react-core/NotificationBannerContent';
@@ -10,13 +10,15 @@ import NotificationBannerContent from '@digigov/react-core/NotificationBannerCon
  */
 export var ErrorSummary = /*#__PURE__*/React.forwardRef(function ErrorSummary(_ref, ref) {
   var className = _ref.className,
+      dense = _ref.dense,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(NotificationBannerContainer, _extends({
     variant: 'error',
     className: className,
-    ref: ref
+    ref: ref,
+    dense: dense
   }, props), /*#__PURE__*/React.createElement(NotificationBannerContent, null, children));
 });
 export default ErrorSummary;

package/es/ErrorSummary/index.test.js

@@ -6,4 +6,12 @@ var _ref = /*#__PURE__*/React.createElement(ErrorSummary, null, "hello");
 
 it('renders the ErrorSummary with no props', function () {
   expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(ErrorSummary, {
+  dense: true
+}, "hello");
+
+it('renders the ErrorSummary with dense=true', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
 });

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

@@ -8,10 +8,11 @@ exports[`renders the Hint with  variant and src props 1`] = `
   <ForwardRef(Base)
     as="img"
     className="govgr-image-logo--dark"
+    printHidden={true}
     src="logo.png"
   >
     <img
-      className="govgr-image-logo--dark"
+      className="govgr-image-logo--dark govgr-print-hidden"
       src="logo.png"
     />
   </ForwardRef(Base)>
@@ -24,11 +25,12 @@ exports[`renders the Hint with src prop 1`] = `
 >
   <ForwardRef(Base)
     as="img"
-    className="govgr-image-logo--light"
+    className="govgr-image-logo"
+    printHidden={true}
     src="logo.png"
   >
     <img
-      className="govgr-image-logo--light"
+      className="govgr-image-logo govgr-print-hidden"
       src="logo.png"
     />
   </ForwardRef(Base)>

package/es/ModalContainer/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "open"];
+var _excluded = ["className", "children", "open", "dense"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -15,12 +15,13 @@ export var ModalContainer = /*#__PURE__*/React.forwardRef(function ModalContaine
   var className = _ref.className,
       children = _ref.children,
       open = _ref.open,
+      dense = _ref.dense,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-modal', open && 'govgr-modal--open')
+    className: clsx(className, dense && 'govgr-modal--dense', true && 'govgr-modal', open && 'govgr-modal--open')
   }, props), /*#__PURE__*/React.createElement("div", {
     className: clsx(true && 'govgr-modal__body')
   }, /*#__PURE__*/React.createElement("div", {