@digigov/react-core 0.21.0 → 0.22.0

package/RadioItem/index.d.ts

@@ -9,6 +9,11 @@ export interface RadioItemProps extends BaseProps<'input'> {
      * Value property is optional and it specifies the value of an <input> element.
      */
     value?: string;
+    /**
+     * disabled prop disables the radio input.
+     * disabled property is optional and it is false by default.
+     */
+    disabled?: boolean;
 }
 /**
  * RadioItem component is used for display radio buttons.

package/RadioItem/index.js

@@ -17,7 +17,7 @@ var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["name", "value", "className", "children"];
+var _excluded = ["name", "value", "className", "disabled", "children"];
 
 /**
  * RadioItem component is used for display radio buttons.
@@ -27,19 +27,22 @@ var RadioItem = /*#__PURE__*/_react["default"].forwardRef(function RadioItem(_re
   var name = _ref.name,
       value = _ref.value,
       className = _ref.className,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _clsx["default"])(className, true && 'govgr-radios__item')
   }, /*#__PURE__*/_react["default"].createElement("label", {
-    className: (0, _clsx["default"])(true && 'govgr-label govgr-radios__label')
+    className: (0, _clsx["default"])(disabled === true && 'govgr-radios__label--disabled', true && 'govgr-label govgr-radios__label')
   }, children, /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "input",
     ref: ref,
     type: "radio",
     name: name,
     value: value,
-    className: (0, _clsx["default"])(true && 'govgr-radios__input')
+    className: (0, _clsx["default"])(true && 'govgr-radios__input'),
+    disabled: disabled
   }, props))));
 });
 

package/RadioItem/index.test.js

@@ -37,4 +37,22 @@ var _ref4 = /*#__PURE__*/_react["default"].createElement(_RadioItem["default"],
 
 it('renders the RadioItem with name and value props', function () {
   expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_RadioItem["default"], {
+  disabled: true
+}, "hello");
+
+it('renders the RadioItem with disabled prop', function () {
+  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_RadioItem["default"], {
+  name: 'name',
+  value: 'someValue',
+  disabled: true
+}, "hello");
+
+it('renders the RadioItem with name disabled and value props', function () {
+  expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
 });

package/SectionBreak/index.d.ts

@@ -9,7 +9,7 @@ export interface SectionBreakProps extends BaseProps<'hr'> {
     /**
      * size is optional and it is about the different size margins.
      */
-    size?: 'xl' | 'l' | 'm';
+    size?: 'xl' | 'l' | 'm' | 's';
 }
 /**
  * SectionBreak is used to create a thematic break between sections of content.

package/SectionBreak/index.js

@@ -23,8 +23,10 @@ var _excluded = ["visible", "size", "className"];
  * SectionBreak is used to create a thematic break between sections of content.
  */
 var SectionBreak = /*#__PURE__*/_react["default"].forwardRef(function SectionBreak(_ref, ref) {
-  var visible = _ref.visible,
-      size = _ref.size,
+  var _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? true : _ref$visible,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 's' : _ref$size,
       className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({

package/SvgIcon/index.d.ts

@@ -5,7 +5,7 @@ export interface SvgIconProps extends BaseProps<'svg'> {
      * size prop declares the size of the svg icon.
      * size is optional. The default value is 'm'.
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 'xxl';
     /**
      * variant property styles svg icon with Gov.gr palette's basic colors.
      * variant property is optional.