[material-ui][ToggleButtonGroup] Add missing selected class in Togg…

…leButtonGroupClasses type (#42243) Co-authored-by: ZeeshanTamboli <zeeshan.tamboli@gmail.com>
mui · May 15, 2024 · a132572 · a132572
1 parent 3c888ed
commit a132572
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/docs/pages/material-ui/api/toggle-button-group.json b/docs/pages/material-ui/api/toggle-button-group.json
@@ -107,6 +107,12 @@
       "description": "Styles applied to the root element.",
       "isGlobal": false
     },
+    {
+      "key": "selected",
+      "className": "Mui-selected",
+      "description": "State class applied to the root element if `selected={true}`.",
+      "isGlobal": true
+    },
     {
       "key": "vertical",
       "className": "MuiToggleButtonGroup-vertical",

diff --git a/docs/translations/api-docs/toggle-button-group/toggle-button-group.json b/docs/translations/api-docs/toggle-button-group/toggle-button-group.json
@@ -73,6 +73,11 @@
       "nodeName": "buttons in the middle of the toggle button group"
     },
     "root": { "description": "Styles applied to the root element." },
+    "selected": {
+      "description": "State class applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>selected={true}</code>"
+    },
     "vertical": {
       "description": "Styles applied to {{nodeName}} if {{conditions}}.",
       "nodeName": "the root element",

diff --git a/packages/mui-material/src/ToggleButtonGroup/toggleButtonGroupClasses.ts b/packages/mui-material/src/ToggleButtonGroup/toggleButtonGroupClasses.ts
@@ -4,6 +4,8 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export interface ToggleButtonGroupClasses {
   /** Styles applied to the root element. */
   root: string;
+  /** State class applied to the root element if `selected={true}`. */
+  selected: string;
   /** Styles applied to the root element if `orientation="horizontal"`. */
   horizontal: string;
   /** Styles applied to the root element if `orientation="vertical"`. */