@digigov/react-core 1.0.0-6b93ebf2 → 1.0.0-871b6be5

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

@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the BottomInfo with no props 1`] = `
+<ForwardRef(BottomInfo)>
+  <ForwardRef(Container)
+    className="govgr-bottom-info"
+  >
+    <ForwardRef(Base)
+      as="div"
+      className="govgr-bottom-info govgr-container"
+    >
+      <div
+        className="govgr-bottom-info govgr-container"
+      >
+        <ForwardRef(Base)
+          as="div"
+          className="govgr-main-wrapper"
+        >
+          <div
+            className="govgr-main-wrapper"
+          >
+            hello
+          </div>
+        </ForwardRef(Base)>
+      </div>
+    </ForwardRef(Base)>
+  </ForwardRef(Container)>
+</ForwardRef(BottomInfo)>
+`;

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

@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the BottomInfoContainer with no props 1`] = `
+<ForwardRef(BottomInfoContainer)>
+  <ForwardRef(Container)
+    className="govgr-bottom-info__container"
+  >
+    <ForwardRef(Base)
+      as="div"
+      className="govgr-bottom-info__container govgr-container"
+    >
+      <div
+        className="govgr-bottom-info__container govgr-container"
+      >
+        <ForwardRef(Base)
+          as="div"
+          className="govgr-main-wrapper"
+        >
+          <div
+            className="govgr-main-wrapper"
+          >
+            hello
+          </div>
+        </ForwardRef(Base)>
+      </div>
+    </ForwardRef(Base)>
+  </ForwardRef(Container)>
+</ForwardRef(BottomInfoContainer)>
+`;

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

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the BottomInfoContent with no props 1`] = `
+<ForwardRef(BottomInfoContent)>
+  <ForwardRef(Grid)
+    className="govgr-bottom-info__content"
+    item={true}
+    lg={3}
+    md={3}
+    xl={3}
+    xs={3}
+  >
+    <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"
+    >
+      <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"
+      >
+        hello
+      </div>
+    </ForwardRef(Base)>
+  </ForwardRef(Grid)>
+</ForwardRef(BottomInfoContent)>
+`;

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the CardAction with no props 1`] = `
-<ForwardRef(CardContent)>
+<ForwardRef(CardAction)>
   <ForwardRef(Base)
     as="div"
     className="govgr-card__action"
@@ -12,5 +12,5 @@ exports[`renders the CardAction with no props 1`] = `
       hello
     </div>
   </ForwardRef(Base)>
-</ForwardRef(CardContent)>
+</ForwardRef(CardAction)>
 `;

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

@@ -13,17 +13,14 @@ exports[`renders the Blockquote with no props 1`] = `
         <ForwardRef(Grid)
           className="govgr-field"
           item={true}
-          lg={12}
-          md={12}
-          xl={12}
           xs={12}
         >
           <ForwardRef(Base)
             as="div"
-            className="govgr-field xs:govgr-grid__col-span-12 md:govgr-grid__col-span-12 lg:govgr-grid__col-span-12 xl:govgr-grid__col-span-12"
+            className="govgr-field xs:govgr-grid__col-span-12"
           >
             <div
-              className="govgr-field xs:govgr-grid__col-span-12 md:govgr-grid__col-span-12 lg:govgr-grid__col-span-12 xl:govgr-grid__col-span-12"
+              className="govgr-field xs:govgr-grid__col-span-12"
             >
               <ForwardRef(LabelContainer)>
                 <ForwardRef(Base)

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

@@ -4,41 +4,16 @@ exports[`renders the Chip with no props 1`] = `
 <ForwardRef(Chip)>
   <ForwardRef(Base)
     as="li"
-    className=""
+    className="govgr-chip"
   >
     <li
-      className=""
+      className="govgr-chip"
     >
-      <a
-        className="govgr-chip"
-        href="#"
+      <div
+        className="govgr-chip__content"
       >
         hello
-        <ForwardRef(CloseIcon)>
-          <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"
-              >
-                <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 "
-                />
-              </svg>
-            </ForwardRef(Base)>
-          </ForwardRef(SvgIcon)>
-        </ForwardRef(CloseIcon)>
-      </a>
+      </div>
     </li>
   </ForwardRef(Base)>
 </ForwardRef(Chip)>

package/esm/Chip/index.js

@@ -8,7 +8,7 @@ import { CloseIcon } from '@digigov/react-icons';
 
 /**
  * Chips can be used to represent small blocks of information.
- * Chip component must be inside ChipSection component.
+ * Chip component must be inside ChipContainer component.
  */
 export var Chip = /*#__PURE__*/React.forwardRef(function Chip(_ref, ref) {
   var className = _ref.className,

package/{ChipSection → esm/ChipContainer}/__snapshots__/index.spec.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the ChipSection with no props 1`] = `
-<ForwardRef(ChipSection)>
+exports[`renders the ChipContainer with no props 1`] = `
+<ForwardRef(ChipContainer)>
   <ForwardRef(Base)
     as="ul"
     className="govgr-chips"
@@ -12,5 +12,5 @@ exports[`renders the ChipSection with no props 1`] = `
       hello!
     </ul>
   </ForwardRef(Base)>
-</ForwardRef(ChipSection)>
+</ForwardRef(ChipContainer)>
 `;

package/{es/ChipSection → esm/ChipContainer}/index.js

@@ -6,9 +6,9 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * ChipSection is used inside Chip component as a container for its items.
+ * ChipContainer is used inside Chip component as a container for its items.
  */
-export var ChipSection = /*#__PURE__*/React.forwardRef(function ChipSection(_ref, ref) {
+export var ChipContainer = /*#__PURE__*/React.forwardRef(function ChipContainer(_ref, ref) {
   var className = _ref.className,
       horizontal = _ref.horizontal,
       children = _ref.children,
@@ -20,4 +20,4 @@ export var ChipSection = /*#__PURE__*/React.forwardRef(function ChipSection(_ref
     className: clsx(className, horizontal && 'govgr-chips--horizontal', true && 'govgr-chips')
   }, props), children);
 });
-export default ChipSection;
+export default ChipContainer;

package/esm/ChipContainer/index.spec.js

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

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

@@ -2,15 +2,20 @@
 
 exports[`renders the ChipHeading with no props 1`] = `
 <ForwardRef(ChipHeading)>
-  <ForwardRef(Base)
-    as="h4"
-    className="govgr-chip--heading"
+  <ForwardRef(Heading)
+    element="h2"
+    size="xs"
   >
-    <h4
-      className="govgr-chip--heading"
+    <ForwardRef(Base)
+      as="h2"
+      className="govgr-heading-xs"
     >
-      hello
-    </h4>
-  </ForwardRef(Base)>
+      <h2
+        className="govgr-heading-xs"
+      >
+        hello
+      </h2>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
 </ForwardRef(ChipHeading)>
 `;

package/esm/ChipHeading/index.js

@@ -1,23 +1,21 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children"];
 import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Heading from '@digigov/react-core/Heading';
 
 /**
  * ChipHeading is used to provide header title above chips.
  * ChipHeading component must be wrapped inside FilterSelectedSection component.
  */
 export var ChipHeading = /*#__PURE__*/React.forwardRef(function ChipHeading(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "h4",
+  return /*#__PURE__*/React.createElement(Heading, _extends({
     ref: ref,
-    className: clsx(className, true && 'govgr-chip--heading')
+    element: "h2",
+    size: "xs"
   }, props), children);
 });
 export default ChipHeading;

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

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

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

@@ -0,0 +1,51 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CloseButton 1`] = `
+<ForwardRef(CloseButton)>
+  <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/esm/{FilterCloseButton → 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", "closeIcon"];
+var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Button from '@digigov/react-core/Button';
@@ -9,19 +9,17 @@ import { CloseIcon } from '@digigov/react-icons/CloseIcon';
 var _ref2 = /*#__PURE__*/React.createElement(CloseIcon, null);
 
 /**
- * FilterCloseButton is an <button> element. It should be inside the FilterSection component.
+ * CloseButton is an <button> element. It can be used be inside the FilterSection component.
  */
-export var FilterCloseButton = /*#__PURE__*/React.forwardRef(function FilterCloseButton(_ref, ref) {
+export var CloseButton = /*#__PURE__*/React.forwardRef(function CloseButton(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
-      _ref$closeIcon = _ref.closeIcon,
-      closeIcon = _ref$closeIcon === void 0 ? _ref2 : _ref$closeIcon,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Button, _extends({
     variant: "link",
-    className: clsx(className, true && 'govgr-filter__close-btn'),
+    className: clsx(className, true && 'govgr-close-btn'),
     ref: ref
-  }, props), children, closeIcon);
+  }, props), children, _ref2);
 });
-export default FilterCloseButton;
+export default CloseButton;

package/esm/CloseButton/index.test.js

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

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

@@ -2,15 +2,15 @@
 
 exports[`renders the Container with cols={false} prop 1`] = `
 <ForwardRef(Container)
-  cols={false}
   fullWidth={true}
+  grid={false}
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-container--full-width"
+    className="govgr-container--full-width govgr-container"
   >
     <div
-      className="govgr-container--full-width"
+      className="govgr-container--full-width govgr-container"
     >
       <ForwardRef(Base)
         as="div"
@@ -33,10 +33,10 @@ exports[`renders the Container with fullWidth prop 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-container--full-width"
+    className="govgr-container--full-width govgr-container"
   >
     <div
-      className="govgr-container--full-width"
+      className="govgr-container--full-width govgr-container"
     >
       <ForwardRef(Base)
         as="div"

package/esm/Container/index.js

@@ -21,9 +21,8 @@ export var Container = /*#__PURE__*/React.forwardRef(function Container(_ref, re
     as: "div",
     ref: ref,
     className: clsx(className, fullWidth && 'govgr-container--full-width', true && 'govgr-container')
-  }, props), /*#__PURE__*/React.createElement(Base, {
-    as: "div",
+  }, props), grid === true ? /*#__PURE__*/React.createElement("div", {
     className: clsx(grid && 'govgr-main-wrapper')
-  }, children));
+  }, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children));
 });
 export default Container;

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

@@ -14,14 +14,14 @@ exports[`renders the DateInputItem with name and width===4 props 1`] = `
       hello
       <ForwardRef(Base)
         as="input"
-        className="govgr-input--width-4 govgr-input"
+        className="govgr-input--width-4-char govgr-input"
         inputMode="numeric"
         name="date-input"
         pattern="[0-9]*"
         type="text"
       >
         <input
-          className="govgr-input--width-4 govgr-input"
+          className="govgr-input--width-4-char govgr-input"
           inputMode="numeric"
           name="date-input"
           pattern="[0-9]*"
@@ -46,14 +46,14 @@ exports[`renders the DateInputItem with name prop 1`] = `
       hello
       <ForwardRef(Base)
         as="input"
-        className="govgr-input--width-2 govgr-input"
+        className="govgr-input--width-2-char govgr-input"
         inputMode="numeric"
         name="date-input"
         pattern="[0-9]*"
         type="text"
       >
         <input
-          className="govgr-input--width-2 govgr-input"
+          className="govgr-input--width-2-char govgr-input"
           inputMode="numeric"
           name="date-input"
           pattern="[0-9]*"
@@ -76,13 +76,13 @@ exports[`renders the DateInputItem with no props 1`] = `
       hello
       <ForwardRef(Base)
         as="input"
-        className="govgr-input--width-2 govgr-input"
+        className="govgr-input--width-2-char govgr-input"
         inputMode="numeric"
         pattern="[0-9]*"
         type="text"
       >
         <input
-          className="govgr-input--width-2 govgr-input"
+          className="govgr-input--width-2-char govgr-input"
           inputMode="numeric"
           pattern="[0-9]*"
           type="text"

package/esm/DateInputItem/index.js

@@ -30,7 +30,7 @@ export var DateInputItem = /*#__PURE__*/React.forwardRef(function DateInputItem(
     pattern: "[0-9]*",
     inputMode: "numeric",
     name: name,
-    className: clsx(width === 2 && 'govgr-input--width-2', width === 4 && 'govgr-input--width-4', error && 'govgr-input--error', true && 'govgr-input')
+    className: clsx(width === 2 && 'govgr-input--width-2-char', width === 4 && 'govgr-input--width-4-char', error && 'govgr-input--error', true && 'govgr-input')
   }, props))));
 });
 export default DateInputItem;

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

@@ -12,26 +12,25 @@ exports[`renders the Drawer with \`open=true\` \`left=true\` props 1`] = `
     <div
       className="govgr-drawer--left govgr-drawer"
     >
-      <div
-        className="govgr-drawer__content"
-      >
-        <div
-          className="govgr--drawer__header-container"
-        >
-          <ForwardRef(Heading)>
-            <ForwardRef(Base)
-              as="h1"
+      <div>
+        <ForwardRef(Heading)>
+          <ForwardRef(Base)
+            as="h1"
+            className="govgr-heading-xl"
+          >
+            <h1
               className="govgr-heading-xl"
             >
-              <h1
-                className="govgr-heading-xl"
-              >
-                Menu
-              </h1>
-            </ForwardRef(Base)>
-          </ForwardRef(Heading)>
-          <ForwardRef(CloseIcon)
+              Menu
+            </h1>
+          </ForwardRef(Base)>
+        </ForwardRef(Heading)>
+        <CloseIcon
+          className="govgr--drawer__close-icon"
+        >
+          <ForwardRef(Icon)
             className="govgr--drawer__close-icon"
+            icon="close"
           >
             <ForwardRef(SvgIcon)
               className="govgr--drawer__close-icon govgr-svg-icon--close"
@@ -49,50 +48,52 @@ exports[`renders the Drawer with \`open=true\` \`left=true\` props 1`] = `
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <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>
+                    <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(CloseIcon)>
-        </div>
-        <ForwardRef(List)>
-          <ForwardRef(Base)
-            as="ol"
+          </ForwardRef(Icon)>
+        </CloseIcon>
+      </div>
+      <ForwardRef(List)>
+        <ForwardRef(Base)
+          as="ol"
+          className="govgr-list"
+        >
+          <ol
             className="govgr-list"
           >
-            <ol
-              className="govgr-list"
-            >
-              <ForwardRef(ListItem)>
-                <ForwardRef(Base)
-                  as="li"
+            <ForwardRef(ListItem)>
+              <ForwardRef(Base)
+                as="li"
+                className="govgr-list__item"
+              >
+                <li
                   className="govgr-list__item"
                 >
-                  <li
-                    className="govgr-list__item"
-                  >
-                    Menu option 1
-                  </li>
-                </ForwardRef(Base)>
-              </ForwardRef(ListItem)>
-              <ForwardRef(ListItem)>
-                <ForwardRef(Base)
-                  as="li"
+                  Menu option 1
+                </li>
+              </ForwardRef(Base)>
+            </ForwardRef(ListItem)>
+            <ForwardRef(ListItem)>
+              <ForwardRef(Base)
+                as="li"
+                className="govgr-list__item"
+              >
+                <li
                   className="govgr-list__item"
                 >
-                  <li
-                    className="govgr-list__item"
-                  >
-                    Menu option 2
-                  </li>
-                </ForwardRef(Base)>
-              </ForwardRef(ListItem)>
-            </ol>
-          </ForwardRef(Base)>
-        </ForwardRef(List)>
-      </div>
+                  Menu option 2
+                </li>
+              </ForwardRef(Base)>
+            </ForwardRef(ListItem)>
+          </ol>
+        </ForwardRef(Base)>
+      </ForwardRef(List)>
     </div>
   </ForwardRef(Base)>
 </ForwardRef(Drawer)>