@digigov/react-core 1.0.0-002c630d → 1.0.0-6b93ebf2

package/es/Table/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "zebra", "dense", "verticalBorders", "stacked", "className", "children"];
+var _excluded = ["headerVariant", "variant", "dense", "verticalBorders", "stacked", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -9,9 +9,8 @@ import Base from '@digigov/react-core/Base';
  * Table component is used to wrap the sub components of a table
  */
 export var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
-  var variant = _ref.variant,
-      _ref$zebra = _ref.zebra,
-      zebra = _ref$zebra === void 0 ? false : _ref$zebra,
+  var headerVariant = _ref.headerVariant,
+      variant = _ref.variant,
       _ref$dense = _ref.dense,
       dense = _ref$dense === void 0 ? false : _ref$dense,
       _ref$verticalBorders = _ref.verticalBorders,
@@ -25,7 +24,7 @@ export var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "table",
     ref: ref,
-    className: clsx(className, stacked === 'always' && 'govgr-table--stacked-always', variant === 'light' && 'govgr-table--light', variant === 'dark' && 'govgr-table--dark', stacked === 'sm' && 'govgr-table--stacked-sm', stacked == 'md' && 'govgr-table--stacked-md', verticalBorders && 'govgr-table--vertical-lines', zebra && 'govgr-table--zebra', dense && 'govgr-table--dense', true && 'govgr-table')
+    className: clsx(className, headerVariant === 'light' && 'govgr-table--light', headerVariant === 'dark' && 'govgr-table--dark', stacked === 'always' && 'govgr-table--stacked-always', variant === 'zebra' && 'govgr-table--zebra', stacked === 'sm' && 'govgr-table--stacked-sm', stacked == 'md' && 'govgr-table--stacked-md', verticalBorders && 'govgr-table--vertical-lines', dense && 'govgr-table--dense', true && 'govgr-table')
   }, props), children);
 });
 export default Table;

package/es/Table/index.test.js

@@ -9,23 +9,23 @@ it('renders the Table with no props', function () {
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(Table, {
-  variant: "dark"
+  headerVariant: "dark"
 }, "hello");
 
-it('renders the Table with dark variant prop', function () {
+it('renders the Table with dark headerVariant prop', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(Table, {
-  variant: "light"
+  headerVariant: "light"
 }, "hello");
 
-it('renders the Table with light variant prop', function () {
+it('renders the Table with light headerVariant prop', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(Table, {
-  zebra: true
+  variant: "zebra"
 }, "hello");
 
 it('renders the Table with zebra prop', function () {

package/es/TableDataCell/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["dataType", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Base from '@digigov/react-core/Base'; // import PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';
 
 /**
  * Use TableDataCell inside the Table component to fill the data of a cell in a table.

package/es/TableRow/__snapshots__/index.test.tsx.snap

@@ -1,5 +1,39 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the Table with color="secondary" prop 1`] = `
+<ForwardRef(TableRow)
+  color="secondary"
+>
+  <ForwardRef(Base)
+    as="tr"
+    className="govgr-table__row--secondary govgr-table__row"
+  >
+    <tr
+      className="govgr-table__row--secondary govgr-table__row"
+    >
+      hello
+    </tr>
+  </ForwardRef(Base)>
+</ForwardRef(TableRow)>
+`;
+
+exports[`renders the Table with highlight prop 1`] = `
+<ForwardRef(TableRow)
+  highlight={true}
+>
+  <ForwardRef(Base)
+    as="tr"
+    className="govgr-table__row--highlight govgr-table__row"
+  >
+    <tr
+      className="govgr-table__row--highlight govgr-table__row"
+    >
+      hello
+    </tr>
+  </ForwardRef(Base)>
+</ForwardRef(TableRow)>
+`;
+
 exports[`renders the Table with no props 1`] = `
 <ForwardRef(TableRow)>
   <ForwardRef(Base)

package/es/TableRow/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["warning", "className", "children"];
+var _excluded = ["highlight", "color", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -9,8 +9,9 @@ import Base from '@digigov/react-core/Base';
  * Use TableRow inside the Table component to provide a new row to the table.
  */
 export var TableRow = /*#__PURE__*/React.forwardRef(function TableRow(_ref, ref) {
-  var _ref$warning = _ref.warning,
-      warning = _ref$warning === void 0 ? false : _ref$warning,
+  var _ref$highlight = _ref.highlight,
+      highlight = _ref$highlight === void 0 ? false : _ref$highlight,
+      color = _ref.color,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -18,7 +19,7 @@ export var TableRow = /*#__PURE__*/React.forwardRef(function TableRow(_ref, ref)
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "tr",
     ref: ref,
-    className: clsx(className, warning && 'govgr-table__row--warning', true && 'govgr-table__row')
+    className: clsx(className, color === 'secondary' && 'govgr-table__row--secondary', highlight && 'govgr-table__row--highlight', true && 'govgr-table__row')
   }, props), children);
 });
 export default TableRow;

package/es/TableRow/index.test.js

@@ -6,4 +6,20 @@ var _ref = /*#__PURE__*/React.createElement(TableRow, null, "hello");
 
 it('renders the Table with no props', function () {
   expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(TableRow, {
+  highlight: true
+}, "hello");
+
+it('renders the Table with highlight prop', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(TableRow, {
+  color: "secondary"
+}, "hello");
+
+it('renders the Table with color="secondary" prop', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
 });

package/es/index.js

@@ -23,10 +23,10 @@ export * from '@digigov/react-core/TableSortIconContainer';
 export * from '@digigov/react-core/Checkbox';
 export * from '@digigov/react-core/CheckboxConditional';
 export * from '@digigov/react-core/CheckboxItem';
-export * from '@digigov/react-core/ChoiceDivider';
-export * from '@digigov/react-core/Confirmation';
-export * from '@digigov/react-core/ConfirmationBody';
-export * from '@digigov/react-core/ConfirmationTitle';
+export * from '@digigov/react-core/ChoiceDividerText';
+export * from '@digigov/react-core/Panel';
+export * from '@digigov/react-core/PanelBody';
+export * from '@digigov/react-core/PanelBody';
 export * from '@digigov/react-core/Container';
 export * from '@digigov/react-core/CopyrightContainer';
 export * from '@digigov/react-core/DateInputContainer';
@@ -62,7 +62,6 @@ export * from '@digigov/react-core/HeaderContent';
 export * from '@digigov/react-core/HeaderLogo';
 export * from '@digigov/react-core/HeaderSecondaryLogo';
 export * from '@digigov/react-core/HeaderSection';
-export * from '@digigov/react-core/HeaderSubtitle';
 export * from '@digigov/react-core/HeaderTitle';
 export * from '@digigov/react-core/Heading';
 export * from '@digigov/react-core/HeadingCaption';
@@ -97,10 +96,8 @@ export * from '@digigov/react-core/NotificationBannerContent';
 export * from '@digigov/react-core/NotificationBannerHeader';
 export * from '@digigov/react-core/NotificationBannerHeading';
 export * from '@digigov/react-core/NotificationBannerLink';
-export * from '@digigov/react-core/PageTitle';
-export * from '@digigov/react-core/PageTitleCaption';
+export * from '@digigov/react-core/Section';
 export * from '@digigov/react-core/PageTitleHeading';
-export * from '@digigov/react-core/PageTitleSection';
 export * from '@digigov/react-core/Paragraph';
 export * from '@digigov/react-core/PhaseBannerHeaderContainer';
 export * from '@digigov/react-core/PhaseBanner';

package/es/registry.js

@@ -57,11 +57,8 @@ import * as _digigov_react_core_ChipHeading from '@digigov/react-core/ChipHeadin
 import * as _digigov_react_core_ChipKeyValue from '@digigov/react-core/ChipKeyValue';
 import * as _digigov_react_core_ChipSection from '@digigov/react-core/ChipSection';
 import * as _digigov_react_core_ChipSectionWrapper from '@digigov/react-core/ChipSectionWrapper';
-import * as _digigov_react_core_ChoiceDivider from '@digigov/react-core/ChoiceDivider';
+import * as _digigov_react_core_ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';
 import * as _digigov_react_core_CircularProgress from '@digigov/react-core/CircularProgress';
-import * as _digigov_react_core_Confirmation from '@digigov/react-core/Confirmation';
-import * as _digigov_react_core_ConfirmationBody from '@digigov/react-core/ConfirmationBody';
-import * as _digigov_react_core_ConfirmationTitle from '@digigov/react-core/ConfirmationTitle';
 import * as _digigov_react_core_Container from '@digigov/react-core/Container';
 import * as _digigov_react_core_CopyrightContainer from '@digigov/react-core/CopyrightContainer';
 import * as _digigov_react_core_CopyToClipboardContainer from '@digigov/react-core/CopyToClipboardContainer';
@@ -118,7 +115,6 @@ import * as _digigov_react_core_HeaderLogo from '@digigov/react-core/HeaderLogo'
 import * as _digigov_react_core_HeaderNavMenuContent from '@digigov/react-core/HeaderNavMenuContent';
 import * as _digigov_react_core_HeaderSecondaryLogo from '@digigov/react-core/HeaderSecondaryLogo';
 import * as _digigov_react_core_HeaderSection from '@digigov/react-core/HeaderSection';
-import * as _digigov_react_core_HeaderSubtitle from '@digigov/react-core/HeaderSubtitle';
 import * as _digigov_react_core_HeaderTitle from '@digigov/react-core/HeaderTitle';
 import * as _digigov_react_core_Heading from '@digigov/react-core/Heading';
 import * as _digigov_react_core_HeadingCaption from '@digigov/react-core/HeadingCaption';
@@ -174,14 +170,14 @@ import * as _digigov_react_core_NotificationBannerContent from '@digigov/react-c
 import * as _digigov_react_core_NotificationBannerHeader from '@digigov/react-core/NotificationBannerHeader';
 import * as _digigov_react_core_NotificationBannerHeading from '@digigov/react-core/NotificationBannerHeading';
 import * as _digigov_react_core_NotificationBannerLink from '@digigov/react-core/NotificationBannerLink';
-import * as _digigov_react_core_PageTitle from '@digigov/react-core/PageTitle';
-import * as _digigov_react_core_PageTitleCaption from '@digigov/react-core/PageTitleCaption';
 import * as _digigov_react_core_PageTitleHeading from '@digigov/react-core/PageTitleHeading';
-import * as _digigov_react_core_PageTitleSection from '@digigov/react-core/PageTitleSection';
 import * as _digigov_react_core_Pagination from '@digigov/react-core/Pagination';
 import * as _digigov_react_core_PaginationLabelContainer from '@digigov/react-core/PaginationLabelContainer';
 import * as _digigov_react_core_PaginationList from '@digigov/react-core/PaginationList';
 import * as _digigov_react_core_PaginationListItem from '@digigov/react-core/PaginationListItem';
+import * as _digigov_react_core_Panel from '@digigov/react-core/Panel';
+import * as _digigov_react_core_PanelBody from '@digigov/react-core/PanelBody';
+import * as _digigov_react_core_PanelTitle from '@digigov/react-core/PanelTitle';
 import * as _digigov_react_core_Paragraph from '@digigov/react-core/Paragraph';
 import * as _digigov_react_core_PhaseBanner from '@digigov/react-core/PhaseBanner';
 import * as _digigov_react_core_PhaseBannerHeaderContainer from '@digigov/react-core/PhaseBannerHeaderContainer';
@@ -195,6 +191,7 @@ import * as _digigov_react_core_ResultsHeading from '@digigov/react-core/Results
 import * as _digigov_react_core_ResultsHeadingActions from '@digigov/react-core/ResultsHeadingActions';
 import * as _digigov_react_core_SearchButton from '@digigov/react-core/SearchButton';
 import * as _digigov_react_core_SearchSection from '@digigov/react-core/SearchSection';
+import * as _digigov_react_core_Section from '@digigov/react-core/Section';
 import * as _digigov_react_core_SectionBreak from '@digigov/react-core/SectionBreak';
 import * as _digigov_react_core_SelectContainer from '@digigov/react-core/SelectContainer';
 import * as _digigov_react_core_SelectOption from '@digigov/react-core/SelectOption';
@@ -326,11 +323,8 @@ export default {
   '@digigov/react-core/ChipKeyValue': lazyImport(_digigov_react_core_ChipKeyValue),
   '@digigov/react-core/ChipSection': lazyImport(_digigov_react_core_ChipSection),
   '@digigov/react-core/ChipSectionWrapper': lazyImport(_digigov_react_core_ChipSectionWrapper),
-  '@digigov/react-core/ChoiceDivider': lazyImport(_digigov_react_core_ChoiceDivider),
+  '@digigov/react-core/ChoiceDividerText': lazyImport(_digigov_react_core_ChoiceDividerText),
   '@digigov/react-core/CircularProgress': lazyImport(_digigov_react_core_CircularProgress),
-  '@digigov/react-core/Confirmation': lazyImport(_digigov_react_core_Confirmation),
-  '@digigov/react-core/ConfirmationBody': lazyImport(_digigov_react_core_ConfirmationBody),
-  '@digigov/react-core/ConfirmationTitle': lazyImport(_digigov_react_core_ConfirmationTitle),
   '@digigov/react-core/Container': lazyImport(_digigov_react_core_Container),
   '@digigov/react-core/CopyrightContainer': lazyImport(_digigov_react_core_CopyrightContainer),
   '@digigov/react-core/CopyToClipboardContainer': lazyImport(_digigov_react_core_CopyToClipboardContainer),
@@ -387,7 +381,6 @@ export default {
   '@digigov/react-core/HeaderNavMenuContent': lazyImport(_digigov_react_core_HeaderNavMenuContent),
   '@digigov/react-core/HeaderSecondaryLogo': lazyImport(_digigov_react_core_HeaderSecondaryLogo),
   '@digigov/react-core/HeaderSection': lazyImport(_digigov_react_core_HeaderSection),
-  '@digigov/react-core/HeaderSubtitle': lazyImport(_digigov_react_core_HeaderSubtitle),
   '@digigov/react-core/HeaderTitle': lazyImport(_digigov_react_core_HeaderTitle),
   '@digigov/react-core/Heading': lazyImport(_digigov_react_core_Heading),
   '@digigov/react-core/HeadingCaption': lazyImport(_digigov_react_core_HeadingCaption),
@@ -443,14 +436,14 @@ export default {
   '@digigov/react-core/NotificationBannerHeader': lazyImport(_digigov_react_core_NotificationBannerHeader),
   '@digigov/react-core/NotificationBannerHeading': lazyImport(_digigov_react_core_NotificationBannerHeading),
   '@digigov/react-core/NotificationBannerLink': lazyImport(_digigov_react_core_NotificationBannerLink),
-  '@digigov/react-core/PageTitle': lazyImport(_digigov_react_core_PageTitle),
-  '@digigov/react-core/PageTitleCaption': lazyImport(_digigov_react_core_PageTitleCaption),
   '@digigov/react-core/PageTitleHeading': lazyImport(_digigov_react_core_PageTitleHeading),
-  '@digigov/react-core/PageTitleSection': lazyImport(_digigov_react_core_PageTitleSection),
   '@digigov/react-core/Pagination': lazyImport(_digigov_react_core_Pagination),
   '@digigov/react-core/PaginationLabelContainer': lazyImport(_digigov_react_core_PaginationLabelContainer),
   '@digigov/react-core/PaginationList': lazyImport(_digigov_react_core_PaginationList),
   '@digigov/react-core/PaginationListItem': lazyImport(_digigov_react_core_PaginationListItem),
+  '@digigov/react-core/Panel': lazyImport(_digigov_react_core_Panel),
+  '@digigov/react-core/PanelBody': lazyImport(_digigov_react_core_PanelBody),
+  '@digigov/react-core/PanelTitle': lazyImport(_digigov_react_core_PanelTitle),
   '@digigov/react-core/Paragraph': lazyImport(_digigov_react_core_Paragraph),
   '@digigov/react-core/PhaseBanner': lazyImport(_digigov_react_core_PhaseBanner),
   '@digigov/react-core/PhaseBannerHeaderContainer': lazyImport(_digigov_react_core_PhaseBannerHeaderContainer),
@@ -464,6 +457,7 @@ export default {
   '@digigov/react-core/ResultsHeadingActions': lazyImport(_digigov_react_core_ResultsHeadingActions),
   '@digigov/react-core/SearchButton': lazyImport(_digigov_react_core_SearchButton),
   '@digigov/react-core/SearchSection': lazyImport(_digigov_react_core_SearchSection),
+  '@digigov/react-core/Section': lazyImport(_digigov_react_core_Section),
   '@digigov/react-core/SectionBreak': lazyImport(_digigov_react_core_SectionBreak),
   '@digigov/react-core/SelectContainer': lazyImport(_digigov_react_core_SelectContainer),
   '@digigov/react-core/SelectOption': lazyImport(_digigov_react_core_SelectOption),

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

@@ -1,15 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the Checkbox with inline prop and CheckboxItems 1`] = `
+exports[`renders the Checkbox with layout=horizontal and CheckboxItems 1`] = `
 <ForwardRef(Checkbox)
-  inline={true}
+  layout="horizontal"
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-checkboxes--inline govgr-checkboxes"
+    className="govgr-checkboxes--horizontal govgr-checkboxes"
   >
     <div
-      className="govgr-checkboxes--inline govgr-checkboxes"
+      className="govgr-checkboxes--horizontal govgr-checkboxes"
     >
       <ForwardRef(CheckboxItem)>
         <div

package/esm/Checkbox/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["inline", "className", "children"];
+var _excluded = ["layout", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -11,7 +11,7 @@ import Base from '@digigov/react-core/Base';
  * It takes CheckboxItem as children
  */
 export var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref) {
-  var inline = _ref.inline,
+  var layout = _ref.layout,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,7 +19,7 @@ export var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref)
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, inline && 'govgr-checkboxes--inline', true && 'govgr-checkboxes')
+    className: clsx(className, layout === 'horizontal' && 'govgr-checkboxes--horizontal', true && 'govgr-checkboxes')
   }, props), children);
 });
 export default Checkbox;

package/esm/Checkbox/index.test.js

@@ -16,9 +16,9 @@ it('renders the Checkbox with no props and CheckboxItem', function () {
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(Checkbox, {
-  inline: true
+  layout: "horizontal"
 }, /*#__PURE__*/React.createElement(CheckboxItem, null, "This is item 1"), /*#__PURE__*/React.createElement(CheckboxItem, null, "This is item 2"));
 
-it('renders the Checkbox with inline prop and CheckboxItems', function () {
+it('renders the Checkbox with layout=horizontal and CheckboxItems', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });

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

@@ -39,22 +39,20 @@ exports[`renders the CheckboxItem with \`disabled\` prop 1`] = `
 
 exports[`renders the CheckboxItem with \`divider\` prop 1`] = `
 <ForwardRef(CheckboxItem)
-  divider="ή"
+  dividerText="ή"
 >
-  <ForwardRef(ChoiceDivider)
-    text="ή"
-  >
+  <ForwardRef(ChoiceDividerText)>
     <ForwardRef(Base)
       as="div"
-      className="govgr-choice-divider"
+      className="govgr-choice-divider-text"
     >
       <div
-        className="govgr-choice-divider"
+        className="govgr-choice-divider-text"
       >
         ή
       </div>
     </ForwardRef(Base)>
-  </ForwardRef(ChoiceDivider)>
+  </ForwardRef(ChoiceDividerText)>
   <div
     className="govgr-checkboxes__item"
   >
@@ -169,24 +167,22 @@ exports[`renders the CheckboxItem with \`value\` \`name\` and \`disabled\` props
 exports[`renders the CheckboxItem with \`value\` \`name\`, \`divider\` and \`disabled\` props 1`] = `
 <ForwardRef(CheckboxItem)
   disabled={true}
-  divider="ή"
+  dividerText="ή"
   name="example"
   value="example"
 >
-  <ForwardRef(ChoiceDivider)
-    text="ή"
-  >
+  <ForwardRef(ChoiceDividerText)>
     <ForwardRef(Base)
       as="div"
-      className="govgr-choice-divider"
+      className="govgr-choice-divider-text"
     >
       <div
-        className="govgr-choice-divider"
+        className="govgr-choice-divider-text"
       >
         ή
       </div>
     </ForwardRef(Base)>
-  </ForwardRef(ChoiceDivider)>
+  </ForwardRef(ChoiceDividerText)>
   <div
     className="govgr-checkboxes__item"
   >

package/esm/CheckboxItem/index.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "value", "divider", "className", "disabled", "children"];
+var _excluded = ["name", "value", "dividerText", "className", "disabled", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
-import ChoiceDivider from '@digigov/react-core/ChoiceDivider';
+import ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';
 import LabelContainer from '@digigov/react-core/LabelContainer';
 
 /**
@@ -15,15 +15,13 @@ import LabelContainer from '@digigov/react-core/LabelContainer';
 export var CheckboxItem = /*#__PURE__*/React.forwardRef(function CheckboxItem(_ref, ref) {
   var name = _ref.name,
       value = _ref.value,
-      divider = _ref.divider,
+      dividerText = _ref.dividerText,
       className = _ref.className,
       disabled = _ref.disabled,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, divider && /*#__PURE__*/React.createElement(ChoiceDivider, {
-    text: divider
-  }), /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, dividerText && /*#__PURE__*/React.createElement(ChoiceDividerText, null, dividerText), /*#__PURE__*/React.createElement("div", {
     className: clsx(className, true && 'govgr-checkboxes__item')
   }, /*#__PURE__*/React.createElement(LabelContainer, {
     className: clsx(disabled && 'govgr-checkboxes__label--disabled', true && 'govgr-checkboxes__label')

package/esm/CheckboxItem/index.test.js

@@ -33,7 +33,7 @@ it('renders the CheckboxItem with `disabled` prop', function () {
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(CheckboxItem, {
-  divider: "\u03AE"
+  dividerText: "\u03AE"
 }, "hello");
 
 it('renders the CheckboxItem with `divider` prop', function () {
@@ -53,7 +53,7 @@ it('renders the CheckboxItem with `value` `name` and `disabled` props', function
 var _ref7 = /*#__PURE__*/React.createElement(CheckboxItem, {
   value: "example",
   name: "example",
-  divider: "\u03AE",
+  dividerText: "\u03AE",
   disabled: true
 }, "hello");
 

package/esm/ChipKeyValue/index.test.js

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

package/esm/ChipSectionWrapper/index.js

@@ -15,7 +15,7 @@ export var ChipSectionWrapper = /*#__PURE__*/React.forwardRef(function ChipSecti
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "ul",
+    as: "div",
     ref: ref,
     className: clsx(className)
   }, props), children);

package/esm/{ChoiceDivider → ChoiceDividerText}/__snapshots__/index.test.tsx.snap

@@ -1,18 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the ChoiceDivider with text prop 1`] = `
-<ForwardRef(ChoiceDivider)
-  text="ή"
->
+<ForwardRef(ChoiceDividerText)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-choice-divider"
+    className="govgr-choice-divider-text"
   >
     <div
-      className="govgr-choice-divider"
+      className="govgr-choice-divider-text"
     >
       ή
     </div>
   </ForwardRef(Base)>
-</ForwardRef(ChoiceDivider)>
+</ForwardRef(ChoiceDividerText)>
 `;

package/{es/ChoiceDivider → esm/ChoiceDividerText}/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["text", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -9,15 +9,15 @@ import Base from '@digigov/react-core/Base';
  * ChoiceDivider component adds a text divider on top of a Radio or Checkbox item.
  * It's been used as a prop ("divider") inside RadioItem and CheckboxItem.
  */
-export var ChoiceDivider = /*#__PURE__*/React.forwardRef(function ChoiceDivider(_ref, ref) {
-  var text = _ref.text,
-      className = _ref.className,
+export var ChoiceDividerText = /*#__PURE__*/React.forwardRef(function ChoiceDividerText(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-choice-divider')
-  }, props), text);
+    className: clsx(className, true && 'govgr-choice-divider-text')
+  }, props), children);
 });
-export default ChoiceDivider;
+export default ChoiceDividerText;

package/{es/ChoiceDivider → esm/ChoiceDividerText}/index.test.js

@@ -1,10 +1,8 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import ChoiceDivider from '@digigov/react-core/ChoiceDivider';
+import ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';
 
-var _ref = /*#__PURE__*/React.createElement(ChoiceDivider, {
-  text: "\u03AE"
-});
+var _ref = /*#__PURE__*/React.createElement(ChoiceDividerText, null, "\u03AE");
 
 it('renders the ChoiceDivider with text prop', function () {
   expect(mount(_ref)).toMatchSnapshot();