@digigov/react-core 0.2.0 → 0.3.0

package/dist/es/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/es/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/es/index.js

@@ -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/esm/AccordionControls/index.js

@@ -0,0 +1,20 @@
+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';
+
+/**
+ * AccordionControls is a component that provides controls for an accordion.
+ */
+export var AccordionControls = /*#__PURE__*/React.forwardRef(function AccordionControls(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(className, true && 'govgr-accordion__controls')
+  }, props), children);
+});
+export default AccordionControls;

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

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

package/dist/esm/AccordionSection/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["open", "className", "children"];
+var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 
@@ -8,15 +8,15 @@ import clsx from 'clsx';
  * AccordionSection should be inside the Accordion component.
  * Inside this component must place the AccordionSectionHeader and the AccordionSectionContent components.
  */
+// eslint-disable-next-line react/display-name
 export var AccordionSection = /*#__PURE__*/React.forwardRef(function AccordionSection(_ref, ref) {
-  var open = _ref.open,
-      className = _ref.className,
+  var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("details", _extends({
     ref: ref,
-    className: clsx(className, open === true && 'govgr-accordion__section-open', true && 'govgr-accordion__section')
+    className: clsx(className, true && 'govgr-accordion__section')
   }, props), children);
 });
 export default AccordionSection;

package/dist/esm/AccordionSectionHeader/index.js

@@ -12,7 +12,7 @@ export var AccordionSectionHeader = /*#__PURE__*/React.forwardRef(function Accor
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("summary", _extends({
     ref: ref,
     className: clsx(className, true && 'govgr-accordion__section-header')
   }, props), /*#__PURE__*/React.createElement("h2", {

package/dist/esm/BackLink/index.js

@@ -15,6 +15,9 @@ export var BackLink = /*#__PURE__*/React.forwardRef(function BackLink(_ref, ref)
 
   return /*#__PURE__*/React.createElement("a", _extends({
     href: href,
+    onClick: function onClick() {
+      !href && window.history.back();
+    },
     ref: ref,
     className: clsx(className, true && 'govgr-back-link')
   }, props), /*#__PURE__*/React.createElement("span", {

package/dist/esm/ButtonLink/index.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * Use the Button component to help users carry out an action.
+ */
+export var ButtonLink = /*#__PURE__*/React.forwardRef(function ButtonLink(_ref, ref) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'primary' : _ref$color,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("a", _extends({
+    ref: ref,
+    className: clsx(className, color === 'secondary' && 'govgr-btn-secondary', color === 'primary' && 'govgr-btn-primary', color === 'warning' && 'govgr-btn-warning', true && 'govgr-btn')
+  }, props), children);
+});
+export default ButtonLink;

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

@@ -0,0 +1,74 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import ButtonLink from '@digigov/react-core/ButtonLink';
+
+var _ref = /*#__PURE__*/React.createElement(ButtonLink, null, "hello");
+
+it('renders the ButtonLink with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(ButtonLink, {
+  color: 'primary'
+}, "hello");
+
+it('renders the ButtonLink with color=primary', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(ButtonLink, {
+  color: 'secondary'
+}, "hello");
+
+it('renders the ButtonLink with color=secondary', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(ButtonLink, {
+  color: 'warning'
+}, "hello");
+
+it('renders the ButtonLink with color=warning', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(ButtonLink, {
+  href: '#'
+}, "hello");
+
+it('renders the ButtonLink with href=#', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/React.createElement(ButtonLink, null, "hello");
+
+it('renders the ButtonLink with disabled=false', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(ButtonLink, {
+  href: '#',
+  color: 'primary'
+}, "hello");
+
+it('renders the ButtonLink with color=primary with href=#', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/React.createElement(ButtonLink, {
+  href: '#',
+  color: 'secondary'
+}, "hello");
+
+it('renders the ButtonLink with color=secondary with href=#', function () {
+  expect(mount(_ref8)).toMatchSnapshot();
+});
+
+var _ref9 = /*#__PURE__*/React.createElement(ButtonLink, {
+  href: '#',
+  color: 'warning'
+}, "hello");
+
+it('renders the ButtonLink with color=warning with href=#', function () {
+  expect(mount(_ref9)).toMatchSnapshot();
+});

package/dist/esm/CallToAction/index.js

@@ -1,24 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["disabled", "className", "children"];
+var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
+import ButtonLink from '@digigov/react-core/ButtonLink';
 
 /**
  * Use this button for the main call to action on your service’s start page.
  */
 export var CallToAction = /*#__PURE__*/React.forwardRef(function CallToAction(_ref, ref) {
-  var disabled = _ref.disabled,
-      className = _ref.className,
+  var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("button", _extends({
-    disabled: disabled,
+  return /*#__PURE__*/React.createElement(ButtonLink, _extends({
     ref: ref,
-    className: clsx(className, disabled === true && 'govgr-btn-disabled', true && ['govgr-btn', 'govgr-btn-primary', 'govgr-btn-cta'])
+    className: clsx(className, true && ['govgr-btn', 'govgr-btn-primary', 'govgr-btn-cta'])
   }, props), children, /*#__PURE__*/React.createElement("span", {
-    ref: ref,
     className: clsx(className, true && 'right-arrow')
   }));
 });