@xqmsg/ui-core 0.16.5 → 0.16.7

package/dist/theme/components/form.d.ts

@@ -6,11 +6,9 @@ declare const _default: {
             color: string;
         };
         helperText: {
-            position: string;
-            color: string;
             mt: number;
             ml: number;
-            bottom: number;
+            color: string;
             fontSize: string;
         };
     };

package/dist/ui-core.cjs.development.js

@@ -499,12 +499,20 @@ function Form(_ref) {
 var StackedCheckbox = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref) {
   var value = _ref2.value,
       label = _ref2.label,
-      defaultValue = _ref2.defaultValue;
+      _onChange = _ref2.onChange;
+  if (value === null) return null;
   return /*#__PURE__*/React__default.createElement(react.Checkbox, {
     ref: _ref,
     value: String(value),
-    defaultChecked: Boolean(defaultValue)
-  }, label);
+    defaultChecked: Boolean(value),
+    defaultValue: value,
+    onChange: function onChange(e) {
+      if (_onChange) return _onChange(e.target.checked);
+    }
+  }, /*#__PURE__*/React__default.createElement(react.Text, {
+    fontSize: "13px",
+    alignSelf: "center"
+  }, label));
 });
 
 function _extends$2() {
@@ -1573,8 +1581,7 @@ var Label$1 = function Label(_ref) {
       isRequired = _ref.isRequired,
       label = _ref.label;
   return /*#__PURE__*/React__default.createElement(react.FormLabel, {
-    display: "flex",
-    alignItems: "center"
+    display: "flex"
   }, label, isRequired && /*#__PURE__*/React__default.createElement(react.Box, {
     ml: 1,
     color: colors.label.error
@@ -1696,7 +1703,6 @@ function Input(_ref) {
           onChange: onChange,
           onBlur: onBlur,
           ref: ref,
-          disabled: disabled,
           value: value,
           defaultValue: defaultValue,
           label: label
@@ -1778,8 +1784,8 @@ function Input(_ref) {
         id: name,
         isInvalid: isInvalid,
         position: "relative",
-        py: label || helperText || isInvalid ? 6 : 0
-      }, label && /*#__PURE__*/React__default.createElement(Label$1, {
+        py: (label || helperText || isInvalid) && inputType !== 'checkbox' ? 6 : 0
+      }, label && inputType !== 'checkbox' && /*#__PURE__*/React__default.createElement(Label$1, {
         tooltipText: tooltipText,
         label: label,
         isRequired: isRequired
@@ -2452,11 +2458,9 @@ function baseStyleRequiredIndicator() {
 
 function baseStyleHelperText() {
   return {
-    position: 'absolute',
-    color: colors.label.secondary.light,
     mt: 1,
     ml: 1,
-    bottom: 0,
+    color: colors.label.secondary.light,
     fontSize: '13px'
   };
 }