From ae175a143c857b19da264b097d83820683c9f669 Mon Sep 17 00:00:00 2001
From: navedqb <109583873+navedqb@users.noreply.github.com>
Date: Mon, 26 May 2025 17:15:57 +0530
Subject: [PATCH 1/2] fix(MultiStateCheckbox): support invalid and variant
 props

---
 components/lib/multistatecheckbox/MultiStateCheckbox.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/lib/multistatecheckbox/MultiStateCheckbox.js b/components/lib/multistatecheckbox/MultiStateCheckbox.js
index c5ccc4b471..05acecd832 100644
--- a/components/lib/multistatecheckbox/MultiStateCheckbox.js
+++ b/components/lib/multistatecheckbox/MultiStateCheckbox.js
@@ -170,7 +170,7 @@ export const MultiStateCheckbox = React.memo(
         const checkboxProps = mergeProps(
             {
                 id: props.id + '_checkbox',
-                className: classNames(props.className),
+                className: cx('checkbox'),
                 style: sx('checkbox', { selectedOption }),
                 tabIndex: props.tabIndex,
                 onFocus: onFocus,

From a1ba28bc1d4898225ed20d32565a41bb4adc12e3 Mon Sep 17 00:00:00 2001
From: navedqb <109583873+navedqb@users.noreply.github.com>
Date: Mon, 26 May 2025 17:19:42 +0530
Subject: [PATCH 2/2] fix(MultiStateCheckbox): support invalid and variant
 props

---
 .../multistatecheckbox/MultiStateCheckboxBase.js    | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/lib/multistatecheckbox/MultiStateCheckboxBase.js b/components/lib/multistatecheckbox/MultiStateCheckboxBase.js
index a1bcb48f31..54c409a008 100644
--- a/components/lib/multistatecheckbox/MultiStateCheckboxBase.js
+++ b/components/lib/multistatecheckbox/MultiStateCheckboxBase.js
@@ -6,7 +6,14 @@ const classes = {
         classNames('p-checkbox-icon p-c', {
             [`${icon}`]: true
         }),
-    root: ({ props }) => classNames('p-multistatecheckbox p-checkbox p-component', props.classNames)
+    root: ({ props }) =>
+        classNames('p-multistatecheckbox p-checkbox p-component', props.classNames, {
+            'p-variant-filled': props.variant === 'filled'
+        }),
+    checkbox: ({ props }) =>
+        classNames(props.className, {
+            'p-invalid': props.invalid
+        })
 };
 
 const inlineStyles = {
@@ -34,7 +41,9 @@ export const MultiStateCheckboxBase = ComponentBase.extend({
         tooltip: null,
         tooltipOptions: null,
         value: null,
-        children: undefined
+        children: undefined,
+        invalid: false,
+        variant: null
     },
     css: {
         classes,