@digigov/react-core 0.1.0 → 0.2.0

package/dist/es/CardAction/__snapshots__/index.test.tsx.snap

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

package/dist/es/CardAction/index.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * CardAction contains the action behavior for Card Component.
+ * We can use links, Buttons or ButtonGroup with max of two buttons
+ * Use CardAction inside Card component as childern
+ */
+export var CardAction = /*#__PURE__*/React.forwardRef(function CardText(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className && className, true && 'govgr-card__action')
+  }, props), children);
+});
+export default CardAction;

package/dist/es/CardAction/index.test.js

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

package/dist/es/CardHeading/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CardAction with no props 1`] = `
+<ForwardRef(CardHeading)>
+  <div
+    aria-level={2}
+    className="govgr-card__heading"
+    role="heading"
+  >
+    hello
+  </div>
+</ForwardRef(CardHeading)>
+`;

package/dist/es/CardHeading/index.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * CardHeading gives header title to Card Component
+ * Use CardHeading inside Card component as children
+ */
+export var CardHeading = /*#__PURE__*/React.forwardRef(function CardHeading(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    role: "heading",
+    "aria-level": 2,
+    className: clsx(className && className, true && 'govgr-card__heading')
+  }, props), children);
+});
+export default CardHeading;

package/dist/es/CardHeading/index.test.js

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

package/dist/es/CardText/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CardAction with no props 1`] = `
+<ForwardRef(CardText)>
+  <div
+    className="govgr-card__text"
+  >
+    hello
+  </div>
+</ForwardRef(CardText)>
+`;

package/dist/es/CardText/index.js

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * CardText contains the text for Card Component
+ * Use CardText inside Card component as children
+ */
+export var CardText = /*#__PURE__*/React.forwardRef(function CardText(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className && className, true && 'govgr-card__text')
+  }, props), children);
+});
+export default CardText;

package/dist/es/CardText/index.test.js

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

package/dist/es/FileUpload/__snapshots__/index.test.tsx.snap

@@ -8,7 +8,7 @@ exports[`renders the FileUpload with name prop 1`] = `
     className="upload-file"
   >
     <input
-      className="input-file secondary-label"
+      className="govgr-file-upload"
       name="some-name"
       type="file"
     />
@@ -22,7 +22,7 @@ exports[`renders the FileUpload with no props 1`] = `
     className="upload-file"
   >
     <input
-      className="input-file secondary-label"
+      className="govgr-file-upload"
       type="file"
     />
   </div>

package/dist/es/FileUpload/index.js

@@ -20,7 +20,7 @@ export var FileUpload = /*#__PURE__*/React.forwardRef(function FileUpload(_ref,
   }, props), children, /*#__PURE__*/React.createElement("input", {
     type: "file",
     name: name,
-    className: clsx(true && ['input-file', 'secondary-label'])
+    className: clsx(true && 'govgr-file-upload')
   }));
 });
 export default FileUpload;

package/dist/es/HeaderLogo/__snapshots__/index.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`renders the HeaderLogo with no props 1`] = `
 <ForwardRef(HeaderLogo)>
   <a
-    className=""
+    className="govuk-header-link"
     href="https://www.gov.gr/"
   >
     <img

package/dist/es/HeaderLogo/index.js

@@ -14,7 +14,7 @@ export var HeaderLogo = /*#__PURE__*/React.forwardRef(function HeaderLogo(_ref,
   return /*#__PURE__*/React.createElement("a", _extends({
     href: "https://www.gov.gr/",
     ref: ref,
-    className: clsx(className)
+    className: clsx(className, true && 'govuk-header-link')
   }, props), /*#__PURE__*/React.createElement("img", {
     src: "https://www.gov.gr/gov_gr_logo.svg",
     className: clsx(className, true && 'govgr-header-logo')

package/dist/es/HeaderSecondaryLogo/__snapshots__/index.test.tsx.snap

@@ -5,7 +5,7 @@ exports[`renders the HeaderSecondaryLogo with src 1`] = `
   src="https://dilosi.services.gov.gr/minedu-logo.svg"
 >
   <a
-    className=""
+    className="govuk-header-link"
   >
     <img
       className="govgr-header-secondary-logo"
@@ -21,7 +21,7 @@ exports[`renders the HeaderSecondaryLogo with src and href 1`] = `
   src="https://dilosi.services.gov.gr/minedu-logo.svg"
 >
   <a
-    className=""
+    className="govuk-header-link"
     href="https://www.minedu.gov.gr/"
   >
     <img

package/dist/es/HeaderSecondaryLogo/index.js

@@ -16,7 +16,7 @@ export var HeaderSecondaryLogo = /*#__PURE__*/React.forwardRef(function HeaderSe
   return /*#__PURE__*/React.createElement("a", _extends({
     href: href,
     ref: ref,
-    className: clsx(className)
+    className: clsx(className, true && 'govuk-header-link')
   }, props), /*#__PURE__*/React.createElement("img", {
     src: src,
     className: clsx(className, true && 'govgr-header-secondary-logo')

package/dist/es/Layout/index.js

@@ -5,7 +5,7 @@ import React from 'react';
 import clsx from 'clsx';
 
 /**
- * Wrapper component for the entire page.
+ * Wrapper component for the entire page except the Header and the Footer.
  */
 export var Layout = /*#__PURE__*/React.forwardRef(function Layout(_ref, ref) {
   var className = _ref.className,

package/dist/es/index.js

@@ -12,6 +12,10 @@ export { default as BurgerIcon } from '@digigov/react-core/BurgerIcon';
 export { default as Button } from '@digigov/react-core/Button';
 export { default as ButtonGroup } from '@digigov/react-core/ButtonGroup';
 export { default as CallToAction } from '@digigov/react-core/CallToAction';
+export { default as Card } from '@digigov/react-core/Card';
+export { default as CardHeading } from '@digigov/react-core/CardHeading';
+export { default as CardText } from '@digigov/react-core/CardText';
+export { default as CardAction } from '@digigov/react-core/CardAction';
 export { default as Checkbox } from '@digigov/react-core/Checkbox';
 export { default as CheckboxItem } from '@digigov/react-core/CheckboxItem';
 export { default as CheckboxConditional } from '@digigov/react-core/CheckboxConditional';

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

@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Card with border props 1`] = `
+<ForwardRef(Card)
+  border={true}
+>
+  <div
+    className="govgr-card--border govgr-card"
+  >
+    <div
+      className="govgr-card__body"
+    >
+      hello
+    </div>
+  </div>
+</ForwardRef(Card)>
+`;
+
+exports[`renders the Card with no props 1`] = `
+<ForwardRef(Card)>
+  <div
+    className="govgr-card"
+  >
+    <div
+      className="govgr-card__body"
+    >
+      hello
+    </div>
+  </div>
+</ForwardRef(Card)>
+`;

package/dist/esm/Card/index.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["border", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * Cards can be used to divide and organise interface content for better understandability and readability.
+ * Cards can help your users to scan through vast amounts of information quicker.
+ * Use Card as parent component to wrap CardHeading, CardText and CartAction components
+ */
+export var Card = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
+  var border = _ref.border,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className, border === true && 'govgr-card--border', true && 'govgr-card')
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: clsx(true && 'govgr-card__body')
+  }, children));
+});
+export default Card;

package/dist/esm/Card/index.test.js

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

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

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

package/dist/esm/CardAction/index.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * CardAction contains the action behavior for Card Component.
+ * We can use links, Buttons or ButtonGroup with max of two buttons
+ * Use CardAction inside Card component as childern
+ */
+export var CardAction = /*#__PURE__*/React.forwardRef(function CardText(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className && className, true && 'govgr-card__action')
+  }, props), children);
+});
+export default CardAction;

package/dist/esm/CardAction/index.test.js

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

package/dist/esm/CardHeading/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CardAction with no props 1`] = `
+<ForwardRef(CardHeading)>
+  <div
+    aria-level={2}
+    className="govgr-card__heading"
+    role="heading"
+  >
+    hello
+  </div>
+</ForwardRef(CardHeading)>
+`;

package/dist/esm/CardHeading/index.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * CardHeading gives header title to Card Component
+ * Use CardHeading inside Card component as children
+ */
+export var CardHeading = /*#__PURE__*/React.forwardRef(function CardHeading(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    role: "heading",
+    "aria-level": 2,
+    className: clsx(className && className, true && 'govgr-card__heading')
+  }, props), children);
+});
+export default CardHeading;

package/dist/esm/CardHeading/index.test.js

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

package/dist/esm/CardText/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the CardAction with no props 1`] = `
+<ForwardRef(CardText)>
+  <div
+    className="govgr-card__text"
+  >
+    hello
+  </div>
+</ForwardRef(CardText)>
+`;

package/dist/esm/CardText/index.js

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * CardText contains the text for Card Component
+ * Use CardText inside Card component as children
+ */
+export var CardText = /*#__PURE__*/React.forwardRef(function CardText(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className && className, true && 'govgr-card__text')
+  }, props), children);
+});
+export default CardText;

package/dist/esm/CardText/index.test.js

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

package/dist/esm/FileUpload/__snapshots__/index.test.tsx.snap

@@ -8,7 +8,7 @@ exports[`renders the FileUpload with name prop 1`] = `
     className="upload-file"
   >
     <input
-      className="input-file secondary-label"
+      className="govgr-file-upload"
       name="some-name"
       type="file"
     />
@@ -22,7 +22,7 @@ exports[`renders the FileUpload with no props 1`] = `
     className="upload-file"
   >
     <input
-      className="input-file secondary-label"
+      className="govgr-file-upload"
       type="file"
     />
   </div>

package/dist/esm/FileUpload/index.js

@@ -20,7 +20,7 @@ export var FileUpload = /*#__PURE__*/React.forwardRef(function FileUpload(_ref,
   }, props), children, /*#__PURE__*/React.createElement("input", {
     type: "file",
     name: name,
-    className: clsx(true && ['input-file', 'secondary-label'])
+    className: clsx(true && 'govgr-file-upload')
   }));
 });
 export default FileUpload;

package/dist/esm/HeaderLogo/__snapshots__/index.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`renders the HeaderLogo with no props 1`] = `
 <ForwardRef(HeaderLogo)>
   <a
-    className=""
+    className="govuk-header-link"
     href="https://www.gov.gr/"
   >
     <img

package/dist/esm/HeaderLogo/index.js

@@ -14,7 +14,7 @@ export var HeaderLogo = /*#__PURE__*/React.forwardRef(function HeaderLogo(_ref,
   return /*#__PURE__*/React.createElement("a", _extends({
     href: "https://www.gov.gr/",
     ref: ref,
-    className: clsx(className)
+    className: clsx(className, true && 'govuk-header-link')
   }, props), /*#__PURE__*/React.createElement("img", {
     src: "https://www.gov.gr/gov_gr_logo.svg",
     className: clsx(className, true && 'govgr-header-logo')

package/dist/esm/HeaderSecondaryLogo/__snapshots__/index.test.tsx.snap

@@ -5,7 +5,7 @@ exports[`renders the HeaderSecondaryLogo with src 1`] = `
   src="https://dilosi.services.gov.gr/minedu-logo.svg"
 >
   <a
-    className=""
+    className="govuk-header-link"
   >
     <img
       className="govgr-header-secondary-logo"
@@ -21,7 +21,7 @@ exports[`renders the HeaderSecondaryLogo with src and href 1`] = `
   src="https://dilosi.services.gov.gr/minedu-logo.svg"
 >
   <a
-    className=""
+    className="govuk-header-link"
     href="https://www.minedu.gov.gr/"
   >
     <img

package/dist/esm/HeaderSecondaryLogo/index.js

@@ -16,7 +16,7 @@ export var HeaderSecondaryLogo = /*#__PURE__*/React.forwardRef(function HeaderSe
   return /*#__PURE__*/React.createElement("a", _extends({
     href: href,
     ref: ref,
-    className: clsx(className)
+    className: clsx(className, true && 'govuk-header-link')
   }, props), /*#__PURE__*/React.createElement("img", {
     src: src,
     className: clsx(className, true && 'govgr-header-secondary-logo')

package/dist/esm/Layout/index.js

@@ -5,7 +5,7 @@ import React from 'react';
 import clsx from 'clsx';
 
 /**
- * Wrapper component for the entire page.
+ * Wrapper component for the entire page except the Header and the Footer.
  */
 export var Layout = /*#__PURE__*/React.forwardRef(function Layout(_ref, ref) {
   var className = _ref.className,

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v0.1.0
+/** @license Digigov v0.2.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -17,6 +17,10 @@ export { default as BurgerIcon } from '@digigov/react-core/BurgerIcon';
 export { default as Button } from '@digigov/react-core/Button';
 export { default as ButtonGroup } from '@digigov/react-core/ButtonGroup';
 export { default as CallToAction } from '@digigov/react-core/CallToAction';
+export { default as Card } from '@digigov/react-core/Card';
+export { default as CardHeading } from '@digigov/react-core/CardHeading';
+export { default as CardText } from '@digigov/react-core/CardText';
+export { default as CardAction } from '@digigov/react-core/CardAction';
 export { default as Checkbox } from '@digigov/react-core/Checkbox';
 export { default as CheckboxItem } from '@digigov/react-core/CheckboxItem';
 export { default as CheckboxConditional } from '@digigov/react-core/CheckboxConditional';

package/dist/index.d.ts

@@ -12,6 +12,10 @@ export { default as BurgerIcon } from '@digigov/react-core/BurgerIcon';
 export { default as Button } from '@digigov/react-core/Button';
 export { default as ButtonGroup } from '@digigov/react-core/ButtonGroup';
 export { default as CallToAction } from '@digigov/react-core/CallToAction';
+export { default as Card } from '@digigov/react-core/Card';
+export { default as CardHeading } from '@digigov/react-core/CardHeading';
+export { default as CardText } from '@digigov/react-core/CardText';
+export { default as CardAction } from '@digigov/react-core/CardAction';
 export { default as Checkbox } from '@digigov/react-core/Checkbox';
 export { default as CheckboxItem } from '@digigov/react-core/CheckboxItem';
 export { default as CheckboxConditional } from '@digigov/react-core/CheckboxConditional';

package/dist/index.js

@@ -95,6 +95,30 @@ Object.defineProperty(exports, "CallToAction", {
     return _CallToAction["default"];
   }
 });
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _Card["default"];
+  }
+});
+Object.defineProperty(exports, "CardAction", {
+  enumerable: true,
+  get: function get() {
+    return _CardAction["default"];
+  }
+});
+Object.defineProperty(exports, "CardHeading", {
+  enumerable: true,
+  get: function get() {
+    return _CardHeading["default"];
+  }
+});
+Object.defineProperty(exports, "CardText", {
+  enumerable: true,
+  get: function get() {
+    return _CardText["default"];
+  }
+});
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function get() {
@@ -694,6 +718,14 @@ var _ButtonGroup = _interopRequireDefault(require("@digigov/react-core/ButtonGro
 
 var _CallToAction = _interopRequireDefault(require("@digigov/react-core/CallToAction"));
 
+var _Card = _interopRequireDefault(require("@digigov/react-core/Card"));
+
+var _CardHeading = _interopRequireDefault(require("@digigov/react-core/CardHeading"));
+
+var _CardText = _interopRequireDefault(require("@digigov/react-core/CardText"));
+
+var _CardAction = _interopRequireDefault(require("@digigov/react-core/CardAction"));
+
 var _Checkbox = _interopRequireDefault(require("@digigov/react-core/Checkbox"));
 
 var _CheckboxItem = _interopRequireDefault(require("@digigov/react-core/CheckboxItem"));

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/react-core",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "@digigov react core components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "MIT",
@@ -11,7 +11,7 @@
     "directory": "dist"
   },
   "peerDependencies": {
-    "@digigov/css": "0.3.0",
+    "@digigov/css": "0.4.0",
     "clsx": "~1.1.1",
     "react": "16.14.0",
     "react-dom": "16.14.0"