@digigov/react-core 1.3.0-dcbd7ded → 2.0.0-0edebf87

package/cjs/Card/index.test/index.js

@@ -39,38 +39,50 @@ it('renders the Card with variant="border-top" props', function () {
   expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
 });
 var _ref7 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+  dense: true
+}, "hello");
+it('renders the Card with dense" prop', function () {
+  expect((0, _enzyme.mount)(_ref7)).toMatchSnapshot();
+});
+var _ref8 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+  fullHeight: true
+}, "hello");
+it('renders the Card with fullHeight" prop', function () {
+  expect((0, _enzyme.mount)(_ref8)).toMatchSnapshot();
+});
+var _ref9 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
   variant: "border",
   borderColor: "dark"
 }, "hello");
 it('renders the Card with variant="border" and borderColor="dark" props', function () {
-  expect((0, _enzyme.mount)(_ref7)).toMatchSnapshot();
+  expect((0, _enzyme.mount)(_ref9)).toMatchSnapshot();
 });
-var _ref8 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+var _ref10 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
   variant: "border",
   borderColor: "light"
 }, "hello");
 it('renders the Card with variant="border" and borderColor="light" props', function () {
-  expect((0, _enzyme.mount)(_ref8)).toMatchSnapshot();
+  expect((0, _enzyme.mount)(_ref10)).toMatchSnapshot();
 });
-var _ref9 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+var _ref11 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
   variant: "border-top",
   borderColor: "dark"
 }, "hello");
 it('renders the Card with variant="border-top" and borderColor="dark" props', function () {
-  expect((0, _enzyme.mount)(_ref9)).toMatchSnapshot();
+  expect((0, _enzyme.mount)(_ref11)).toMatchSnapshot();
 });
-var _ref10 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+var _ref12 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
   variant: "border-top",
   borderColor: "light"
 }, "hello");
 it('renders the Card with variant="border-top" and borderColor="light" props', function () {
-  expect((0, _enzyme.mount)(_ref10)).toMatchSnapshot();
+  expect((0, _enzyme.mount)(_ref12)).toMatchSnapshot();
 });
-var _ref11 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+var _ref13 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
   variant: "border-top",
   borderColor: "dark",
   callToAction: true
 }, "hello");
 it('renders the Card with variant="border-top" and borderColor="dark" callToAction props', function () {
-  expect((0, _enzyme.mount)(_ref11)).toMatchSnapshot();
+  expect((0, _enzyme.mount)(_ref13)).toMatchSnapshot();
 });

package/cjs/DropdownButton/__snapshots__/index.test.tsx.snap

@@ -57,31 +57,31 @@ exports[`renders the DropdownButton with arrow=true 1`] = `
       >
         <ForwardRef(Icon)
           direction="down"
-          icon="arrow"
+          icon="chevron"
         >
           <ForwardRef(SvgIcon)
-            className="ds-svg-icon--arrow"
+            className="ds-svg-icon--chevron"
           >
             <ForwardRef(Base)
               aria-hidden="true"
               as="svg"
-              className="ds-svg-icon--arrow ds-svg-icon"
+              className="ds-svg-icon--chevron ds-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <svg
                 aria-hidden="true"
-                className="ds-svg-icon--arrow ds-svg-icon"
+                className="ds-svg-icon--chevron ds-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <arrow
+                <chevron
                   direction="down"
                 >
                   <path
                     d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
                   />
-                </arrow>
+                </chevron>
               </svg>
             </ForwardRef(Base)>
           </ForwardRef(SvgIcon)>
@@ -150,31 +150,31 @@ exports[`renders the DropdownButton with color=primary and arrow={true} 1`] = `
       >
         <ForwardRef(Icon)
           direction="down"
-          icon="arrow"
+          icon="chevron"
         >
           <ForwardRef(SvgIcon)
-            className="ds-svg-icon--arrow"
+            className="ds-svg-icon--chevron"
           >
             <ForwardRef(Base)
               aria-hidden="true"
               as="svg"
-              className="ds-svg-icon--arrow ds-svg-icon"
+              className="ds-svg-icon--chevron ds-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <svg
                 aria-hidden="true"
-                className="ds-svg-icon--arrow ds-svg-icon"
+                className="ds-svg-icon--chevron ds-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <arrow
+                <chevron
                   direction="down"
                 >
                   <path
                     d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
                   />
-                </arrow>
+                </chevron>
               </svg>
             </ForwardRef(Base)>
           </ForwardRef(SvgIcon)>
@@ -286,31 +286,31 @@ exports[`renders the DropdownButton with color=primary variant="button" arrow={t
       >
         <ForwardRef(Icon)
           direction="down"
-          icon="arrow"
+          icon="chevron"
         >
           <ForwardRef(SvgIcon)
-            className="ds-svg-icon--arrow"
+            className="ds-svg-icon--chevron"
           >
             <ForwardRef(Base)
               aria-hidden="true"
               as="svg"
-              className="ds-svg-icon--arrow ds-svg-icon"
+              className="ds-svg-icon--chevron ds-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <svg
                 aria-hidden="true"
-                className="ds-svg-icon--arrow ds-svg-icon"
+                className="ds-svg-icon--chevron ds-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <arrow
+                <chevron
                   direction="down"
                 >
                   <path
                     d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
                   />
-                </arrow>
+                </chevron>
               </svg>
             </ForwardRef(Base)>
           </ForwardRef(SvgIcon)>
@@ -362,31 +362,31 @@ exports[`renders the DropdownButton with color=primary variant="link" arrow={tru
       >
         <ForwardRef(Icon)
           direction="down"
-          icon="arrow"
+          icon="chevron"
         >
           <ForwardRef(SvgIcon)
-            className="ds-svg-icon--arrow"
+            className="ds-svg-icon--chevron"
           >
             <ForwardRef(Base)
               aria-hidden="true"
               as="svg"
-              className="ds-svg-icon--arrow ds-svg-icon"
+              className="ds-svg-icon--chevron ds-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <svg
                 aria-hidden="true"
-                className="ds-svg-icon--arrow ds-svg-icon"
+                className="ds-svg-icon--chevron ds-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <arrow
+                <chevron
                   direction="down"
                 >
                   <path
                     d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
                   />
-                </arrow>
+                </chevron>
               </svg>
             </ForwardRef(Base)>
           </ForwardRef(SvgIcon)>
@@ -455,31 +455,31 @@ exports[`renders the DropdownButton with color=secondary and arrow={true} 1`] =
       >
         <ForwardRef(Icon)
           direction="down"
-          icon="arrow"
+          icon="chevron"
         >
           <ForwardRef(SvgIcon)
-            className="ds-svg-icon--arrow"
+            className="ds-svg-icon--chevron"
           >
             <ForwardRef(Base)
               aria-hidden="true"
               as="svg"
-              className="ds-svg-icon--arrow ds-svg-icon"
+              className="ds-svg-icon--chevron ds-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <svg
                 aria-hidden="true"
-                className="ds-svg-icon--arrow ds-svg-icon"
+                className="ds-svg-icon--chevron ds-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <arrow
+                <chevron
                   direction="down"
                 >
                   <path
                     d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
                   />
-                </arrow>
+                </chevron>
               </svg>
             </ForwardRef(Base)>
           </ForwardRef(SvgIcon)>
@@ -552,31 +552,31 @@ exports[`renders the DropdownButton with color=warning variant="button" arrow={t
       >
         <ForwardRef(Icon)
           direction="down"
-          icon="arrow"
+          icon="chevron"
         >
           <ForwardRef(SvgIcon)
-            className="ds-svg-icon--arrow"
+            className="ds-svg-icon--chevron"
           >
             <ForwardRef(Base)
               aria-hidden="true"
               as="svg"
-              className="ds-svg-icon--arrow ds-svg-icon"
+              className="ds-svg-icon--chevron ds-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <svg
                 aria-hidden="true"
-                className="ds-svg-icon--arrow ds-svg-icon"
+                className="ds-svg-icon--chevron ds-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
-                <arrow
+                <chevron
                   direction="down"
                 >
                   <path
                     d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
                   />
-                </arrow>
+                </chevron>
               </svg>
             </ForwardRef(Base)>
           </ForwardRef(SvgIcon)>

package/cjs/DropdownContent/index.js

@@ -10,20 +10,21 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-var _excluded = ["className", "children", "fullWidth"];
+var _excluded = ["fullWidth", "scrollable", "className", "children"];
 /**
  * You should use DropdownContent component inside Dropdown component.
  */
 var DropdownContent = exports.DropdownContent = /*#__PURE__*/_react["default"].forwardRef(function DropdownContent(_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    _ref$fullWidth = _ref.fullWidth,
+  var _ref$fullWidth = _ref.fullWidth,
     fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
+    scrollable = _ref.scrollable,
+    className = _ref.className,
+    children = _ref.children,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
     ref: ref,
-    className: (0, _clsx["default"])(className, fullWidth && 'ds-dropdown__content--full-width', true && 'ds-dropdown__content')
+    className: (0, _clsx["default"])(className, scrollable && 'ds-dropdown__content--scrollable', fullWidth && 'ds-dropdown__content--full-width', true && 'ds-dropdown__content')
   }, props), children);
 });
 var _default = exports["default"] = DropdownContent;

package/cjs/FooterContentLogos/__snapshots__/index.test.tsx.snap

@@ -4,10 +4,10 @@ exports[`renders the FooterContentLogos with no props 1`] = `
 <ForwardRef(FooterContentLogos)>
   <ForwardRef(Base)
     as="div"
-    className="ds-footer__content--logos"
+    className="ds-footer__content__logos"
   >
     <div
-      className="ds-footer__content--logos"
+      className="ds-footer__content__logos"
     >
       hello
     </div>

package/cjs/FooterContentLogos/index.js

@@ -23,7 +23,7 @@ var FooterContentLogos = exports.FooterContentLogos = /*#__PURE__*/_react["defau
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
     ref: ref,
-    className: (0, _clsx["default"])(className, true && 'ds-footer__content--logos')
+    className: (0, _clsx["default"])(className, true && 'ds-footer__content__logos')
   }, props), children);
 });
 var _default = exports["default"] = FooterContentLogos;

package/cjs/Hidden/__snapshots__/index.test.tsx.snap

@@ -6,10 +6,11 @@ exports[`renders the Hidden with \`lgUp\` props 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="ds-hidden-lg--up"
+    lgUpHidden={true}
+    xsUpHidden={false}
   >
     <div
-      className="ds-hidden-lg--up"
+      className="ds-hidden-lg-up"
     >
       <div>
         hello
@@ -25,10 +26,11 @@ exports[`renders the Hidden with \`mdUp\` props 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="ds-hidden-md--up"
+    mdUpHidden={true}
+    xsUpHidden={false}
   >
     <div
-      className="ds-hidden-md--up"
+      className="ds-hidden-md-up"
     >
       <div>
         hello
@@ -44,10 +46,11 @@ exports[`renders the Hidden with \`smUp\` props 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="ds-hidden-sm--up"
+    smUpHidden={true}
+    xsUpHidden={false}
   >
     <div
-      className="ds-hidden-sm--up"
+      className="ds-hidden-sm-up"
     >
       <div>
         hello
@@ -63,10 +66,11 @@ exports[`renders the Hidden with \`xlUp\` props 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="ds-hidden-xl--up"
+    xlUpHidden={true}
+    xsUpHidden={false}
   >
     <div
-      className="ds-hidden-xl--up"
+      className="ds-hidden-xl-up"
     >
       <div>
         hello
@@ -82,10 +86,10 @@ exports[`renders the Hidden with \`xsUp\` props 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="ds-hidden-xs--up"
+    xsUpHidden={true}
   >
     <div
-      className="ds-hidden-xs--up"
+      className="ds-hidden-xs-up"
     >
       <div>
         hello

package/cjs/Hint/index.js

@@ -23,7 +23,7 @@ var Hint = exports.Hint = /*#__PURE__*/_react["default"].forwardRef(function Hin
   return /*#__PURE__*/_react["default"].createElement(_Typography["default"], (0, _extends2["default"])({
     as: "p",
     ref: ref,
-    className: (0, _clsx["default"])(className, size === 'lg' && 'ds-hint-lg', size === 'sm' && 'ds-hint-sm', breakWords && 'ds-hint--break-words', true && 'ds-hint')
+    className: (0, _clsx["default"])(className, size === 'lg' && 'ds-hint--lg', size === 'sm' && 'ds-hint--sm', breakWords && 'ds-hint--break-words', true && 'ds-hint')
   }, props), children);
 });
 var _default = exports["default"] = Hint;

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

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

package/cjs/ImageLogo/index.js

@@ -22,13 +22,12 @@ var ImageLogo = exports.ImageLogo = /*#__PURE__*/_react["default"].forwardRef(fu
     className = _ref.className,
     children = _ref.children,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  console.log('src is', src);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "img",
     src: src,
     ref: ref,
     printHidden: true,
-    className: (0, _clsx["default"])(className, variant === undefined && 'ds-image-logo', variant !== undefined && "ds-image-logo--".concat(variant))
+    className: (0, _clsx["default"])(className, variant === undefined && 'ds-image-logo', variant !== undefined && "ds-image-logo-".concat(variant))
   }, props)));
 });
 var _default = exports["default"] = ImageLogo;

package/cjs/ImageLogoSet/__snapshots__/index.test.tsx.snap

@@ -17,12 +17,12 @@ exports[`renders the Hint with  variants=[light, dark] and src props 1`] = `
   >
     <ForwardRef(Base)
       as="img"
-      className="ds-image-logo--light"
+      className="ds-image-logo-light"
       printHidden={true}
       src="logo--light.png"
     >
       <img
-        className="ds-image-logo--light ds-print-hidden"
+        className="ds-image-logo-light ds-print-hidden"
         src="logo--light.png"
       />
     </ForwardRef(Base)>
@@ -34,12 +34,12 @@ exports[`renders the Hint with  variants=[light, dark] and src props 1`] = `
   >
     <ForwardRef(Base)
       as="img"
-      className="ds-image-logo--dark"
+      className="ds-image-logo-dark"
       printHidden={true}
       src="logo--dark.png"
     >
       <img
-        className="ds-image-logo--dark ds-print-hidden"
+        className="ds-image-logo-dark ds-print-hidden"
         src="logo--dark.png"
       />
     </ForwardRef(Base)>
@@ -63,12 +63,12 @@ exports[`renders the Hint with  variants=[light] and src props 1`] = `
   >
     <ForwardRef(Base)
       as="img"
-      className="ds-image-logo--light"
+      className="ds-image-logo-light"
       printHidden={true}
       src="logo--light.png"
     >
       <img
-        className="ds-image-logo--light ds-print-hidden"
+        className="ds-image-logo-light ds-print-hidden"
         src="logo--light.png"
       />
     </ForwardRef(Base)>
@@ -87,12 +87,12 @@ exports[`renders the Hint with src prop 1`] = `
   >
     <ForwardRef(Base)
       as="img"
-      className="ds-image-logo--dark"
+      className="ds-image-logo-dark"
       printHidden={true}
       src="logo--dark.png"
     >
       <img
-        className="ds-image-logo--dark ds-print-hidden"
+        className="ds-image-logo-dark ds-print-hidden"
         src="logo--dark.png"
       />
     </ForwardRef(Base)>
@@ -104,12 +104,12 @@ exports[`renders the Hint with src prop 1`] = `
   >
     <ForwardRef(Base)
       as="img"
-      className="ds-image-logo--light"
+      className="ds-image-logo-light"
       printHidden={true}
       src="logo--light.png"
     >
       <img
-        className="ds-image-logo--light ds-print-hidden"
+        className="ds-image-logo-light ds-print-hidden"
         src="logo--light.png"
       />
     </ForwardRef(Base)>

package/cjs/ModalContainer/index.js

@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-var _excluded = ["className", "children", "open", "dense"];
+var _excluded = ["className", "gaps", "children", "open", "dense"];
 /**
  * Modals can be used to open a pop-up dialog box and provide critical information
  * or ask for a decision. Modals disable all app functionality when they appear, and
@@ -19,18 +19,20 @@ var _excluded = ["className", "children", "open", "dense"];
  */
 var ModalContainer = exports.ModalContainer = /*#__PURE__*/_react["default"].forwardRef(function ModalContainer(_ref, ref) {
   var className = _ref.className,
+    _ref$gaps = _ref.gaps,
+    gaps = _ref$gaps === void 0 ? true : _ref$gaps,
     children = _ref.children,
     open = _ref.open,
     dense = _ref.dense,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
+    ref: ref,
     as: "div",
     className: (0, _clsx["default"])(className, dense && 'ds-modal--dense', true && 'ds-modal', open && 'ds-modal--open')
   }, props), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _clsx["default"])(true && 'ds-modal__body')
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    ref: ref,
-    className: (0, _clsx["default"])(true && 'ds-modal__container')
-  }, children)));
+    className: "ds-modal__body"
+  }, gaps ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ds-modal__container"
+  }, children) : children));
 });
 var _default = exports["default"] = ModalContainer;

package/cjs/ModalHeading/index.js

@@ -21,8 +21,7 @@ var ModalHeading = exports.ModalHeading = /*#__PURE__*/_react["default"].forward
   return /*#__PURE__*/_react["default"].createElement(_Heading["default"], (0, _extends2["default"])({
     ref: ref,
     size: "md",
-    element: "h2",
-    marginBottom: 0
+    element: "h2"
   }, props), children);
 });
 var _default = exports["default"] = ModalHeading;