@digigov/react-core 1.0.0-266e80f3 → 1.0.0-3bfc7d37

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

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

package/esm/Blockquote/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "dense", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -10,13 +10,14 @@ import Base from '@digigov/react-core/Base';
  */
 export var Blockquote = /*#__PURE__*/React.forwardRef(function Blockquote(_ref, ref) {
   var className = _ref.className,
+      dense = _ref.dense,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "blockquote",
     ref: ref,
-    className: clsx(className, true && 'govgr-blockquote')
+    className: clsx(className, dense && 'govgr-blockquote--dense', true && 'govgr-blockquote')
   }, props), children);
 });
 export default Blockquote;

package/esm/Blockquote/index.test.js

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

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

@@ -21,6 +21,27 @@ exports[`renders the Card with callToActon props 1`] = `
 </ForwardRef(Card)>
 `;
 
+exports[`renders the Card with dense props 1`] = `
+<ForwardRef(Card)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-card--dense govgr-card"
+  >
+    <div
+      className="govgr-card--dense govgr-card"
+    >
+      <div
+        className="govgr-card__body"
+      >
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Card)>
+`;
+
 exports[`renders the Card with no props 1`] = `
 <ForwardRef(Card)>
   <ForwardRef(Base)

package/esm/Card/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "borderColor", "callToAction", "className", "children"];
+var _excluded = ["variant", "borderColor", "callToAction", "dense", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -14,6 +14,7 @@ export var Card = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
   var variant = _ref.variant,
       borderColor = _ref.borderColor,
       callToAction = _ref.callToAction,
+      dense = _ref.dense,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -21,7 +22,7 @@ export var Card = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, variant === 'border-top' && 'govgr-card--border-top', borderColor === 'light' && 'govgr-card--border-light', borderColor === 'dark' && 'govgr-card--border-dark', variant === 'divider' && 'govgr-card--divider', variant === 'border' && 'govgr-card--border', callToAction && 'govgr-card--cta', true && 'govgr-card')
+    className: clsx(className, variant === 'border-top' && 'govgr-card--border-top', borderColor === 'light' && 'govgr-card--border-light', borderColor === 'dark' && 'govgr-card--border-dark', variant === 'divider' && 'govgr-card--divider', variant === 'border' && 'govgr-card--border', callToAction && 'govgr-card--cta', dense && 'govgr-card--dense', true && 'govgr-card')
   }, props), /*#__PURE__*/React.createElement("div", {
     className: clsx(true && 'govgr-card__body')
   }, children));

package/esm/Card/index.test.js

@@ -17,71 +17,79 @@ it('renders the Card with callToActon props', function () {
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(Card, {
-  variant: "border"
+  dense: true
 }, "hello");
 
-it('renders the Card with variant="border" props', function () {
+it('renders the Card with dense props', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(Card, {
-  variant: "divider"
+  variant: "border"
 }, "hello");
 
-it('renders the Card with variant="divider" props', function () {
+it('renders the Card with variant="border" props', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(Card, {
-  variant: "border-top"
+  variant: "divider"
 }, "hello");
 
-it('renders the Card with variant="border-top" props', function () {
+it('renders the Card with variant="divider" props', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(Card, {
+  variant: "border-top"
+}, "hello");
+
+it('renders the Card with variant="border-top" props', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(Card, {
   variant: "border",
   borderColor: "dark"
 }, "hello");
 
 it('renders the Card with variant="border" and borderColor="dark" props', function () {
-  expect(mount(_ref6)).toMatchSnapshot();
+  expect(mount(_ref7)).toMatchSnapshot();
 });
 
-var _ref7 = /*#__PURE__*/React.createElement(Card, {
+var _ref8 = /*#__PURE__*/React.createElement(Card, {
   variant: "border",
   borderColor: "light"
 }, "hello");
 
 it('renders the Card with variant="border" and borderColor="light" props', function () {
-  expect(mount(_ref7)).toMatchSnapshot();
+  expect(mount(_ref8)).toMatchSnapshot();
 });
 
-var _ref8 = /*#__PURE__*/React.createElement(Card, {
+var _ref9 = /*#__PURE__*/React.createElement(Card, {
   variant: "border-top",
   borderColor: "dark"
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="dark" props', function () {
-  expect(mount(_ref8)).toMatchSnapshot();
+  expect(mount(_ref9)).toMatchSnapshot();
 });
 
-var _ref9 = /*#__PURE__*/React.createElement(Card, {
+var _ref10 = /*#__PURE__*/React.createElement(Card, {
   variant: "border-top",
   borderColor: "light"
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="light" props', function () {
-  expect(mount(_ref9)).toMatchSnapshot();
+  expect(mount(_ref10)).toMatchSnapshot();
 });
 
-var _ref10 = /*#__PURE__*/React.createElement(Card, {
+var _ref11 = /*#__PURE__*/React.createElement(Card, {
   variant: "border-top",
   borderColor: "dark",
   callToAction: true
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="dark" callToAction props', function () {
-  expect(mount(_ref10)).toMatchSnapshot();
+  expect(mount(_ref11)).toMatchSnapshot();
 });

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

@@ -2,7 +2,7 @@
 
 exports[`renders the RadioItem  \`divider\` props 1`] = `
 <ForwardRef(RadioItem)
-  divider="ή"
+  dividerText="ή"
 >
   <ForwardRef(ChoiceDividerText)>
     <ForwardRef(Base)
@@ -91,7 +91,7 @@ exports[`renders the RadioItem  value props 1`] = `
 exports[`renders the RadioItem with \`name\`, \`disabled\`, \`divider\` and \`value\` props 1`] = `
 <ForwardRef(RadioItem)
   disabled={true}
-  divider="ή"
+  dividerText="ή"
   name="name"
   value="someValue"
 >

package/esm/RadioItem/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["divider", "name", "value", "className", "disabled", "children"];
+var _excluded = ["dividerText", "name", "value", "className", "disabled", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -12,7 +12,7 @@ import LabelContainer from '@digigov/react-core/LabelContainer';
  * RadioItem component must be included inside Radio component, as a children component.
  */
 export var RadioItem = /*#__PURE__*/React.forwardRef(function RadioItem(_ref, ref) {
-  var divider = _ref.divider,
+  var dividerText = _ref.dividerText,
       name = _ref.name,
       value = _ref.value,
       className = _ref.className,
@@ -21,7 +21,7 @@ export var RadioItem = /*#__PURE__*/React.forwardRef(function RadioItem(_ref, re
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, divider && /*#__PURE__*/React.createElement(ChoiceDividerText, null, 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-radios__item')
   }, /*#__PURE__*/React.createElement(LabelContainer, {
     className: clsx(disabled && 'govgr-radios__label--disabled', true && 'govgr-radios__label')

package/esm/RadioItem/index.test.js

@@ -25,10 +25,10 @@ it('renders the RadioItem  value props', function () {
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(RadioItem, {
-  divider: 'ή'
+  dividerText: 'ή'
 }, "hello");
 
-it('renders the RadioItem  `divider` props', function () {
+it('renders the RadioItem  `dividerText` props', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 
@@ -62,10 +62,10 @@ it('renders the RadioItem with name disabled and value props', function () {
 var _ref8 = /*#__PURE__*/React.createElement(RadioItem, {
   name: 'name',
   value: 'someValue',
-  divider: 'ή',
+  dividerText: 'ή',
   disabled: true
 }, "hello");
 
-it('renders the RadioItem with `name`, `disabled`, `divider` and `value` props', function () {
+it('renders the RadioItem with `name`, `disabled`, `dividerText` and `value` props', function () {
   expect(mount(_ref8)).toMatchSnapshot();
 });

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

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

package/esm/StepNav/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "dense", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -11,13 +11,14 @@ import Base from '@digigov/react-core/Base';
  */
 export var StepNav = /*#__PURE__*/React.forwardRef(function StepNav(_ref, ref) {
   var className = _ref.className,
+      dense = _ref.dense,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-step-nav')
+    className: clsx(className, dense && 'govgr-step-nav--dense', true && 'govgr-step-nav')
   }, props), children);
 });
 export default StepNav;

package/esm/StepNav/index.test.js

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

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

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

package/esm/TaskList/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "dense", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -11,13 +11,14 @@ import Base from '@digigov/react-core/Base';
  */
 export var TaskList = /*#__PURE__*/React.forwardRef(function TaskList(_ref, ref) {
   var className = _ref.className,
+      dense = _ref.dense,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ol",
     ref: ref,
-    className: clsx(className, true && 'govgr-task-list')
+    className: clsx(className, dense && 'govgr-task-list--dense', true && 'govgr-task-list')
   }, props), children);
 });
 export default TaskList;

package/esm/TaskList/index.test.js

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

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

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

package/esm/Timeline/index.js

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

package/esm/Timeline/index.test.js

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

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v1.0.0-266e80f3
+/** @license Digigov v1.0.0-3bfc7d37
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

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

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

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

package/src/Blockquote/index.test.tsx

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

package/src/Blockquote/index.tsx

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

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

@@ -21,6 +21,27 @@ exports[`renders the Card with callToActon props 1`] = `
 </ForwardRef(Card)>
 `;
 
+exports[`renders the Card with dense props 1`] = `
+<ForwardRef(Card)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-card--dense govgr-card"
+  >
+    <div
+      className="govgr-card--dense govgr-card"
+    >
+      <div
+        className="govgr-card__body"
+      >
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Card)>
+`;
+
 exports[`renders the Card with no props 1`] = `
 <ForwardRef(Card)>
   <ForwardRef(Base)

package/src/Card/index.test.tsx

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

package/src/Card/index.tsx

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

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

@@ -2,7 +2,7 @@
 
 exports[`renders the RadioItem  \`divider\` props 1`] = `
 <ForwardRef(RadioItem)
-  divider="ή"
+  dividerText="ή"
 >
   <ForwardRef(ChoiceDividerText)>
     <ForwardRef(Base)
@@ -91,7 +91,7 @@ exports[`renders the RadioItem  value props 1`] = `
 exports[`renders the RadioItem with \`name\`, \`disabled\`, \`divider\` and \`value\` props 1`] = `
 <ForwardRef(RadioItem)
   disabled={true}
-  divider="ή"
+  dividerText="ή"
   name="name"
   value="someValue"
 >