@mui/docs 6.0.0-dev.240424162023-9968b4889d → 6.0.0

package/Ad/ad.styles.js

@@ -0,0 +1,89 @@
+import { alpha } from '@mui/material/styles';
+export const adBodyImageStyles = theme => ({
+  root: {
+    display: 'block',
+    overflow: 'hidden',
+    border: '1px dashed',
+    borderColor: theme.palette.divider,
+    borderRadius: theme.shape.borderRadius,
+    padding: '8px 8px 8px calc(8px + 130px)',
+    [theme.breakpoints.up('sm')]: {
+      padding: '12px 12px 12px calc(12px + 130px)'
+    }
+  },
+  imgWrapper: {
+    float: 'left',
+    marginLeft: -130,
+    width: 130,
+    height: 100
+  },
+  img: {
+    verticalAlign: 'middle'
+  },
+  a: {
+    color: theme.palette.text.primary,
+    textDecoration: 'none'
+  },
+  description: {
+    ...theme.typography.body2,
+    [theme.breakpoints.up('sm')]: {
+      ...theme.typography.body1
+    },
+    display: 'block',
+    marginLeft: theme.spacing(1.5)
+  },
+  poweredby: {
+    ...theme.typography.caption,
+    marginLeft: theme.spacing(1.5),
+    color: theme.palette.text.secondary,
+    display: 'block',
+    marginTop: theme.spacing(0.5),
+    fontWeight: theme.typography.fontWeightRegular
+  }
+});
+export const adBodyInlineStyles = theme => {
+  const baseline = adBodyImageStyles(theme);
+  return {
+    ...baseline,
+    root: {
+      display: 'block',
+      paddingTop: 8
+    },
+    imgWrapper: {
+      display: 'none'
+    },
+    description: {
+      ...baseline.description,
+      marginLeft: 0,
+      '&::before': {
+        border: '1px solid #3e8e41',
+        color: '#3e8e41',
+        marginRight: 6,
+        padding: '1px 5px',
+        borderRadius: 3,
+        content: '"Ad"',
+        fontSize: theme.typography.pxToRem(14)
+      },
+      '&::after': {
+        // Link
+        marginLeft: 4,
+        content: '"Get started"',
+        // Style taken from the Link component & MarkdownElement.
+        color: theme.palette.primary[600],
+        textDecoration: 'underline',
+        textDecorationColor: alpha(theme.palette.primary.main, 0.4),
+        ...theme.applyStyles('dark', {
+          color: theme.palette.primary[300]
+        })
+      }
+    },
+    poweredby: {
+      ...baseline.poweredby,
+      marginTop: 2,
+      marginLeft: 0
+    },
+    link: {
+      display: 'none'
+    }
+  };
+};

package/Ad/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Ad';
+export * from './AdManager';
+export * from './AdProvider';
+export * from './AdGuest';
+export { AdCarbonInline } from './AdCarbon';

package/Ad/index.js

@@ -0,0 +1,7 @@
+/// <reference types="gtag.js" />
+
+export * from "./Ad.js";
+export * from "./AdManager.js";
+export * from "./AdProvider.js";
+export * from "./AdGuest.js";
+export { AdCarbonInline } from "./AdCarbon.js";

package/Ad/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Ad/index.js",
+  "types": "./index.d.ts"
+}