Rename modifyCssTransformer to modifyCss

plugins/techdocs/src/reader/components/Reader.tsx

@@ -27,7 +27,7 @@ import transformer, {
   rewriteDocLinks,
   addEventListener,
   removeMkdocsHeader,
-  modifyCssTransformer,
+  modifyCss,
 } from '../transformers';
 import { docStorageURL } from '../../config';
 import URLParser from '../urlParser';
@@ -78,7 +78,7 @@ export const Reader = () => {
         rewriteDocLinks({
           componentId,
         }),
-        modifyCssTransformer({
+        modifyCss({
           cssTransforms: {
             '.md-main__inner': [{ 'margin-top': '0' }],
             '.md-sidebar': [{ top: '0' }, { width: '20rem' }],

plugins/techdocs/src/reader/transformers/index.ts

@@ -18,7 +18,7 @@ export * from './addBaseUrl';
 export * from './rewriteDocLinks';
 export * from './addEventListener';
 export * from './removeMkdocsHeader';
-export * from './modifyCssTransformer';
+export * from './modifyCss';
 
 export type Transformer = (dom: Element) => Element;
 

plugins/techdocs/src/reader/transformers/modifyCss.ts

@@ -16,14 +16,12 @@
 
 import type { Transformer } from './index';
 
-type ModifyCssTransformerOptions = {
+type ModifyCssOptions = {
   // Example: { '.md-container': { 'marginTop': '10px' }}
   cssTransforms: { [key: string]: { [key: string]: string }[] };
 };
 
-export const modifyCssTransformer = ({
-  cssTransforms,
-}: ModifyCssTransformerOptions): Transformer => {
+export const modifyCss = ({ cssTransforms }: ModifyCssOptions): Transformer => {
   return dom => {
     Object.entries(cssTransforms).forEach(([cssSelector, cssChanges]) => {
       const elementsToChange = Array.from(