[material-ui][Chip] Add colorDefault class to chipClasses (mui#42067)

danilo-leal · May 2, 2024 · 7bc7de6 · 7bc7de6
1 parent b78eaf0
commit 7bc7de6
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 0 deletions.
diff --git 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
@@ -79,6 +79,11 @@
       "conditions": "<code>onClick</code> and <code>color=\"secondary\"</code> is defined or <code>clickable={true}</code>",
       "deprecationInfo": "Combine the <a href=\"/material-ui/api/chip/#chip-classes-clickable\">.MuiChip-clickable</a> and <a href=\"/material-ui/api/chip/#chip-classes-colorSecondary\">.MuiChip-colorSecondary</a> classes instead. <a href=\"/material-ui/migration/migrating-from-deprecated-apis/\">How to migrate</a>"
     },
+    "colorDefault": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>color=\"default\"</code>"
+    },
     "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
@@ -54,6 +54,7 @@ describe('<Chip />', () => {
       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
@@ -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',