@digigov/react-core 1.0.0-290a96e2 → 1.0.0-3bfc7d37

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

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

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

package/esm/StepNav/index.test.js

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

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

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

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

package/esm/TaskList/index.test.js

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

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

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

package/esm/Timeline/index.js

@@ -10,8 +10,7 @@ import Base from '@digigov/react-core/Base';
  * This component must contain TimelineItem component.
  */
 export var Timeline = /*#__PURE__*/React.forwardRef(function Timeline(_ref, ref) {
-  var _ref$dense = _ref.dense,
-      dense = _ref$dense === void 0 ? true : _ref$dense,
+  var dense = _ref.dense,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,7 +18,7 @@ export var Timeline = /*#__PURE__*/React.forwardRef(function Timeline(_ref, ref)
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ol",
     ref: ref,
-    className: clsx(className, !dense && 'govgr-timeline--spaced', true && 'govgr-timeline')
+    className: clsx(className, dense && 'govgr-timeline--dense', true && 'govgr-timeline')
   }, props), children);
 });
 export default Timeline;

package/esm/Timeline/index.test.js

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

package/esm/Unpurge/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 function Unpurge() {
   return /*#__PURE__*/React.createElement("div", {
-    className: "\n    govgr-m-0 \n    govgr-mt-0 \n    govgr-mb-0 \n    govgr-mr-0 \n    govgr-ml-0 \n    govgr-p-0 \n    govgr-pt-0 \n    govgr-pb-0 \n    govgr-pr-0 \n    govgr-pl-0 \n    govgr-m-1 \n    govgr-mt-1 \n    govgr-mb-1 \n    govgr-mr-1 \n    govgr-ml-1 \n    govgr-p-1 \n    govgr-pt-1 \n    govgr-pb-1 \n    govgr-pr-1 \n    govgr-pl-1 \n    govgr-m-2 \n    govgr-mt-2 \n    govgr-mb-2 \n    govgr-mr-2 \n    govgr-ml-2 \n    govgr-p-2 \n    govgr-pt-2 \n    govgr-pb-2 \n    govgr-pr-2 \n    govgr-pl-2 \n    govgr-m-3 \n    govgr-mt-3 \n    govgr-mb-3 \n    govgr-mr-3 \n    govgr-ml-3 \n    govgr-p-3 \n    govgr-pt-3 \n    govgr-pb-3 \n    govgr-pr-3 \n    govgr-pl-3 \n    govgr-m-4 \n    govgr-mt-4 \n    govgr-mb-4 \n    govgr-mr-4 \n    govgr-ml-4 \n    govgr-p-4 \n    govgr-pt-4 \n    govgr-pb-4 \n    govgr-pr-4 \n    govgr-pl-4 \n    govgr-m-5 \n    govgr-mt-5 \n    govgr-mb-5 \n    govgr-mr-5 \n    govgr-ml-5 \n    govgr-p-5 \n    govgr-pt-5 \n    govgr-pb-5 \n    govgr-pr-5 \n    govgr-pl-5 \n    govgr-m-6 \n    govgr-mt-6 \n    govgr-mb-6 \n    govgr-mr-6 \n    govgr-ml-6 \n    govgr-p-6 \n    govgr-pt-6 \n    govgr-pb-6 \n    govgr-pr-6 \n    govgr-pl-6 \n    govgr-m-7 \n    govgr-mt-7 \n    govgr-mb-7 \n    govgr-mr-7 \n    govgr-ml-7 \n    govgr-p-7 \n    govgr-pt-7 \n    govgr-pb-7 \n    govgr-pr-7 \n    govgr-pl-7 \n    govgr-m-8 \n    govgr-mt-8 \n    govgr-mb-8 \n    govgr-mr-8 \n    govgr-ml-8 \n    govgr-m-9 \n    govgr-mt-9 \n    govgr-mb-9 \n    govgr-mr-9 \n    govgr-ml-9 \n    govgr-m-10 \n    govgr-mt-10 \n    govgr-mb-10 \n    govgr-mr-10 \n    govgr-ml-10 \n    govgr-m-11 \n    govgr-mt-11 \n    govgr-mb-11 \n    govgr-mr-11 \n    govgr-ml-11 \n    govgr-m-12 \n    govgr-mt-12 \n    govgr-mb-12 \n    govgr-mr-12 \n    govgr-ml-12 \n    govgr-p-8 \n    govgr-pt-8 \n    govgr-pb-8 \n    govgr-pr-8 \n    govgr-pl-8 \n    govgr-p-9 \n    govgr-pt-9 \n    govgr-pb-9 \n    govgr-pr-9 \n    govgr-pl-9 \n    govgr-p-10\n    govgr-pt-10\n    govgr-pb-10\n    govgr-pr-10\n    govgr-pl-10\n    govgr-p-11\n    govgr-pt-11\n    govgr-pb-11\n    govgr-pr-11\n    govgr-pl-11\n    govgr-p-12\n    govgr-pt-12\n    govgr-pb-12\n    govgr-pr-12\n    govgr-pl-12\n    govgr-gap-1\n    govgr-gap-2\n    govgr-gap-4\n    govgr-gap-6\n    govgr-gap-8\n    govgr-gap-10\n    govgr-gap-12\n    govgr-gap-xs-1\n    govgr-gap-xs-2\n    govgr-gap-xs-4\n    govgr-gap-xs-5\n    govgr-gap-xs-6\n    govgr-gap-xs-8\n    govgr-gap-xs-10\n    govgr-gap-xs-12\n    govgr-gap-sm-1\n    govgr-gap-sm-2\n    govgr-gap-sm-4\n    govgr-gap-sm-5\n    govgr-gap-sm-6\n    govgr-gap-sm-8\n    govgr-gap-sm-10\n    govgr-gap-sm-12\n    govgr-gap-md-1\n    govgr-gap-md-2\n    govgr-gap-md-4\n    govgr-gap-md-5\n    govgr-gap-md-6\n    govgr-gap-md-8\n    govgr-gap-md-10\n    govgr-gap-md-12\n    govgr-gap-lg-1\n    govgr-gap-lg-2\n    govgr-gap-lg-4\n    govgr-gap-lg-5\n    govgr-gap-lg-6\n    govgr-gap-lg-8\n    govgr-gap-lg-10\n    govgr-gap-lg-12\n    govgr-gap-xl-1\n    govgr-gap-xl-2\n    govgr-gap-xl-4\n    govgr-gap-xl-5\n    govgr-gap-xl-6\n    govgr-gap-xl-8\n    govgr-gap-xl-10\n    govgr-gap-xl-12\n    govgr-!-font-size-14\n    govgr-!-font-size-16\n    govgr-!-font-size-19\n    govgr-!-font-size-24\n    govgr-!-font-size-30\n    govgr-!-font-size-36\n    govgr-!-font-size-48\n    govgr-!-font-size-72\n    govgr-!-font-weight-regular\n    govgr-!-font-weight-bold\n    govgr-print-hidden\n    govgr-svg-icon--arrow\n    govgr-svg-icon--burger\n    govgr-svg-icon--burger--active\n    govgr-svg-icon--caret\n    govgr-svg-icon--check\n    govgr-svg-icon--close\n    govgr-svg-icon--globe\n    govgr-svg-icon--moreVert\n    govgr-svg-icon--uncheck\n    xs:govgr-grid__col-span-1\n    xs:govgr-grid__col-span-2\n    xs:govgr-grid__col-span-3\n    xs:govgr-grid__col-span-4\n    xs:govgr-grid__col-span-5\n    xs:govgr-grid__col-span-6\n    xs:govgr-grid__col-span-7\n    xs:govgr-grid__col-span-8\n    xs:govgr-grid__col-span-9\n    xs:govgr-grid__col-span-10\n    xs:govgr-grid__col-span-11\n    xs:govgr-grid__col-span-12\n    sm:govgr-grid__col-span-1\n    sm:govgr-grid__col-span-2\n    sm:govgr-grid__col-span-3\n    sm:govgr-grid__col-span-4\n    sm:govgr-grid__col-span-5\n    sm:govgr-grid__col-span-6\n    sm:govgr-grid__col-span-7\n    sm:govgr-grid__col-span-8\n    sm:govgr-grid__col-span-9\n    sm:govgr-grid__col-span-10\n    sm:govgr-grid__col-span-11\n    sm:govgr-grid__col-span-12\n    md:govgr-grid__col-span-1\n    md:govgr-grid__col-span-2\n    md:govgr-grid__col-span-3\n    md:govgr-grid__col-span-4\n    md:govgr-grid__col-span-5\n    md:govgr-grid__col-span-6\n    md:govgr-grid__col-span-7\n    md:govgr-grid__col-span-8\n    md:govgr-grid__col-span-9\n    md:govgr-grid__col-span-10\n    md:govgr-grid__col-span-11\n    md:govgr-grid__col-span-12\n    lg:govgr-grid__col-span-1\n    lg:govgr-grid__col-span-2\n    lg:govgr-grid__col-span-3\n    lg:govgr-grid__col-span-4\n    lg:govgr-grid__col-span-5\n    lg:govgr-grid__col-span-6\n    lg:govgr-grid__col-span-7\n    lg:govgr-grid__col-span-8\n    lg:govgr-grid__col-span-9\n    lg:govgr-grid__col-span-10\n    lg:govgr-grid__col-span-11\n    lg:govgr-grid__col-span-12\n    govgr-stack--row\n    govgr-stack--row-reverse\n    govgr-stack--column\n    govgr-stack--column-reverse\n    govgr-stack--justify-flex-start\n    govgr-stack--justify-flex-end\n    govgr-stack--justify-center\n    govgr-stack--justify-space-between\n    govgr-stack--justify-space-around\n    govgr-stack--justify-space-evenly \n    govgr-stack--align-stretch\n    govgr-stack--align-flex-start\n    govgr-stack--align-flex-end\n    govgr-stack--align-center\n    govgr-stack--align-baseline\n    govgr-stack--content-flex-start\n    govgr-stack--content-flex-end\n    govgr-stack--content-center\n    govgr-stack--content-space-between\n    govgr-stack--content-space-around\n    govgr-stack--content-space-evenly \n    govgr-notification-banner--info\n    govgr-notification-banner--success\n    govgr-notification-banner--warning\n    govgr-notification-banner--error\n    govgr-input--width-2-char\n    govgr-input--width-3-char\n    govgr-input--width-4-char\n    govgr-input--width-5-char\n    govgr-input--width-10-char\n    govgr-input--width-20-char\n    govgr-!-width-one-quarter\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-full\n    govgr-table__caption--sm\n    govgr-table__caption--md\n    govgr-table__caption--lg\n    govgr-table__caption--xl\n    govgr-task-list__content__tag--primary\n    govgr-task-list__content__tag--secondary\n    govgr-task-list__content__tag--info\n    govgr-svg-icon--xs\n    govgr-svg-icon--sm\n    govgr-svg-icon--md\n    govgr-svg-icon--lg\n    govgr-svg-icon--xl\n    govgr-caption-md\n    govgr-caption-lg\n    govgr-caption-xl\n    govgr-heading-xs\n    govgr-heading-sm\n    govgr-heading-md\n    govgr-heading-lg\n    govgr-heading-xl\n    "
+    className: "\n    govgr-m-0 \n    govgr-mt-0 \n    govgr-mb-0 \n    govgr-mr-0 \n    govgr-ml-0 \n    govgr-p-0 \n    govgr-pt-0 \n    govgr-pb-0 \n    govgr-pr-0 \n    govgr-pl-0 \n    govgr-m-1 \n    govgr-mt-1 \n    govgr-mb-1 \n    govgr-mr-1 \n    govgr-ml-1 \n    govgr-p-1 \n    govgr-pt-1 \n    govgr-pb-1 \n    govgr-pr-1 \n    govgr-pl-1 \n    govgr-m-2 \n    govgr-mt-2 \n    govgr-mb-2 \n    govgr-mr-2 \n    govgr-ml-2 \n    govgr-p-2 \n    govgr-pt-2 \n    govgr-pb-2 \n    govgr-pr-2 \n    govgr-pl-2 \n    govgr-m-3 \n    govgr-mt-3 \n    govgr-mb-3 \n    govgr-mr-3 \n    govgr-ml-3 \n    govgr-p-3 \n    govgr-pt-3 \n    govgr-pb-3 \n    govgr-pr-3 \n    govgr-pl-3 \n    govgr-m-4 \n    govgr-mt-4 \n    govgr-mb-4 \n    govgr-mr-4 \n    govgr-ml-4 \n    govgr-p-4 \n    govgr-pt-4 \n    govgr-pb-4 \n    govgr-pr-4 \n    govgr-pl-4 \n    govgr-m-5 \n    govgr-mt-5 \n    govgr-mb-5 \n    govgr-mr-5 \n    govgr-ml-5 \n    govgr-p-5 \n    govgr-pt-5 \n    govgr-pb-5 \n    govgr-pr-5 \n    govgr-pl-5 \n    govgr-m-6 \n    govgr-mt-6 \n    govgr-mb-6 \n    govgr-mr-6 \n    govgr-ml-6 \n    govgr-p-6 \n    govgr-pt-6 \n    govgr-pb-6 \n    govgr-pr-6 \n    govgr-pl-6 \n    govgr-m-7 \n    govgr-mt-7 \n    govgr-mb-7 \n    govgr-mr-7 \n    govgr-ml-7 \n    govgr-p-7 \n    govgr-pt-7 \n    govgr-pb-7 \n    govgr-pr-7 \n    govgr-pl-7 \n    govgr-m-8 \n    govgr-mt-8 \n    govgr-mb-8 \n    govgr-mr-8 \n    govgr-ml-8 \n    govgr-m-9 \n    govgr-mt-9 \n    govgr-mb-9 \n    govgr-mr-9 \n    govgr-ml-9 \n    govgr-m-10 \n    govgr-mt-10 \n    govgr-mb-10 \n    govgr-mr-10 \n    govgr-ml-10 \n    govgr-m-11 \n    govgr-mt-11 \n    govgr-mb-11 \n    govgr-mr-11 \n    govgr-ml-11 \n    govgr-m-12 \n    govgr-mt-12 \n    govgr-mb-12 \n    govgr-mr-12 \n    govgr-ml-12 \n    govgr-p-8 \n    govgr-pt-8 \n    govgr-pb-8 \n    govgr-pr-8 \n    govgr-pl-8 \n    govgr-p-9 \n    govgr-pt-9 \n    govgr-pb-9 \n    govgr-pr-9 \n    govgr-pl-9 \n    govgr-p-10\n    govgr-pt-10\n    govgr-pb-10\n    govgr-pr-10\n    govgr-pl-10\n    govgr-p-11\n    govgr-pt-11\n    govgr-pb-11\n    govgr-pr-11\n    govgr-pl-11\n    govgr-p-12\n    govgr-pt-12\n    govgr-pb-12\n    govgr-pr-12\n    govgr-pl-12\n    govgr-gap-1\n    govgr-gap-2\n    govgr-gap-4\n    govgr-gap-6\n    govgr-gap-8\n    govgr-gap-10\n    govgr-gap-12\n    govgr-gap-xs-1\n    govgr-gap-xs-2\n    govgr-gap-xs-4\n    govgr-gap-xs-5\n    govgr-gap-xs-6\n    govgr-gap-xs-8\n    govgr-gap-xs-10\n    govgr-gap-xs-12\n    govgr-gap-sm-1\n    govgr-gap-sm-2\n    govgr-gap-sm-4\n    govgr-gap-sm-5\n    govgr-gap-sm-6\n    govgr-gap-sm-8\n    govgr-gap-sm-10\n    govgr-gap-sm-12\n    govgr-gap-md-1\n    govgr-gap-md-2\n    govgr-gap-md-4\n    govgr-gap-md-5\n    govgr-gap-md-6\n    govgr-gap-md-8\n    govgr-gap-md-10\n    govgr-gap-md-12\n    govgr-gap-lg-1\n    govgr-gap-lg-2\n    govgr-gap-lg-4\n    govgr-gap-lg-5\n    govgr-gap-lg-6\n    govgr-gap-lg-8\n    govgr-gap-lg-10\n    govgr-gap-lg-12\n    govgr-gap-xl-1\n    govgr-gap-xl-2\n    govgr-gap-xl-4\n    govgr-gap-xl-5\n    govgr-gap-xl-6\n    govgr-gap-xl-8\n    govgr-gap-xl-10\n    govgr-gap-xl-12\n    govgr-!-font-size-14\n    govgr-!-font-size-16\n    govgr-!-font-size-19\n    govgr-!-font-size-24\n    govgr-!-font-size-30\n    govgr-!-font-size-36\n    govgr-!-font-size-48\n    govgr-!-font-size-72\n    govgr-!-font-weight-regular\n    govgr-!-font-weight-bold\n    govgr-print-hidden\n    govgr-svg-icon--arrow\n    govgr-svg-icon--burger\n    govgr-svg-icon--burger--active\n    govgr-svg-icon--caret\n    govgr-svg-icon--check\n    govgr-svg-icon--close\n    govgr-svg-icon--globe\n    govgr-svg-icon--moreVert\n    govgr-svg-icon--uncheck\n    xs:govgr-grid__col-span-1\n    xs:govgr-grid__col-span-2\n    xs:govgr-grid__col-span-3\n    xs:govgr-grid__col-span-4\n    xs:govgr-grid__col-span-5\n    xs:govgr-grid__col-span-6\n    xs:govgr-grid__col-span-7\n    xs:govgr-grid__col-span-8\n    xs:govgr-grid__col-span-9\n    xs:govgr-grid__col-span-10\n    xs:govgr-grid__col-span-11\n    xs:govgr-grid__col-span-12\n    sm:govgr-grid__col-span-1\n    sm:govgr-grid__col-span-2\n    sm:govgr-grid__col-span-3\n    sm:govgr-grid__col-span-4\n    sm:govgr-grid__col-span-5\n    sm:govgr-grid__col-span-6\n    sm:govgr-grid__col-span-7\n    sm:govgr-grid__col-span-8\n    sm:govgr-grid__col-span-9\n    sm:govgr-grid__col-span-10\n    sm:govgr-grid__col-span-11\n    sm:govgr-grid__col-span-12\n    md:govgr-grid__col-span-1\n    md:govgr-grid__col-span-2\n    md:govgr-grid__col-span-3\n    md:govgr-grid__col-span-4\n    md:govgr-grid__col-span-5\n    md:govgr-grid__col-span-6\n    md:govgr-grid__col-span-7\n    md:govgr-grid__col-span-8\n    md:govgr-grid__col-span-9\n    md:govgr-grid__col-span-10\n    md:govgr-grid__col-span-11\n    md:govgr-grid__col-span-12\n    lg:govgr-grid__col-span-1\n    lg:govgr-grid__col-span-2\n    lg:govgr-grid__col-span-3\n    lg:govgr-grid__col-span-4\n    lg:govgr-grid__col-span-5\n    lg:govgr-grid__col-span-6\n    lg:govgr-grid__col-span-7\n    lg:govgr-grid__col-span-8\n    lg:govgr-grid__col-span-9\n    lg:govgr-grid__col-span-10\n    lg:govgr-grid__col-span-11\n    lg:govgr-grid__col-span-12\n    govgr-stack--row\n    govgr-stack--row-reverse\n    govgr-stack--column\n    govgr-stack--column-reverse\n    govgr-stack--justify-flex-start\n    govgr-stack--justify-flex-end\n    govgr-stack--justify-center\n    govgr-stack--justify-space-between\n    govgr-stack--justify-space-around\n    govgr-stack--justify-space-evenly \n    govgr-stack--align-stretch\n    govgr-stack--align-flex-start\n    govgr-stack--align-flex-end\n    govgr-stack--align-center\n    govgr-stack--align-baseline\n    govgr-stack--content-flex-start\n    govgr-stack--content-flex-end\n    govgr-stack--content-center\n    govgr-stack--content-space-between\n    govgr-stack--content-space-around\n    govgr-stack--content-space-evenly \n    govgr-notification-banner--info\n    govgr-notification-banner--success\n    govgr-notification-banner--warning\n    govgr-notification-banner--error\n    govgr-input--width-2-char\n    govgr-input--width-3-char\n    govgr-input--width-4-char\n    govgr-input--width-5-char\n    govgr-input--width-10-char\n    govgr-input--width-20-char\n    govgr-!-width-one-quarter\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-one-third\n    govgr-!-width-one-half\n    govgr-!-width-two-thirds\n    govgr-!-width-three-quarters\n    govgr-!-width-full\n    govgr-table__caption--sm\n    govgr-table__caption--md\n    govgr-table__caption--lg\n    govgr-table__caption--xl\n    govgr-task-list__content__tag--primary\n    govgr-task-list__content__tag--secondary\n    govgr-task-list__content__tag--info\n    govgr-svg-icon--xs\n    govgr-svg-icon--sm\n    govgr-svg-icon--md\n    govgr-svg-icon--lg\n    govgr-svg-icon--xl\n    govgr-caption-md\n    govgr-caption-lg\n    govgr-caption-xl\n    govgr-heading-xs\n    govgr-heading-sm\n    govgr-heading-md\n    govgr-heading-lg\n    govgr-heading-xl\n    govgr-image-logo--light\n    govgr-image-logo--dark\n    "
   });
 }
 

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v1.0.0-290a96e2
+/** @license Digigov v1.0.0-3bfc7d37
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.
@@ -122,7 +122,8 @@ export * from '@digigov/react-core/SummaryListItemAction';
 export * from '@digigov/react-core/SummaryListItemKey';
 export * from '@digigov/react-core/SummaryListItemValue';
 export * from '@digigov/react-core/SvgIcon';
-export * from '@digigov/react-icons/Icon';
+export * from '@digigov/react-core/ImageLogo';
+export * from '@digigov/react-core/ImageLogoSet';
 export * from '@digigov/react-core/Table';
 export * from '@digigov/react-core/TableBody';
 export * from '@digigov/react-core/TableCaption';

package/esm/registry.js

@@ -121,6 +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_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';
@@ -384,6 +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/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),

package/index.d.ts

@@ -117,7 +117,8 @@ export * from '@digigov/react-core/SummaryListItemAction';
 export * from '@digigov/react-core/SummaryListItemKey';
 export * from '@digigov/react-core/SummaryListItemValue';
 export * from '@digigov/react-core/SvgIcon';
-export * from '@digigov/react-icons/Icon';
+export * from '@digigov/react-core/ImageLogo';
+export * from '@digigov/react-core/ImageLogoSet';
 export * from '@digigov/react-core/Table';
 export * from '@digigov/react-core/TableBody';
 export * from '@digigov/react-core/TableCaption';

package/index.js

@@ -1525,15 +1525,28 @@ Object.keys(_SvgIcon).forEach(function (key) {
   });
 });
 
-var _Icon = require("@digigov/react-icons/Icon");
+var _ImageLogo = require("@digigov/react-core/ImageLogo");
 
-Object.keys(_Icon).forEach(function (key) {
+Object.keys(_ImageLogo).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Icon[key]) return;
+  if (key in exports && exports[key] === _ImageLogo[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _Icon[key];
+      return _ImageLogo[key];
+    }
+  });
+});
+
+var _ImageLogoSet = require("@digigov/react-core/ImageLogoSet");
+
+Object.keys(_ImageLogoSet).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ImageLogoSet[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ImageLogoSet[key];
     }
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/react-core",
-  "version": "1.0.0-290a96e2",
+  "version": "1.0.0-3bfc7d37",
   "description": "@digigov react core components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -11,8 +11,8 @@
     "directory": "dist"
   },
   "peerDependencies": {
-    "@digigov/css": "1.0.0-290a96e2",
-    "@digigov/react-icons": "1.0.0-290a96e2",
+    "@digigov/css": "1.0.0-3bfc7d37",
+    "@digigov/react-icons": "1.0.0-3bfc7d37",
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"

package/registry.d.ts

@@ -122,6 +122,8 @@ declare var _default: {
     '@digigov/react-core/HellenicRepublicLogo/logo-inverted-en': {};
     '@digigov/react-core/Hidden': {};
     '@digigov/react-core/Hint': {};
+    '@digigov/react-core/ImageLogo': {};
+    '@digigov/react-core/ImageLogoSet': {};
     '@digigov/react-core': {};
     '@digigov/react-core/KitchenSinkAllComponents': {};
     '@digigov/react-core/KitchenSinkCard': {};

package/registry.js

@@ -253,6 +253,10 @@ var _digigov_react_core_Hidden = _interopRequireWildcard(require("@digigov/react
 
 var _digigov_react_core_Hint = _interopRequireWildcard(require("@digigov/react-core/Hint"));
 
+var _digigov_react_core_ImageLogo = _interopRequireWildcard(require("@digigov/react-core/ImageLogo"));
+
+var _digigov_react_core_ImageLogoSet = _interopRequireWildcard(require("@digigov/react-core/ImageLogoSet"));
+
 var _digigov_react_core = _interopRequireWildcard(require("@digigov/react-core"));
 
 var _digigov_react_core_KitchenSinkAllComponents = _interopRequireWildcard(require("@digigov/react-core/KitchenSinkAllComponents"));
@@ -642,6 +646,8 @@ var _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/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),

package/src/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/src/Blockquote/index.test.tsx

@@ -6,3 +6,7 @@ import Blockquote from '@digigov/react-core/Blockquote';
 it('renders the Blockquote with no props', () => {
   expect(mount(<Blockquote>hello</Blockquote>)).toMatchSnapshot();
 });
+
+it('renders the Blockquote with dense props', () => {
+  expect(mount(<Blockquote dense>hello</Blockquote>)).toMatchSnapshot();
+});

package/src/Blockquote/index.tsx

@@ -2,18 +2,27 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface BlockquoteProps extends BaseProps<'blockquote'> {}
+export interface BlockquoteProps extends BaseProps<'blockquote'> {
+  /**
+   * dense is optional.
+   * @value true Blockquote will be dense.
+   * @value false
+   * @default false
+   * */
+  dense?: boolean;
+}
 /**
  * Use Blockquote to differentiate a block of text from the content that surrounds it.
  */
 export const Blockquote = React.forwardRef<HTMLElement, BlockquoteProps>(
-  function Blockquote({ className, children, ...props }, ref) {
+  function Blockquote({ className, dense, children, ...props }, ref) {
     return (
       <Base
         as="blockquote"
         ref={ref}
         className={clsx(className, {
           'govgr-blockquote': true,
+          'govgr-blockquote--dense': dense,
         })}
         {...props}
       >

package/src/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/src/Card/index.test.tsx

@@ -10,6 +10,9 @@ it('renders the Card with no props', () => {
 it('renders the Card with callToActon props', () => {
   expect(mount(<Card callToAction>hello</Card>)).toMatchSnapshot();
 });
+it('renders the Card with dense props', () => {
+  expect(mount(<Card dense>hello</Card>)).toMatchSnapshot();
+});
 it('renders the Card with variant="border" props', () => {
   expect(mount(<Card variant="border">hello</Card>)).toMatchSnapshot();
 });

package/src/Card/index.tsx

@@ -30,6 +30,13 @@ export interface CardProps extends BaseProps<'div'> {
   * @value false
   */
   callToAction?: boolean;
+  /**
+   * dense is optional.
+   * @value true Card will be dense.
+   * @value false
+   * @default false
+   * */
+  dense?: boolean;
 }
 /**
  * Cards can be used to divide and organise interface content for better understandability and readability.
@@ -37,7 +44,7 @@ export interface CardProps extends BaseProps<'div'> {
  * Use Card as parent component to wrap CardHeading, CardContent and CartAction components
  */
 export const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(
-  { variant, borderColor, callToAction, className, children, ...props },
+  { variant, borderColor, callToAction, dense, className, children, ...props },
   ref
 ) {
   return (
@@ -46,6 +53,7 @@ export const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(
       ref={ref}
       className={clsx(className, {
         'govgr-card': true,
+        'govgr-card--dense': dense,
         'govgr-card--border': variant === 'border',
         'govgr-card--border-top': variant === 'border-top',
         'govgr-card--divider': variant === 'divider',

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

@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Hint with  variant and src props 1`] = `
+<ForwardRef(ImageLogo)
+  src="logo.png"
+  variant="dark"
+>
+  <ForwardRef(Base)
+    as="img"
+    className="govgr-image-logo--dark"
+    src="logo.png"
+  >
+    <img
+      className="govgr-image-logo--dark"
+      src="logo.png"
+    />
+  </ForwardRef(Base)>
+</ForwardRef(ImageLogo)>
+`;
+
+exports[`renders the Hint with src prop 1`] = `
+<ForwardRef(ImageLogo)
+  src="logo.png"
+>
+  <ForwardRef(Base)
+    as="img"
+    className="govgr-image-logo--light"
+    src="logo.png"
+  >
+    <img
+      className="govgr-image-logo--light"
+      src="logo.png"
+    />
+  </ForwardRef(Base)>
+</ForwardRef(ImageLogo)>
+`;

package/src/ImageLogo/index.test.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+import ImageLogo from '@digigov/react-core/ImageLogo';
+
+it('renders the Hint with src prop', () => {
+  expect(mount(<ImageLogo src='logo.png' />)).toMatchSnapshot();
+});
+
+
+it('renders the Hint with  variant and src props', () => {
+  expect(mount(<ImageLogo variant='dark' src='logo.png' />)).toMatchSnapshot();
+});

package/src/ImageLogo/index.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import clsx from 'clsx';
+import Base, { BaseProps } from '@digigov/react-core/Base';
+
+export interface ImageLogoProps extends BaseProps<'img'> {
+  /**
+   * src is optional.
+   * src is used to display images.
+   */
+  src?: string;
+  /**
+   * variant is optional.
+   * variant is used to display images depending the theme (dark, light).
+   */
+  variant?: 'light' | 'dark';
+}
+/**
+ * ImageLogo is used as a generic component for digigov images.
+ * This component can't have children.
+ */
+export const ImageLogo = React.forwardRef<
+  HTMLImageElement,
+  ImageLogoProps
+>(function ImageLogo({ lang, src, variant, className, children, ...props }, ref) {
+  console.log('src is', src)
+  return (
+    <>
+      <Base
+        as="img"
+        src={src}
+        ref={ref}
+        printHidden
+        className={clsx(className, {
+          'govgr-image-logo': variant === undefined,
+          [`govgr-image-logo--${variant}`]: variant !== undefined,
+        })}
+        {...props}
+      />
+    </>
+  );
+});
+
+export default ImageLogo;