@sebgroup/green-react 1.0.0-beta.38 → 1.0.0-beta.39

package/index.esm.js

@@ -2158,19 +2158,25 @@ const Checkbox = _a => {
 
   const inputProps = useInput(props, onChange);
   const validatorClassName = validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
-  return jsxs(Fragment, {
-    children: [jsxs("label", Object.assign({
-      htmlFor: inputProps.id,
-      className: `form-control ${validatorClassName}`
+  return jsx(Fragment, {
+    children: jsxs("div", Object.assign({
+      className: "form-group"
     }, {
-      children: [label, jsx("input", Object.assign({
-        type: "checkbox"
-      }, inputProps)), jsx("span", {}), jsx("i", {})]
-    })), validator && jsx("span", Object.assign({
-      className: "form-info"
-    }, {
-      children: validator.message
-    }))]
+      children: [jsxs("label", Object.assign({
+        htmlFor: inputProps.id,
+        className: `form-control ${validatorClassName}`
+      }, {
+        children: [label, jsx("input", Object.assign({
+          type: "checkbox"
+        }, inputProps, {
+          className: validatorClassName
+        })), jsx("i", {})]
+      })), validator && jsx("span", Object.assign({
+        className: "form-info"
+      }, {
+        children: validator.message
+      }))]
+    }))
   });
 };
 const RadioButton = /*#__PURE__*/React.forwardRef((_a, ref) => {
@@ -2358,9 +2364,9 @@ const RadioGroup = ({
     children: [jsxs("fieldset", Object.assign({
       className: validatorClassName
     }, {
-      children: [jsx("legend", {
+      children: [title && jsx("legend", {
         children: title
-      }), jsx("span", Object.assign({
+      }), description && jsx("span", Object.assign({
         className: "form-info"
       }, {
         children: description
@@ -2886,16 +2892,16 @@ const Dropdown = ({
     })), jsxs("div", Object.assign({}, getListBoxProps(listboxProps), {
       ref: listboxRef
     }, {
-      children: [jsx("button", Object.assign({
+      children: [jsxs("button", Object.assign({
         type: "button",
         className: "close m-4 m-sm-2 d-block d-sm-none",
         onClick: dropdown === null || dropdown === void 0 ? void 0 : dropdown.close
       }, {
-        children: jsx("span", Object.assign({
+        children: [jsx("span", Object.assign({
           className: "sr-only"
         }, {
           children: dropdown === null || dropdown === void 0 ? void 0 : dropdown.dropdown.texts.close
-        }))
+        })), jsx("i", {})]
       })), (dropdown === null || dropdown === void 0 ? void 0 : dropdown.dropdown.isMultiSelect) ? jsx("div", Object.assign({
         className: "sg-fieldset-container"
       }, {

package/index.umd.js

@@ -2164,19 +2164,25 @@
 
 	  const inputProps = useInput(props, onChange);
 	  const validatorClassName = extract.validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
-	  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-	    children: [jsxRuntime.jsxs("label", Object.assign({
-	      htmlFor: inputProps.id,
-	      className: `form-control ${validatorClassName}`
+	  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+	    children: jsxRuntime.jsxs("div", Object.assign({
+	      className: "form-group"
 	    }, {
-	      children: [label, jsxRuntime.jsx("input", Object.assign({
-	        type: "checkbox"
-	      }, inputProps)), jsxRuntime.jsx("span", {}), jsxRuntime.jsx("i", {})]
-	    })), validator && jsxRuntime.jsx("span", Object.assign({
-	      className: "form-info"
-	    }, {
-	      children: validator.message
-	    }))]
+	      children: [jsxRuntime.jsxs("label", Object.assign({
+	        htmlFor: inputProps.id,
+	        className: `form-control ${validatorClassName}`
+	      }, {
+	        children: [label, jsxRuntime.jsx("input", Object.assign({
+	          type: "checkbox"
+	        }, inputProps, {
+	          className: validatorClassName
+	        })), jsxRuntime.jsx("i", {})]
+	      })), validator && jsxRuntime.jsx("span", Object.assign({
+	        className: "form-info"
+	      }, {
+	        children: validator.message
+	      }))]
+	    }))
 	  });
 	};
 	const RadioButton = /*#__PURE__*/React__default["default"].forwardRef((_a, ref) => {
@@ -2364,9 +2370,9 @@
 	    children: [jsxRuntime.jsxs("fieldset", Object.assign({
 	      className: validatorClassName
 	    }, {
-	      children: [jsxRuntime.jsx("legend", {
+	      children: [title && jsxRuntime.jsx("legend", {
 	        children: title
-	      }), jsxRuntime.jsx("span", Object.assign({
+	      }), description && jsxRuntime.jsx("span", Object.assign({
 	        className: "form-info"
 	      }, {
 	        children: description
@@ -2892,16 +2898,16 @@
 	    })), jsxRuntime.jsxs("div", Object.assign({}, getListBoxProps(listboxProps), {
 	      ref: listboxRef
 	    }, {
-	      children: [jsxRuntime.jsx("button", Object.assign({
+	      children: [jsxRuntime.jsxs("button", Object.assign({
 	        type: "button",
 	        className: "close m-4 m-sm-2 d-block d-sm-none",
 	        onClick: dropdown === null || dropdown === void 0 ? void 0 : dropdown.close
 	      }, {
-	        children: jsxRuntime.jsx("span", Object.assign({
+	        children: [jsxRuntime.jsx("span", Object.assign({
 	          className: "sr-only"
 	        }, {
 	          children: dropdown === null || dropdown === void 0 ? void 0 : dropdown.dropdown.texts.close
-	        }))
+	        })), jsxRuntime.jsx("i", {})]
 	      })), (dropdown === null || dropdown === void 0 ? void 0 : dropdown.dropdown.isMultiSelect) ? jsxRuntime.jsx("div", Object.assign({
 	        className: "sg-fieldset-container"
 	      }, {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.0.0-beta.38",
+  "version": "1.0.0-beta.39",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.0.0-beta.39",
-    "@sebgroup/extract": "^1.0.0-beta.38"
+    "@sebgroup/chlorophyll": "^1.0.0-beta.40",
+    "@sebgroup/extract": "^1.0.0-beta.39"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",
   "repository": {