@mintlify/common 1.0.318 → 1.0.319

package/dist/mdx/getMDXOptions.d.ts

@@ -10,6 +10,7 @@ type MDXOptionsData = {
     pageMetadata: PageMetaTags;
     config?: DocsConfig | MintConfig;
     subdomain?: string;
+    tailwindSelectors?: string[];
 };
 export declare const getMDXOptions: ({ data, remarkPlugins, rehypePlugins, mdxExtracts, }: {
     data: MDXOptionsData;

package/dist/mdx/getMDXOptions.js

@@ -30,7 +30,7 @@ export const getMDXOptions = ({ data, remarkPlugins = [], rehypePlugins = [], md
             rehypeRawComponents,
             rehypeZoomImages,
             rehypeUnicodeIds,
-            rehypeDynamicTailwindCss,
+            [rehypeDynamicTailwindCss, data.tailwindSelectors],
             ...rehypePlugins,
         ],
         format: 'mdx',

package/dist/mdx/plugins/rehype/rehypeDynamicTailwindCss.d.ts

@@ -1,3 +1,3 @@
 import type { Root } from 'hast';
 export declare const MINTLIFY_TAILWIND_PREFIX = "mint-";
-export declare const rehypeDynamicTailwindCss: () => (tree: Root) => void;
+export declare const rehypeDynamicTailwindCss: (tailwindSelectors?: string[]) => (tree: Root) => void;

package/dist/mdx/plugins/rehype/rehypeDynamicTailwindCss.js

@@ -1,23 +1,23 @@
 import { visit } from 'unist-util-visit';
 export const MINTLIFY_TAILWIND_PREFIX = 'mint-';
-export const rehypeDynamicTailwindCss = () => {
-    return (tree) => {
-        visit(tree, (node) => {
-            if ((node.type === 'mdxJsxFlowElement' || node.type === 'mdxJsxTextElement') &&
-                node.name &&
-                typeof node.name === 'string' &&
-                /^[a-z]/.test(node.name) && // check for valid html tags
-                !node.name.includes('.') &&
-                node.attributes.length > 0) {
-                const className = node.attributes.find((attr) => attr.type === 'mdxJsxAttribute' && attr.name === 'className');
-                if (className && typeof className.value === 'string') {
-                    className.value = transformClassNames(className.value);
-                }
+export const rehypeDynamicTailwindCss = (tailwindSelectors) => (tree) => {
+    visit(tree, (node) => {
+        if ((node.type === 'mdxJsxFlowElement' || node.type === 'mdxJsxTextElement') &&
+            node.name &&
+            typeof node.name === 'string' &&
+            /^[a-z]/.test(node.name) && // check for valid html tags
+            !node.name.includes('.') &&
+            node.attributes.length > 0) {
+            const className = node.attributes.find((attr) => attr.type === 'mdxJsxAttribute' && attr.name === 'className');
+            if (className && typeof className.value === 'string') {
+                className.value = transformClassNames(className.value, tailwindSelectors);
             }
-        });
-    };
+        }
+    });
 };
-const transformClassNames = (value) => {
+const transformClassNames = (value, tailwindSelectors) => {
+    if (!tailwindSelectors || !tailwindSelectors.length)
+        return value;
     return value
         .split(/\s+/)
         .map((className) => {
@@ -29,8 +29,11 @@ const transformClassNames = (value) => {
         const parts = className.split(':');
         const baseClass = parts.pop();
         const variants = parts;
-        const transformedClass = `${MINTLIFY_TAILWIND_PREFIX}${baseClass}`;
-        return [...variants, transformedClass].join(':');
+        if (tailwindSelectors.some((selector) => selector.includes(baseClass))) {
+            const transformedClass = `${MINTLIFY_TAILWIND_PREFIX}${baseClass}`;
+            return [...variants, transformedClass].join(':');
+        }
+        return className;
     })
         .join(' ');
 };