@simplybusiness/mobius 6.3.1 → 6.3.2

package/dist/esm/index.js

@@ -2282,6 +2282,7 @@ var CheckboxGroup = forwardRef15((props, ref) => {
           if (isValidElement(child)) {
             const isLastItem = child === lastCheckbox;
             const isChildDisabled = isDisabled || lastItemDisables && lastCheckboxIsChecked && !isLastItem;
+            const childProps = child.props;
             return cloneElement4(
               child,
               {
@@ -2290,10 +2291,8 @@ var CheckboxGroup = forwardRef15((props, ref) => {
                 isReadOnly,
                 isInvalid,
                 isLastItem,
-                selected: selected.includes(
-                  child.props.value
-                ),
-                onChange: handleChange,
+                selected: selected.includes(childProps.value),
+                onChange: childProps.onChange || handleChange,
                 "aria-describedby": describedBy
               }
             );

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@simplybusiness/mobius",
   "license": "UNLICENSED",
-  "version": "6.3.1",
+  "version": "6.3.2",
   "description": "Core library of Mobius react components",
   "repository": {
     "type": "git",

package/src/components/Checkbox/CheckboxGroup.tsx

@@ -160,6 +160,11 @@ export const CheckboxGroup: ForwardedRefComponent<
               isDisabled ||
               (lastItemDisables && lastCheckboxIsChecked && !isLastItem);
 
+            const childProps = child.props as {
+              value: string;
+              onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+            };
+
             return cloneElement(
               child as ReactElement,
               {
@@ -168,10 +173,8 @@ export const CheckboxGroup: ForwardedRefComponent<
                 isReadOnly,
                 isInvalid,
                 isLastItem,
-                selected: selected.includes(
-                  (child.props as { value: string }).value,
-                ),
-                onChange: handleChange,
+                selected: selected.includes(childProps.value),
+                onChange: childProps.onChange || handleChange,
                 "aria-describedby": describedBy,
               } as Record<string, unknown>,
             );

package/src/components/ErrorMessage/ErrorMessage.css

@@ -1,6 +1,6 @@
 .mobius-error-message {
   box-sizing: border-box;
-  display: grid;
+  display: var(--error-message-display, grid);
   gap: var(--error-message-grid-gap, var(--size-xs));
   grid-template-columns: min-content 1fr;
   color: var(--color-error);