[docs] Remove Adobe XD chips, links, and mentions (#44909)

mui · Jan 6, 2025 · f37ca96 · f37ca96
1 parent ba35dfc
commit f37ca96
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 61 deletions.
diff --git a/docs/data/material/getting-started/design-resources/design-resources.md b/docs/data/material/getting-started/design-resources/design-resources.md
@@ -4,7 +4,7 @@
 
 ## Design Kits
 
-Material UI component designs are available for Figma, Sketch, and Adobe XD, providing accurate representations using shared terminology for all states, variants, and permutations of each component.
+Material UI component designs are available for Figma and Sketch, providing accurate representations using shared terminology for all states, variants, and permutations of each component.
 
 The design kits are composed of over 1,500 unique elements built to speed up the development process and ease communication for teams of designers and developers using the library.
 

diff --git a/docs/public/static/branding/design-kits/adobexd-logo.svg b/docs/public/static/branding/design-kits/adobexd-logo.svg
diff --git a/docs/src/components/productDesignKit/DesignKitDemo.tsx b/docs/src/components/productDesignKit/DesignKitDemo.tsx
@@ -140,11 +140,6 @@ export function MaterialDesignKitInfo() {
             alt="Sketch logo."
             loading="lazy"
           />
-          <img
-            src="/static/branding/design-kits/adobexd-logo.svg"
-            alt="Adobe XD logo."
-            loading="lazy"
-          />
         </Box>
       </Box>
       <Typography variant="body2" sx={{ color: 'text.secondary', mb: 2 }}>

diff --git a/docs/src/components/productDesignKit/DesignKitFAQ.tsx b/docs/src/components/productDesignKit/DesignKitFAQ.tsx
@@ -68,11 +68,11 @@ const faqData = [
     ),
   },
   {
-    summary: 'Figma or Sketch or Adobe XD?',
+    summary: 'Figma or Sketch?',
     detail: (
       <React.Fragment>
-        We aim to keep feature parity between the Figma, Sketch, and Adobe XD kits where possible.
-        We have a 50% off coupon for past customers who want to switch between them.
+        We aim to keep feature parity between the Figma and Sketch kits where possible. We have a
+        50% off coupon for past customers who want to switch between them.
       </React.Fragment>
     ),
   },

diff --git a/docs/src/modules/components/MaterialUIDesignResources.js b/docs/src/modules/components/MaterialUIDesignResources.js
@@ -29,26 +29,13 @@ const content = [
       />
     ),
   },
-  {
-    title: 'Material UI for Adobe XD',
-    link: 'https://mui.com/store/items/adobe-xd-react/?utm_source=docs&utm_medium=referral&utm_campaign=installation-adobe-xd',
-    svg: (
-      <img
-        src={`/static/branding/design-kits/adobexd-logo.svg`}
-        alt="Adobe XD logo"
-        loading="lazy"
-        width="36"
-        height="36"
-      />
-    ),
-  },
 ];
 
 export default function MaterialUIDesignResources() {
   return (
     <Grid container spacing={2}>
       {content.map(({ svg, title, link }) => (
-        <Grid key={title} size={{ xs: 12, sm: 4 }}>
+        <Grid key={title} size={{ xs: 12, sm: 6 }}>
           <InfoCard classNameTitle="algolia-lvl3" link={link} title={title} svg={svg} />
         </Grid>
       ))}

diff --git a/packages/mui-docs/src/ComponentLinkHeader/ComponentLinkHeader.tsx b/packages/mui-docs/src/ComponentLinkHeader/ComponentLinkHeader.tsx
@@ -7,7 +7,6 @@ import { styled } from '@mui/material/styles';
 import { MarkdownHeaders } from '@mui/internal-markdown';
 import SketchIcon from '../svgIcons/SketchIcon';
 import FigmaIcon from '../svgIcons/FigmaIcon';
-import AdobeXDIcon from '../svgIcons/AdobeXDIcon';
 import BundleSizeIcon from '../svgIcons/BundleSizeIcon';
 import W3CIcon from '../svgIcons/W3CIcon';
 import MaterialDesignIcon from '../svgIcons/MaterialDesignIcon';
@@ -176,42 +175,23 @@ export function ComponentLinkHeader(props: ComponentLinkHeaderProps) {
             />
           </li>
           {packageName === '@mui/joy' ? null : (
-            <React.Fragment>
-              <li>
-                <Chip
-                  clickable
-                  role={undefined}
-                  component="a"
-                  size="small"
-                  variant="outlined"
-                  rel="nofollow"
-                  href="https://mui.com/store/items/adobe-xd-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header"
-                  icon={<AdobeXDIcon />}
-                  data-ga-event-category="ComponentLinkHeader"
-                  data-ga-event-action="click"
-                  data-ga-event-label="Adobe XD"
-                  data-ga-event-split="0.1"
-                  label="Adobe"
-                />
-              </li>
-              <li>
-                <Chip
-                  clickable
-                  role={undefined}
-                  component="a"
-                  size="small"
-                  variant="outlined"
-                  rel="nofollow"
-                  href="https://mui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header"
-                  icon={<SketchIcon />}
-                  data-ga-event-category="ComponentLinkHeader"
-                  data-ga-event-action="click"
-                  data-ga-event-label="Sketch"
-                  data-ga-event-split="0.1"
-                  label="Sketch"
-                />
-              </li>
-            </React.Fragment>
+            <li>
+              <Chip
+                clickable
+                role={undefined}
+                component="a"
+                size="small"
+                variant="outlined"
+                rel="nofollow"
+                href="https://mui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header"
+                icon={<SketchIcon />}
+                data-ga-event-category="ComponentLinkHeader"
+                data-ga-event-action="click"
+                data-ga-event-label="Sketch"
+                data-ga-event-split="0.1"
+                label="Sketch"
+              />
+            </li>
           )}
         </React.Fragment>
       )}