@digigov/react-core 0.2.0 → 0.3.0

package/dist/esm/TextInput/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["type", "name", "characterWidth", "width", "error", "className", "children"];
+var _excluded = ["type", "name", "characterWidth", "cellWidth", "error", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 
@@ -13,7 +13,7 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, re
       type = _ref$type === void 0 ? 'text' : _ref$type,
       name = _ref.name,
       characterWidth = _ref.characterWidth,
-      width = _ref.width,
+      cellWidth = _ref.cellWidth,
       error = _ref.error,
       className = _ref.className,
       children = _ref.children,
@@ -23,7 +23,7 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, re
     type: type,
     name: name,
     ref: ref,
-    className: clsx(className, width === 'three-quarters' && 'govgr-!-width-three-quarters', width === 'one-quarter' && 'govgr-!-width-one-quarter', width === 'two-thirds' && 'govgr-!-width-two-thirds', characterWidth === 10 && 'govgr-input--width-10', characterWidth === 20 && 'govgr-input--width-20', width === 'one-third' && 'govgr-!-width-one-third', characterWidth === 2 && 'govgr-input--width-2', characterWidth === 3 && 'govgr-input--width-3', characterWidth === 4 && 'govgr-input--width-4', characterWidth === 5 && 'govgr-input--width-5', width === 'one-half' && 'govgr-!-width-one-half', width === 'full' && 'govgr-!-width-full', error === true && 'govgr-error-input', true && 'govgr-input')
+    className: clsx(className, cellWidth === 'three-quarters' && 'govgr-!-width-three-quarters', cellWidth === 'one-quarter' && 'govgr-!-width-one-quarter', cellWidth === 'two-thirds' && 'govgr-!-width-two-thirds', cellWidth === 'one-third' && 'govgr-!-width-one-third', cellWidth === 'one-half' && 'govgr-!-width-one-half', characterWidth === 10 && 'govgr-input--width-10', characterWidth === 20 && 'govgr-input--width-20', characterWidth === 2 && 'govgr-input--width-2', characterWidth === 3 && 'govgr-input--width-3', characterWidth === 4 && 'govgr-input--width-4', characterWidth === 5 && 'govgr-input--width-5', cellWidth === 'full' && 'govgr-!-width-full', error === true && 'govgr-error-input', true && 'govgr-input')
   }, props), children);
 });
 export default TextInput;

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

@@ -57,319 +57,319 @@ it('renders the TextInput with characterWidth=20', function () {
 });
 
 var _ref8 = /*#__PURE__*/React.createElement(TextInput, {
-  width: 'one-quarter'
+  cellWidth: 'one-quarter'
 });
 
-it('renders the TextInput with width=one-quarter', function () {
+it('renders the TextInput with cellWidth=one-quarter', function () {
   expect(mount(_ref8)).toMatchSnapshot();
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(TextInput, {
-  width: 'one-third'
+  cellWidth: 'one-third'
 });
 
-it('renders the TextInput with width=one-third', function () {
+it('renders the TextInput with cellWidth=one-third', function () {
   expect(mount(_ref9)).toMatchSnapshot();
 });
 
 var _ref10 = /*#__PURE__*/React.createElement(TextInput, {
-  width: 'one-half'
+  cellWidth: 'one-half'
 });
 
-it('renders the TextInput with width=one-half', function () {
+it('renders the TextInput with cellWidth=one-half', function () {
   expect(mount(_ref10)).toMatchSnapshot();
 });
 
 var _ref11 = /*#__PURE__*/React.createElement(TextInput, {
-  width: 'two-thirds'
+  cellWidth: 'two-thirds'
 });
 
-it('renders the TextInput with width=two-thirds', function () {
+it('renders the TextInput with cellWidth=two-thirds', function () {
   expect(mount(_ref11)).toMatchSnapshot();
 });
 
 var _ref12 = /*#__PURE__*/React.createElement(TextInput, {
-  width: 'three-quarters'
+  cellWidth: 'three-quarters'
 });
 
-it('renders the TextInput with width=three-quarters', function () {
+it('renders the TextInput with cellWidth=three-quarters', function () {
   expect(mount(_ref12)).toMatchSnapshot();
 });
 
 var _ref13 = /*#__PURE__*/React.createElement(TextInput, {
-  width: 'full'
+  cellWidth: 'full'
 });
 
-it('renders the TextInput with width=full', function () {
+it('renders the TextInput with cellWidth=full', function () {
   expect(mount(_ref13)).toMatchSnapshot();
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 2,
-  width: 'one-quarter'
+  cellWidth: 'one-quarter'
 });
 
-it('renders the TextInput with characterWidth=2 and with width=one-quarter', function () {
+it('renders the TextInput with characterWidth=2 and with cellWidth=one-quarter', function () {
   expect(mount(_ref14)).toMatchSnapshot();
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 3,
-  width: 'one-quarter'
+  cellWidth: 'one-quarter'
 });
 
-it('renders the TextInput with characterWidth=3 and with width=one-quarter', function () {
+it('renders the TextInput with characterWidth=3 and with cellWidth=one-quarter', function () {
   expect(mount(_ref15)).toMatchSnapshot();
 });
 
 var _ref16 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 4,
-  width: 'one-quarter'
+  cellWidth: 'one-quarter'
 });
 
-it('renders the TextInput with characterWidth=4 and with width=one-quarter', function () {
+it('renders the TextInput with characterWidth=4 and with cellWidth=one-quarter', function () {
   expect(mount(_ref16)).toMatchSnapshot();
 });
 
 var _ref17 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 5,
-  width: 'one-quarter'
+  cellWidth: 'one-quarter'
 });
 
-it('renders the TextInput  with with characterWidth=5 with width=one-quarter', function () {
+it('renders the TextInput  with with characterWidth=5 with cellWidth=one-quarter', function () {
   expect(mount(_ref17)).toMatchSnapshot();
 });
 
 var _ref18 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 20,
-  width: 'one-quarter'
+  cellWidth: 'one-quarter'
 });
 
-it('renders the TextInput with characterWidth=20 and with width=one-quarter', function () {
+it('renders the TextInput with characterWidth=20 and with cellWidth=one-quarter', function () {
   expect(mount(_ref18)).toMatchSnapshot();
 });
 
 var _ref19 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 2,
-  width: 'one-third'
+  cellWidth: 'one-third'
 });
 
-it('renders the TextInput with characterWidth=2 and with width=one-third', function () {
+it('renders the TextInput with characterWidth=2 and with cellWidth=one-third', function () {
   expect(mount(_ref19)).toMatchSnapshot();
 });
 
 var _ref20 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 3,
-  width: 'one-third'
+  cellWidth: 'one-third'
 });
 
-it('renders the TextInput with characterWidth=3 and with width=one-third', function () {
+it('renders the TextInput with characterWidth=3 and with cellWidth=one-third', function () {
   expect(mount(_ref20)).toMatchSnapshot();
 });
 
 var _ref21 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 4,
-  width: 'one-third'
+  cellWidth: 'one-third'
 });
 
-it('renders the TextInput with characterWidth=4 and with width=one-third', function () {
+it('renders the TextInput with characterWidth=4 and with cellWidth=one-third', function () {
   expect(mount(_ref21)).toMatchSnapshot();
 });
 
 var _ref22 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 5,
-  width: 'one-third'
+  cellWidth: 'one-third'
 });
 
-it('renders the TextInput  with with characterWidth=5 with width=one-third', function () {
+it('renders the TextInput  with with characterWidth=5 with cellWidth=one-third', function () {
   expect(mount(_ref22)).toMatchSnapshot();
 });
 
 var _ref23 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 20,
-  width: 'one-third'
+  cellWidth: 'one-third'
 });
 
-it('renders the TextInput with characterWidth=20 and with width=one-third', function () {
+it('renders the TextInput with characterWidth=20 and with cellWidth=one-third', function () {
   expect(mount(_ref23)).toMatchSnapshot();
 });
 
 var _ref24 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 2,
-  width: 'one-half'
+  cellWidth: 'one-half'
 });
 
-it('renders the TextInput with characterWidth=2 and with width=one-half', function () {
+it('renders the TextInput with characterWidth=2 and with cellWidth=one-half', function () {
   expect(mount(_ref24)).toMatchSnapshot();
 });
 
 var _ref25 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 3,
-  width: 'one-half'
+  cellWidth: 'one-half'
 });
 
-it('renders the TextInput with characterWidth=3 and with width=one-half', function () {
+it('renders the TextInput with characterWidth=3 and with cellWidth=one-half', function () {
   expect(mount(_ref25)).toMatchSnapshot();
 });
 
 var _ref26 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 4,
-  width: 'one-half'
+  cellWidth: 'one-half'
 });
 
-it('renders the TextInput with characterWidth=4 and with width=one-half', function () {
+it('renders the TextInput with characterWidth=4 and with cellWidth=one-half', function () {
   expect(mount(_ref26)).toMatchSnapshot();
 });
 
 var _ref27 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 5,
-  width: 'one-half'
+  cellWidth: 'one-half'
 });
 
-it('renders the TextInput  with with characterWidth=5 with width=one-half', function () {
+it('renders the TextInput  with with characterWidth=5 with cellWidth=one-half', function () {
   expect(mount(_ref27)).toMatchSnapshot();
 });
 
 var _ref28 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 20,
-  width: 'one-half'
+  cellWidth: 'one-half'
 });
 
-it('renders the TextInput with characterWidth=20 and with width=one-half', function () {
+it('renders the TextInput with characterWidth=20 and with cellWidth=one-half', function () {
   expect(mount(_ref28)).toMatchSnapshot();
 });
 
 var _ref29 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 2,
-  width: 'two-thirds'
+  cellWidth: 'two-thirds'
 });
 
-it('renders the TextInput with characterWidth=2 and with width=two-thirds', function () {
+it('renders the TextInput with characterWidth=2 and with cellWidth=two-thirds', function () {
   expect(mount(_ref29)).toMatchSnapshot();
 });
 
 var _ref30 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 3,
-  width: 'two-thirds'
+  cellWidth: 'two-thirds'
 });
 
-it('renders the TextInput with characterWidth=3 and with width=two-thirds', function () {
+it('renders the TextInput with characterWidth=3 and with cellWidth=two-thirds', function () {
   expect(mount(_ref30)).toMatchSnapshot();
 });
 
 var _ref31 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 4,
-  width: 'two-thirds'
+  cellWidth: 'two-thirds'
 });
 
-it('renders the TextInput with characterWidth=4 and with width=two-thirds', function () {
+it('renders the TextInput with characterWidth=4 and with cellWidth=two-thirds', function () {
   expect(mount(_ref31)).toMatchSnapshot();
 });
 
 var _ref32 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 5,
-  width: 'two-thirds'
+  cellWidth: 'two-thirds'
 });
 
-it('renders the TextInput  with with characterWidth=5 with width=two-thirds', function () {
+it('renders the TextInput  with with characterWidth=5 with cellWidth=two-thirds', function () {
   expect(mount(_ref32)).toMatchSnapshot();
 });
 
 var _ref33 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 20,
-  width: 'two-thirds'
+  cellWidth: 'two-thirds'
 });
 
-it('renders the TextInput with characterWidth=20 and with width=two-thirds', function () {
+it('renders the TextInput with characterWidth=20 and with cellWidth=two-thirds', function () {
   expect(mount(_ref33)).toMatchSnapshot();
 });
 
 var _ref34 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 2,
-  width: 'three-quarters'
+  cellWidth: 'three-quarters'
 });
 
-it('renders the TextInput with characterWidth=2 and with width=three-quarters', function () {
+it('renders the TextInput with characterWidth=2 and with cellWidth=three-quarters', function () {
   expect(mount(_ref34)).toMatchSnapshot();
 });
 
 var _ref35 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 3,
-  width: 'three-quarters'
+  cellWidth: 'three-quarters'
 });
 
-it('renders the TextInput with characterWidth=3 and with width=three-quarters', function () {
+it('renders the TextInput with characterWidth=3 and with cellWidth=three-quarters', function () {
   expect(mount(_ref35)).toMatchSnapshot();
 });
 
 var _ref36 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 4,
-  width: 'three-quarters'
+  cellWidth: 'three-quarters'
 });
 
-it('renders the TextInput with characterWidth=4 and with width=three-quarters', function () {
+it('renders the TextInput with characterWidth=4 and with cellWidth=three-quarters', function () {
   expect(mount(_ref36)).toMatchSnapshot();
 });
 
 var _ref37 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 5,
-  width: 'three-quarters'
+  cellWidth: 'three-quarters'
 });
 
-it('renders the TextInput  with with characterWidth=5 with width=three-quarters', function () {
+it('renders the TextInput  with with characterWidth=5 with cellWidth=three-quarters', function () {
   expect(mount(_ref37)).toMatchSnapshot();
 });
 
 var _ref38 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 20,
-  width: 'three-quarters'
+  cellWidth: 'three-quarters'
 });
 
-it('renders the TextInput with characterWidth=20 and with width=three-quarters', function () {
+it('renders the TextInput with characterWidth=20 and with cellWidth=three-quarters', function () {
   expect(mount(_ref38)).toMatchSnapshot();
 });
 
 var _ref39 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 2,
-  width: 'full'
+  cellWidth: 'full'
 });
 
-it('renders the TextInput with characterWidth=2 and with width=full', function () {
+it('renders the TextInput with characterWidth=2 and with cellWidth=full', function () {
   expect(mount(_ref39)).toMatchSnapshot();
 });
 
 var _ref40 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 3,
-  width: 'full'
+  cellWidth: 'full'
 });
 
-it('renders the TextInput with characterWidth=3 and with width=full', function () {
+it('renders the TextInput with characterWidth=3 and with cellWidth=full', function () {
   expect(mount(_ref40)).toMatchSnapshot();
 });
 
 var _ref41 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 4,
-  width: 'full'
+  cellWidth: 'full'
 });
 
-it('renders the TextInput with characterWidth=4 and with width=full', function () {
+it('renders the TextInput with characterWidth=4 and with cellWidth=full', function () {
   expect(mount(_ref41)).toMatchSnapshot();
 });
 
 var _ref42 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 5,
-  width: 'full'
+  cellWidth: 'full'
 });
 
-it('renders the TextInput  with with characterWidth=5 with width=full', function () {
+it('renders the TextInput  with with characterWidth=5 with cellWidth=full', function () {
   expect(mount(_ref42)).toMatchSnapshot();
 });
 
 var _ref43 = /*#__PURE__*/React.createElement(TextInput, {
   characterWidth: 20,
-  width: 'full'
+  cellWidth: 'full'
 });
 
-it('renders the TextInput with characterWidth=20 and with width=full', function () {
+it('renders the TextInput with characterWidth=20 and with cellWidth=full', function () {
   expect(mount(_ref43)).toMatchSnapshot();
 });

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v0.2.0
+/** @license Digigov v0.3.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -107,6 +107,13 @@ export { default as SummaryListItem } from '@digigov/react-core/SummaryListItem'
 export { default as SummaryListItemAction } from '@digigov/react-core/SummaryListItemAction';
 export { default as SummaryListItemKey } from '@digigov/react-core/SummaryListItemKey';
 export { default as SummaryListItemValue } from '@digigov/react-core/SummaryListItemValue';
+export { default as Table } from '@digigov/react-core/Table';
+export { default as TableRow } from '@digigov/react-core/TableRow';
+export { default as TableCaption } from '@digigov/react-core/TableCaption';
+export { default as TableHead } from '@digigov/react-core/TableHead';
+export { default as TableBody } from '@digigov/react-core/TableBody';
+export { default as TableDataCell } from '@digigov/react-core/TableDataCell';
+export { default as TableHeaderCell } from '@digigov/react-core/TableHeaderCell';
 export { default as TabsList } from '@digigov/react-core/TabsList';
 export { default as TabsListItem } from '@digigov/react-core/TabsListItem';
 export { default as TabsPanel } from '@digigov/react-core/TabsPanel';

package/dist/index.d.ts

@@ -102,6 +102,13 @@ export { default as SummaryListItem } from '@digigov/react-core/SummaryListItem'
 export { default as SummaryListItemAction } from '@digigov/react-core/SummaryListItemAction';
 export { default as SummaryListItemKey } from '@digigov/react-core/SummaryListItemKey';
 export { default as SummaryListItemValue } from '@digigov/react-core/SummaryListItemValue';
+export { default as Table } from '@digigov/react-core/Table';
+export { default as TableRow } from '@digigov/react-core/TableRow';
+export { default as TableCaption } from '@digigov/react-core/TableCaption';
+export { default as TableHead } from '@digigov/react-core/TableHead';
+export { default as TableBody } from '@digigov/react-core/TableBody';
+export { default as TableDataCell } from '@digigov/react-core/TableDataCell';
+export { default as TableHeaderCell } from '@digigov/react-core/TableHeaderCell';
 export { default as TabsList } from '@digigov/react-core/TabsList';
 export { default as TabsListItem } from '@digigov/react-core/TabsListItem';
 export { default as TabsPanel } from '@digigov/react-core/TabsPanel';

package/dist/index.js

@@ -629,6 +629,48 @@ Object.defineProperty(exports, "SummaryListItemValue", {
     return _SummaryListItemValue["default"];
   }
 });
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _Table["default"];
+  }
+});
+Object.defineProperty(exports, "TableBody", {
+  enumerable: true,
+  get: function get() {
+    return _TableBody["default"];
+  }
+});
+Object.defineProperty(exports, "TableCaption", {
+  enumerable: true,
+  get: function get() {
+    return _TableCaption["default"];
+  }
+});
+Object.defineProperty(exports, "TableDataCell", {
+  enumerable: true,
+  get: function get() {
+    return _TableDataCell["default"];
+  }
+});
+Object.defineProperty(exports, "TableHead", {
+  enumerable: true,
+  get: function get() {
+    return _TableHead["default"];
+  }
+});
+Object.defineProperty(exports, "TableHeaderCell", {
+  enumerable: true,
+  get: function get() {
+    return _TableHeaderCell["default"];
+  }
+});
+Object.defineProperty(exports, "TableRow", {
+  enumerable: true,
+  get: function get() {
+    return _TableRow["default"];
+  }
+});
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
   get: function get() {
@@ -898,6 +940,20 @@ var _SummaryListItemKey = _interopRequireDefault(require("@digigov/react-core/Su
 
 var _SummaryListItemValue = _interopRequireDefault(require("@digigov/react-core/SummaryListItemValue"));
 
+var _Table = _interopRequireDefault(require("@digigov/react-core/Table"));
+
+var _TableRow = _interopRequireDefault(require("@digigov/react-core/TableRow"));
+
+var _TableCaption = _interopRequireDefault(require("@digigov/react-core/TableCaption"));
+
+var _TableHead = _interopRequireDefault(require("@digigov/react-core/TableHead"));
+
+var _TableBody = _interopRequireDefault(require("@digigov/react-core/TableBody"));
+
+var _TableDataCell = _interopRequireDefault(require("@digigov/react-core/TableDataCell"));
+
+var _TableHeaderCell = _interopRequireDefault(require("@digigov/react-core/TableHeaderCell"));
+
 var _TabsList = _interopRequireDefault(require("@digigov/react-core/TabsList"));
 
 var _TabsListItem = _interopRequireDefault(require("@digigov/react-core/TabsListItem"));

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/react-core",
-  "version": "0.2.0",
+  "version": "0.3.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.4.0",
+    "@digigov/css": "0.5.0",
     "clsx": "~1.1.1",
     "react": "16.14.0",
     "react-dom": "16.14.0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/react-core",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "@digigov react core components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "MIT",
@@ -17,7 +17,7 @@
     "prepublish": "digigov build --subpackages"
   },
   "peerDependencies": {
-    "@digigov/css": "0.4.0",
+    "@digigov/css": "0.5.0",
     "clsx": "~1.1.1",
     "react": "16.14.0",
     "react-dom": "16.14.0"
@@ -25,7 +25,7 @@
   "devDependencies": {
     "@digigov/cli": "0.5.25",
     "@digigov/cli-lint": "0.5.25",
-    "@digigov/cli-build": "0.5.24",
+    "@digigov/cli-build": "0.6.0",
     "@digigov/cli-test": "0.5.24",
     "typescript": "4.2.3",
     "@types/node": "14.14.9",

package/react-core.build.log

@@ -1,17 +1,19 @@
+Unable to calculate incremental build state. Instead running full rebuild. Ensure Git is present.
+
 Invoking: digigov build --subpackages 
 
-Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/rimraf dist
-Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/tsc --emitDeclarationOnly --outDir dist
-Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist/esm
-Successfully compiled 229 files with Babel (5506ms).
-Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist/es
-Successfully compiled 229 files with Babel (3622ms).
-Created package.json in /Users/dimitristsironis/grnet/digigov-sdk/ui/react-core/dist/package.json
-Copied /Users/dimitristsironis/grnet/digigov-sdk/LICENSE to /Users/dimitristsironis/grnet/digigov-sdk/ui/react-core/dist/LICENSE
-Copied /Users/dimitristsironis/grnet/digigov-sdk/ui/react-core/README.md to /Users/dimitristsironis/grnet/digigov-sdk/ui/react-core/dist/README.md
-Copied /Users/dimitristsironis/grnet/digigov-sdk/ui/react-core/CHANGELOG.md to /Users/dimitristsironis/grnet/digigov-sdk/ui/react-core/dist/CHANGELOG.md
+Running  /home/vasilis/Grnet/digigov-meta/digigov-sdk/tooling/cli-build/node_modules/.bin/rimraf dist
+Running  /home/vasilis/Grnet/digigov-meta/digigov-sdk/tooling/cli-build/node_modules/.bin/tsc --emitDeclarationOnly --outDir dist
+Running  /home/vasilis/Grnet/digigov-meta/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /home/vasilis/Grnet/digigov-meta/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist/esm
+Successfully compiled 251 files with Babel (9321ms).
+Running  /home/vasilis/Grnet/digigov-meta/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /home/vasilis/Grnet/digigov-meta/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist/es
+Successfully compiled 251 files with Babel (6828ms).
+Created package.json in /home/vasilis/Grnet/digigov-meta/digigov-sdk/libs-ui/react-core/dist/package.json
+Copied /home/vasilis/Grnet/digigov-meta/digigov-sdk/libs-ui/react-core/README.md to /home/vasilis/Grnet/digigov-meta/digigov-sdk/libs-ui/react-core/dist/README.md
+Copied /home/vasilis/Grnet/digigov-meta/digigov-sdk/libs-ui/react-core/CHANGELOG.md to /home/vasilis/Grnet/digigov-meta/digigov-sdk/libs-ui/react-core/dist/CHANGELOG.md
+Copied /home/vasilis/Grnet/digigov-meta/digigov-sdk/LICENSE to /home/vasilis/Grnet/digigov-meta/digigov-sdk/libs-ui/react-core/dist/LICENSE
 Skipped license for ./index.js
-Skipped license for ./umd/digigov-ui.production.min.js
 Skipped license for ./umd/digigov-ui.development.js
-Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist
-Successfully compiled 229 files with Babel (3906ms).
+Skipped license for ./umd/digigov-ui.production.min.js
+Running  /home/vasilis/Grnet/digigov-meta/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /home/vasilis/Grnet/digigov-meta/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist
+Successfully compiled 251 files with Babel (8267ms).

package/src/AccordionControls/index.test.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+import AccordionControls from '@digigov/react-core/AccordionControls';
+
+it('renders the AccordionControls with button', () => {
+  expect(
+    mount(
+      <AccordionControls>
+        <button>open all</button>
+      </AccordionControls>
+    )
+  ).toMatchSnapshot();
+});

package/src/AccordionControls/index.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import clsx from 'clsx';
+
+type DivElementAttributes = JSX.IntrinsicElements['div'];
+export interface AccordionControlsProps extends DivElementAttributes {}
+/**
+ * AccordionControls is a component that provides controls for an accordion.
+ */
+export const AccordionControls = React.forwardRef<
+  HTMLDivElement,
+  AccordionControlsProps
+>(function AccordionControls({ className, children, ...props }, ref) {
+  return (
+    <div
+      ref={ref}
+      className={clsx(className, { 'govgr-accordion__controls': true })}
+      {...props}
+    >
+      {children}
+    </div>
+  );
+});
+
+export default AccordionControls;