@digigov/react-core 1.0.0-88820b1e → 1.0.0-8ae63a77

package/es/registry.js

@@ -121,7 +121,8 @@ import * as _digigov_react_core_HellenicRepublicLogo_logo_inverted_el from '@dig
 import * as _digigov_react_core_HellenicRepublicLogo_logo_inverted_en from '@digigov/react-core/HellenicRepublicLogo/logo-inverted-en';
 import * as _digigov_react_core_Hidden from '@digigov/react-core/Hidden';
 import * as _digigov_react_core_Hint from '@digigov/react-core/Hint';
-import * as _digigov_react_core_Icon from '@digigov/react-core/Icon';
+import * as _digigov_react_core_ImageLogo from '@digigov/react-core/ImageLogo';
+import * as _digigov_react_core_ImageLogoSet from '@digigov/react-core/ImageLogoSet';
 import * as _digigov_react_core from '@digigov/react-core';
 import * as _digigov_react_core_KitchenSinkAllComponents from '@digigov/react-core/KitchenSinkAllComponents';
 import * as _digigov_react_core_KitchenSinkCard from '@digigov/react-core/KitchenSinkCard';
@@ -149,17 +150,15 @@ import * as _digigov_react_core_ModalContent from '@digigov/react-core/ModalCont
 import * as _digigov_react_core_ModalHeading from '@digigov/react-core/ModalHeading';
 import * as _digigov_react_core_Nav from '@digigov/react-core/Nav';
 import * as _digigov_react_core_NavList from '@digigov/react-core/NavList';
-import * as _digigov_react_core_NavListItem from '@digigov/react-core/NavListItem';
+import * as _digigov_react_core_NavListItemAction from '@digigov/react-core/NavListItemAction';
+import * as _digigov_react_core_NavListItemActionContainer from '@digigov/react-core/NavListItemActionContainer';
 import * as _digigov_react_core_NavListItemButton from '@digigov/react-core/NavListItemButton';
 import * as _digigov_react_core_NavListItemLink from '@digigov/react-core/NavListItemLink';
-import * as _digigov_react_core_NavMenu from '@digigov/react-core/NavMenu';
 import * as _digigov_react_core_NavMenuContainer from '@digigov/react-core/NavMenuContainer';
-import * as _digigov_react_core_NavMenuContainerContent from '@digigov/react-core/NavMenuContainerContent';
-import * as _digigov_react_core_NavMenuContainerContentList from '@digigov/react-core/NavMenuContainerContentList';
-import * as _digigov_react_core_NavMenuContainerContentListItem from '@digigov/react-core/NavMenuContainerContentListItem';
-import * as _digigov_react_core_NavMenuContainerTitle from '@digigov/react-core/NavMenuContainerTitle';
-import * as _digigov_react_core_NavVertical from '@digigov/react-core/NavVertical';
-import * as _digigov_react_core_NavVerticalItem from '@digigov/react-core/NavVerticalItem';
+import * as _digigov_react_core_NavMenuContent from '@digigov/react-core/NavMenuContent';
+import * as _digigov_react_core_NavMenuContentListBase from '@digigov/react-core/NavMenuContentListBase';
+import * as _digigov_react_core_NavMenuContentListItem from '@digigov/react-core/NavMenuContentListItem';
+import * as _digigov_react_core_NavMenuTitle from '@digigov/react-core/NavMenuTitle';
 import * as _digigov_react_core_NormalText from '@digigov/react-core/NormalText';
 import * as _digigov_react_core_NotificationBannerContainer from '@digigov/react-core/NotificationBannerContainer';
 import * as _digigov_react_core_NotificationBannerContent from '@digigov/react-core/NotificationBannerContent';
@@ -387,7 +386,8 @@ export default {
   '@digigov/react-core/HellenicRepublicLogo/logo-inverted-en': lazyImport(_digigov_react_core_HellenicRepublicLogo_logo_inverted_en),
   '@digigov/react-core/Hidden': lazyImport(_digigov_react_core_Hidden),
   '@digigov/react-core/Hint': lazyImport(_digigov_react_core_Hint),
-  '@digigov/react-core/Icon': lazyImport(_digigov_react_core_Icon),
+  '@digigov/react-core/ImageLogo': lazyImport(_digigov_react_core_ImageLogo),
+  '@digigov/react-core/ImageLogoSet': lazyImport(_digigov_react_core_ImageLogoSet),
   '@digigov/react-core': lazyImport(_digigov_react_core),
   '@digigov/react-core/KitchenSinkAllComponents': lazyImport(_digigov_react_core_KitchenSinkAllComponents),
   '@digigov/react-core/KitchenSinkCard': lazyImport(_digigov_react_core_KitchenSinkCard),
@@ -415,17 +415,15 @@ export default {
   '@digigov/react-core/ModalHeading': lazyImport(_digigov_react_core_ModalHeading),
   '@digigov/react-core/Nav': lazyImport(_digigov_react_core_Nav),
   '@digigov/react-core/NavList': lazyImport(_digigov_react_core_NavList),
-  '@digigov/react-core/NavListItem': lazyImport(_digigov_react_core_NavListItem),
+  '@digigov/react-core/NavListItemAction': lazyImport(_digigov_react_core_NavListItemAction),
+  '@digigov/react-core/NavListItemActionContainer': lazyImport(_digigov_react_core_NavListItemActionContainer),
   '@digigov/react-core/NavListItemButton': lazyImport(_digigov_react_core_NavListItemButton),
   '@digigov/react-core/NavListItemLink': lazyImport(_digigov_react_core_NavListItemLink),
-  '@digigov/react-core/NavMenu': lazyImport(_digigov_react_core_NavMenu),
   '@digigov/react-core/NavMenuContainer': lazyImport(_digigov_react_core_NavMenuContainer),
-  '@digigov/react-core/NavMenuContainerContent': lazyImport(_digigov_react_core_NavMenuContainerContent),
-  '@digigov/react-core/NavMenuContainerContentList': lazyImport(_digigov_react_core_NavMenuContainerContentList),
-  '@digigov/react-core/NavMenuContainerContentListItem': lazyImport(_digigov_react_core_NavMenuContainerContentListItem),
-  '@digigov/react-core/NavMenuContainerTitle': lazyImport(_digigov_react_core_NavMenuContainerTitle),
-  '@digigov/react-core/NavVertical': lazyImport(_digigov_react_core_NavVertical),
-  '@digigov/react-core/NavVerticalItem': lazyImport(_digigov_react_core_NavVerticalItem),
+  '@digigov/react-core/NavMenuContent': lazyImport(_digigov_react_core_NavMenuContent),
+  '@digigov/react-core/NavMenuContentListBase': lazyImport(_digigov_react_core_NavMenuContentListBase),
+  '@digigov/react-core/NavMenuContentListItem': lazyImport(_digigov_react_core_NavMenuContentListItem),
+  '@digigov/react-core/NavMenuTitle': lazyImport(_digigov_react_core_NavMenuTitle),
   '@digigov/react-core/NormalText': lazyImport(_digigov_react_core_NormalText),
   '@digigov/react-core/NotificationBannerContainer': lazyImport(_digigov_react_core_NotificationBannerContainer),
   '@digigov/react-core/NotificationBannerContent': lazyImport(_digigov_react_core_NotificationBannerContent),

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

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

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

@@ -2,19 +2,29 @@
 
 exports[`renders the AdminContainer with no props 1`] = `
 <ForwardRef(AdminContainer)>
-  <ForwardRef(Base)
-    as="div"
-    className="govgr-admin-width-container"
+  <ForwardRef(Container)
+    fullWidth={true}
+    grid={false}
   >
-    <div
-      className="govgr-admin-width-container"
+    <ForwardRef(Grid)
+      className="govgr-container--full-width govgr-container"
+      container={false}
     >
-      <div
-        className="govgr-admin-main-wrapper"
+      <ForwardRef(Base)
+        as="div"
+        className="govgr-container--full-width govgr-container"
       >
-        hello
-      </div>
-    </div>
-  </ForwardRef(Base)>
+        <div
+          className="govgr-container--full-width govgr-container"
+        >
+          <div
+            className="govgr-admin-main-wrapper"
+          >
+            hello
+          </div>
+        </div>
+      </ForwardRef(Base)>
+    </ForwardRef(Grid)>
+  </ForwardRef(Container)>
 </ForwardRef(AdminContainer)>
 `;

package/esm/AdminContainer/index.js

@@ -3,21 +3,22 @@ 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 Container from '@digigov/react-core/Container';
 
 /**
  * AdminContainer is a wrapper for the content of the page
- * Use AdminContainer isnide AdminLayout component
+ * Use AdminContainer inside AdminLayout component
  */
 export var AdminContainer = /*#__PURE__*/React.forwardRef(function AdminContainer(_ref, ref) {
   var className = _ref.className,
       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, true && 'govgr-admin-width-container')
+    fullWidth: true,
+    grid: false,
+    className: className
   }, props), /*#__PURE__*/React.createElement("div", {
     className: clsx(true && 'govgr-admin-main-wrapper')
   }, children));

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

@@ -2,15 +2,24 @@
 
 exports[`renders the Aside with no props 1`] = `
 <ForwardRef(Aside)>
-  <ForwardRef(Base)
+  <ForwardRef(Grid)
     as="aside"
-    className="govgr-aside govgr-grid-column-one-third"
+    className="govgr-aside"
+    item={true}
+    md={4}
+    spacing={4}
+    xs={12}
   >
-    <aside
-      className="govgr-aside govgr-grid-column-one-third"
+    <ForwardRef(Base)
+      as="aside"
+      className="govgr-aside xs:govgr-grid__col-span-12 md:govgr-grid__col-span-4"
     >
-      hello
-    </aside>
-  </ForwardRef(Base)>
+      <aside
+        className="govgr-aside xs:govgr-grid__col-span-12 md:govgr-grid__col-span-4"
+      >
+        hello
+      </aside>
+    </ForwardRef(Base)>
+  </ForwardRef(Grid)>
 </ForwardRef(Aside)>
 `;

package/esm/Aside/index.js

@@ -3,21 +3,25 @@ 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 Grid from '@digigov/react-core/Grid';
 
 /**
- * Use this inside the Content component for additional content
- * that will be shown on the left one third of the page
+ * Use this inside the Container component for additional content.
+ * that will be shown on the left one third of the page.
  */
 export var Aside = /*#__PURE__*/React.forwardRef(function Aside(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Grid, _extends({
+    item: true,
+    xs: 12,
+    md: 4,
+    spacing: 4,
     as: "aside",
     ref: ref,
-    className: clsx(className, true && ['govgr-aside', 'govgr-grid-column-one-third'])
+    className: clsx(className, true && 'govgr-aside')
   }, props), children);
 });
 export default Aside;

package/esm/Base/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "printHidden", "printVisible", "xsUpHidden", "smUpHidden", "mdUpHidden", "lgUpHidden", "xlUpHidden", "xsHidden", "smHidden", "mdHidden", "lgHidden", "xlHidden", "children", "className"];
+var _excluded = ["as", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "printHidden", "printVisible", "hidden", "xsUpHidden", "smUpHidden", "mdUpHidden", "lgUpHidden", "xlUpHidden", "xsHidden", "smHidden", "mdHidden", "lgHidden", "xlHidden", "children", "className"];
 import React from 'react';
 import clsx from 'clsx';
 export var Base = /*#__PURE__*/React.forwardRef(function Base(_ref, ref) {
@@ -17,6 +17,7 @@ export var Base = /*#__PURE__*/React.forwardRef(function Base(_ref, ref) {
       paddingRight = _ref.paddingRight,
       printHidden = _ref.printHidden,
       printVisible = _ref.printVisible,
+      hidden = _ref.hidden,
       xsUpHidden = _ref.xsUpHidden,
       smUpHidden = _ref.smUpHidden,
       mdUpHidden = _ref.mdUpHidden,
@@ -33,7 +34,7 @@ export var Base = /*#__PURE__*/React.forwardRef(function Base(_ref, ref) {
 
   var Component = as || 'span';
   return /*#__PURE__*/React.createElement(Component, _extends({
-    className: clsx(className, (paddingBottom !== undefined ? true : undefined) && "govgr-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "govgr-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "govgr-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "govgr-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "govgr-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "govgr-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "govgr-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "govgr-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "govgr-p-".concat(padding), (margin !== undefined ? true : undefined) && "govgr-m-".concat(margin), printVisible === 'inline' && 'govgr-print-visible-inline', printVisible === 'block' && 'govgr-print-visible-block', !!printHidden && 'govgr-print-hidden', !!xsUpHidden && 'govgr-hidden-xs--up', !!smUpHidden && 'govgr-hidden-sm--up', !!mdUpHidden && 'govgr-hidden-md--up', !!lgUpHidden && 'govgr-hidden-lg--up', !!xlUpHidden && 'govgr-hidden-xl--up', !!xsHidden && 'govgr-hidden-xs', !!smHidden && 'govgr-hidden-sm', !!mdHidden && 'govgr-hidden-md', !!lgHidden && 'govgr-hidden-lg', !!xlHidden && 'govgr-hidden-xl'),
+    className: clsx(className, (paddingBottom !== undefined ? true : undefined) && "govgr-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "govgr-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "govgr-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "govgr-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "govgr-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "govgr-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "govgr-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "govgr-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "govgr-p-".concat(padding), (margin !== undefined ? true : undefined) && "govgr-m-".concat(margin), printVisible === 'inline' && 'govgr-print-visible-inline', printVisible === 'block' && 'govgr-print-visible-block', !!printHidden && 'govgr-print-hidden', !!xsUpHidden && 'govgr-hidden-xs--up', !!smUpHidden && 'govgr-hidden-sm--up', !!mdUpHidden && 'govgr-hidden-md--up', !!lgUpHidden && 'govgr-hidden-lg--up', !!xlUpHidden && 'govgr-hidden-xl--up', !!xsHidden && 'govgr-hidden-xs', !!smHidden && 'govgr-hidden-sm', !!mdHidden && 'govgr-hidden-md', !!lgHidden && 'govgr-hidden-lg', !!xlHidden && 'govgr-hidden-xl', !!hidden && 'govgr-hidden'),
     ref: ref
   }, props), children);
 });

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

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

package/esm/Blockquote/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 clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -10,13 +10,14 @@ import Base from '@digigov/react-core/Base';
  */
 export var Blockquote = /*#__PURE__*/React.forwardRef(function Blockquote(_ref, ref) {
   var className = _ref.className,
+      dense = _ref.dense,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "blockquote",
     ref: ref,
-    className: clsx(className, true && 'govgr-blockquote')
+    className: clsx(className, dense && 'govgr-blockquote--dense', true && 'govgr-blockquote')
   }, props), children);
 });
 export default Blockquote;

package/esm/Blockquote/index.test.js

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

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

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

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

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

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

@@ -5,17 +5,14 @@ exports[`renders the BottomInfoContent with no props 1`] = `
   <ForwardRef(Grid)
     className="govgr-bottom-info__content"
     item={true}
-    lg={3}
-    md={3}
-    xl={3}
-    xs={3}
+    xs={12}
   >
     <ForwardRef(Base)
       as="div"
-      className="govgr-bottom-info__content xs:govgr-grid__col-span-3 md:govgr-grid__col-span-3 lg:govgr-grid__col-span-3 xl:govgr-grid__col-span-3"
+      className="govgr-bottom-info__content xs:govgr-grid__col-span-12"
     >
       <div
-        className="govgr-bottom-info__content xs:govgr-grid__col-span-3 md:govgr-grid__col-span-3 lg:govgr-grid__col-span-3 xl:govgr-grid__col-span-3"
+        className="govgr-bottom-info__content xs:govgr-grid__col-span-12"
       >
         hello
       </div>

package/esm/BottomInfoContent/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "xs", "md", "lg", "xl", "children"];
+var _excluded = ["className", "xs", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Grid from '@digigov/react-core/Grid';
@@ -11,22 +11,13 @@ import Grid from '@digigov/react-core/Grid';
 export var BottomInfoContent = /*#__PURE__*/React.forwardRef(function BottomInfoContent(_ref, ref) {
   var className = _ref.className,
       _ref$xs = _ref.xs,
-      xs = _ref$xs === void 0 ? 3 : _ref$xs,
-      _ref$md = _ref.md,
-      md = _ref$md === void 0 ? 3 : _ref$md,
-      _ref$lg = _ref.lg,
-      lg = _ref$lg === void 0 ? 3 : _ref$lg,
-      _ref$xl = _ref.xl,
-      xl = _ref$xl === void 0 ? 3 : _ref$xl,
+      xs = _ref$xs === void 0 ? 12 : _ref$xs,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Grid, _extends({
     item: true,
     xs: xs,
-    md: md,
-    lg: lg,
-    xl: xl,
     ref: ref,
     className: clsx(className, true && 'govgr-bottom-info__content')
   }, props), children);

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

@@ -21,6 +21,27 @@ exports[`renders the Card with callToActon props 1`] = `
 </ForwardRef(Card)>
 `;
 
+exports[`renders the Card with dense props 1`] = `
+<ForwardRef(Card)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-card--dense govgr-card"
+  >
+    <div
+      className="govgr-card--dense govgr-card"
+    >
+      <div
+        className="govgr-card__body"
+      >
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Card)>
+`;
+
 exports[`renders the Card with no props 1`] = `
 <ForwardRef(Card)>
   <ForwardRef(Base)

package/esm/Card/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "borderColor", "callToAction", "className", "children"];
+var _excluded = ["variant", "borderColor", "callToAction", "dense", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -14,6 +14,7 @@ export var Card = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
   var variant = _ref.variant,
       borderColor = _ref.borderColor,
       callToAction = _ref.callToAction,
+      dense = _ref.dense,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -21,7 +22,7 @@ export var Card = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, variant === 'border-top' && 'govgr-card--border-top', borderColor === 'light' && 'govgr-card--border-light', borderColor === 'dark' && 'govgr-card--border-dark', variant === 'divider' && 'govgr-card--divider', variant === 'border' && 'govgr-card--border', callToAction && 'govgr-card--cta', true && 'govgr-card')
+    className: clsx(className, variant === 'border-top' && 'govgr-card--border-top', borderColor === 'light' && 'govgr-card--border-light', borderColor === 'dark' && 'govgr-card--border-dark', variant === 'divider' && 'govgr-card--divider', variant === 'border' && 'govgr-card--border', callToAction && 'govgr-card--cta', dense && 'govgr-card--dense', true && 'govgr-card')
   }, props), /*#__PURE__*/React.createElement("div", {
     className: clsx(true && 'govgr-card__body')
   }, children));

package/esm/Card/index.test.js

@@ -17,71 +17,79 @@ it('renders the Card with callToActon props', function () {
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(Card, {
-  variant: "border"
+  dense: true
 }, "hello");
 
-it('renders the Card with variant="border" props', function () {
+it('renders the Card with dense props', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(Card, {
-  variant: "divider"
+  variant: "border"
 }, "hello");
 
-it('renders the Card with variant="divider" props', function () {
+it('renders the Card with variant="border" props', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(Card, {
-  variant: "border-top"
+  variant: "divider"
 }, "hello");
 
-it('renders the Card with variant="border-top" props', function () {
+it('renders the Card with variant="divider" props', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(Card, {
+  variant: "border-top"
+}, "hello");
+
+it('renders the Card with variant="border-top" props', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(Card, {
   variant: "border",
   borderColor: "dark"
 }, "hello");
 
 it('renders the Card with variant="border" and borderColor="dark" props', function () {
-  expect(mount(_ref6)).toMatchSnapshot();
+  expect(mount(_ref7)).toMatchSnapshot();
 });
 
-var _ref7 = /*#__PURE__*/React.createElement(Card, {
+var _ref8 = /*#__PURE__*/React.createElement(Card, {
   variant: "border",
   borderColor: "light"
 }, "hello");
 
 it('renders the Card with variant="border" and borderColor="light" props', function () {
-  expect(mount(_ref7)).toMatchSnapshot();
+  expect(mount(_ref8)).toMatchSnapshot();
 });
 
-var _ref8 = /*#__PURE__*/React.createElement(Card, {
+var _ref9 = /*#__PURE__*/React.createElement(Card, {
   variant: "border-top",
   borderColor: "dark"
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="dark" props', function () {
-  expect(mount(_ref8)).toMatchSnapshot();
+  expect(mount(_ref9)).toMatchSnapshot();
 });
 
-var _ref9 = /*#__PURE__*/React.createElement(Card, {
+var _ref10 = /*#__PURE__*/React.createElement(Card, {
   variant: "border-top",
   borderColor: "light"
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="light" props', function () {
-  expect(mount(_ref9)).toMatchSnapshot();
+  expect(mount(_ref10)).toMatchSnapshot();
 });
 
-var _ref10 = /*#__PURE__*/React.createElement(Card, {
+var _ref11 = /*#__PURE__*/React.createElement(Card, {
   variant: "border-top",
   borderColor: "dark",
   callToAction: true
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="dark" callToAction props', function () {
-  expect(mount(_ref10)).toMatchSnapshot();
+  expect(mount(_ref11)).toMatchSnapshot();
 });

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

@@ -6,16 +6,21 @@ exports[`renders the ChipHeading with no props 1`] = `
     element="h2"
     size="xs"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h2"
       className="govgr-heading-xs"
     >
-      <h2
+      <ForwardRef(Base)
+        as="h2"
         className="govgr-heading-xs"
       >
-        hello
-      </h2>
-    </ForwardRef(Base)>
+        <h2
+          className="govgr-heading-xs"
+        >
+          hello
+        </h2>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(ChipHeading)>
 `;