diff --git a/docs/pages/material-ui/api/chip.json b/docs/pages/material-ui/api/chip.json
index 1d3b02d127913a..1854ff2494185f 100644
--- a/docs/pages/material-ui/api/chip.json
+++ b/docs/pages/material-ui/api/chip.json
@@ -97,6 +97,12 @@
"isGlobal": false,
"isDeprecated": true
},
+ {
+ "key": "colorDefault",
+ "className": "MuiChip-colorDefault",
+ "description": "Styles applied to the root element if `color=\"default\"`.",
+ "isGlobal": false
+ },
{
"key": "colorError",
"className": "MuiChip-colorError",
diff --git a/docs/translations/api-docs/chip/chip.json b/docs/translations/api-docs/chip/chip.json
index fddc50bdb23a05..719f2b5e502068 100644
--- a/docs/translations/api-docs/chip/chip.json
+++ b/docs/translations/api-docs/chip/chip.json
@@ -79,6 +79,11 @@
"conditions": "onClick
and color=\"secondary\"
is defined or clickable={true}
",
"deprecationInfo": "Combine the .MuiChip-clickable and .MuiChip-colorSecondary classes instead. How to migrate"
},
+ "colorDefault": {
+ "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+ "nodeName": "the root element",
+ "conditions": "color=\"default\"
"
+ },
"colorError": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the root element",
diff --git a/packages/mui-material/src/Chip/Chip.test.js b/packages/mui-material/src/Chip/Chip.test.js
index 9cf98ce15f5986..6af617103ddb7d 100644
--- a/packages/mui-material/src/Chip/Chip.test.js
+++ b/packages/mui-material/src/Chip/Chip.test.js
@@ -54,6 +54,7 @@ describe('', () => {
expect(label).to.have.text('My text Chip');
expect(chip).to.have.class(classes.root);
+ expect(chip).to.have.class(classes.colorDefault);
expect(chip).not.to.have.class(classes.colorPrimary);
expect(chip).not.to.have.class(classes.colorSecondary);
expect(chip).not.to.have.class(classes.clickable);
diff --git a/packages/mui-material/src/Chip/chipClasses.ts b/packages/mui-material/src/Chip/chipClasses.ts
index 48efe3fbe3cea6..881ffd4ab22a61 100644
--- a/packages/mui-material/src/Chip/chipClasses.ts
+++ b/packages/mui-material/src/Chip/chipClasses.ts
@@ -8,6 +8,8 @@ export interface ChipClasses {
sizeSmall: string;
/** Styles applied to the root element if `size="medium"`. */
sizeMedium: string;
+ /** Styles applied to the root element if `color="default"`. */
+ colorDefault: string;
/** Styles applied to the root element if `color="error"`. */
colorError: string;
/** Styles applied to the root element if `color="info"`. */
@@ -156,6 +158,7 @@ const chipClasses: ChipClasses = generateUtilityClasses('MuiChip', [
'root',
'sizeSmall',
'sizeMedium',
+ 'colorDefault',
'colorError',
'colorInfo',
'colorPrimary',