@rocket.chat/fuselage 0.32.0-dev.418 → 0.32.0-dev.419

package/dist/fuselage.development.js

@@ -2696,7 +2696,7 @@ var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
 var Label_1 = __webpack_require__(/*! ../Label */ "./src/components/Label/index.tsx");
 exports.CheckBox = (0, react_1.forwardRef)(function CheckBox(_a, ref) {
-    var autoComplete = _a.autoComplete, checked = _a.checked, defaultChecked = _a.defaultChecked, disabled = _a.disabled, form = _a.form, id = _a.id, indeterminate = _a.indeterminate, name = _a.name, required = _a.required, tabIndex = _a.tabIndex, value = _a.value, qa = _a.qa, dataQa = _a["data-qa"], onChange = _a.onChange, onInput = _a.onInput, onInvalid = _a.onInvalid, props = __rest(_a, ["autoComplete", "checked", "defaultChecked", "disabled", "form", "id", "indeterminate", "name", "required", "tabIndex", "value", "qa", 'data-qa', "onChange", "onInput", "onInvalid"]);
+    var indeterminate = _a.indeterminate, onChange = _a.onChange, props = __rest(_a, ["indeterminate", "onChange"]);
     var innerRef = (0, react_1.useRef)(null);
     var mergedRef = (0, fuselage_hooks_1.useMergedRefs)(ref, innerRef);
     (0, react_1.useLayoutEffect)(function () {
@@ -2710,8 +2710,8 @@ exports.CheckBox = (0, react_1.forwardRef)(function CheckBox(_a, ref) {
         }
         onChange && onChange.call(innerRef.current, event);
     }, [innerRef, indeterminate, onChange]);
-    return (react_1.default.createElement(Box_1.default, __assign({ is: Label_1.Label, "rcx-check-box": true }, props),
-        react_1.default.createElement(Box_1.default, { is: 'input', "rcx-check-box__input": true, autoComplete: autoComplete, checked: checked, defaultChecked: defaultChecked, disabled: disabled, form: form, id: id, name: name, required: required, tabIndex: tabIndex, type: 'checkbox', value: value, "data-qa": dataQa || qa, ref: mergedRef, onChange: handleChange, onInput: onInput, onInvalid: onInvalid }),
+    return (react_1.default.createElement(Box_1.default, { is: Label_1.Label, "rcx-check-box": true },
+        react_1.default.createElement(Box_1.default, __assign({ is: 'input', type: 'checkbox', "rcx-check-box__input": true, ref: mergedRef, onChange: handleChange }, props)),
         react_1.default.createElement(Box_1.default, { is: 'i', "rcx-check-box__fake": true, "aria-hidden": 'true' })));
 });
 
@@ -5403,11 +5403,13 @@ var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
 var LabelContext = (0, react_1.createContext)(false);
 function Label(_a) {
-    var disabled = _a.disabled, is = _a.is, required = _a.required, props = __rest(_a, ["disabled", "is", "required"]);
+    var disabled = _a.disabled, is = _a.is, required = _a.required, children = _a.children, props = __rest(_a, ["disabled", "is", "required", "children"]);
     var isInsideLabel = (0, react_1.useContext)(LabelContext);
     var component = is || (isInsideLabel && 'span') || 'label';
     return (react_1.default.createElement(LabelContext.Provider, { value: true },
-        react_1.default.createElement(Box_1.default, __assign({ is: component, "rcx-label": true, "rcx-label--disabled": disabled, "rcx-label--required": required }, props))));
+        react_1.default.createElement(Box_1.default, __assign({ is: component, "rcx-label": true, "rcx-label--disabled": disabled }, props),
+            children,
+            required && (react_1.default.createElement(Box_1.default, { is: 'span', "rcx-label__required": true, mis: 'x4', "aria-hidden": 'true' }, "*")))));
 }
 exports.Label = Label;