@codecademy/gamut-patterns 1.0.0-alpha.f6cb5a.0 → 67.0.0-alpha.387605.0

package/emotion-plugin.js

@@ -1,46 +0,0 @@
-const plugin = (api) => {
-  const vistor = {
-    JSXElement(path) {
-      // We only want to find SVG element
-      if (path.get('openingElement.name').isJSXIdentifier({ name: 'svg' })) {
-        // Update the opening and closing tags to the styled component identifier
-        const emotionTag = api.types.jsxIdentifier('Svg');
-        path.get('openingElement.name').replaceWith(emotionTag);
-        path.get('closingElement.name').replaceWith(emotionTag);
-      }
-    },
-    JSXAttribute(path) {
-      const valuePath = path.get('value');
-      const attrName = path.get('name').toString();
-      if (attrName === 'id' && valuePath.isStringLiteral()) {
-        valuePath.replaceWith(
-          api.types.jsxExpressionContainer(
-            api.template.ast('patternId').expression
-          )
-        );
-      }
-
-      if (
-        attrName === 'fill' &&
-        valuePath.isStringLiteral() &&
-        valuePath.toString().includes('url')
-      ) {
-        valuePath.replaceWith(
-          api.types.jsxExpressionContainer(
-            api.template.ast('`url(#${patternId})`').expression
-          )
-        );
-      }
-    },
-  };
-
-  return {
-    visitor: {
-      Program(path) {
-        path.traverse(vistor);
-      },
-    },
-  };
-};
-
-module.exports = plugin;

package/index-template.js

@@ -1,10 +0,0 @@
-const path = require('path');
-
-function indexTemplate(files) {
-  const exportEntries = files.map((file) => {
-    const basename = path.basename(file, path.extname(file));
-    return `export * from './${basename}';`;
-  });
-  return exportEntries.join('\n');
-}
-module.exports = indexTemplate;

package/jest.config.js

@@ -1 +0,0 @@
-module.exports = require('../../jest.config.base')('gamut-patterns');

package/pattern-template.js

@@ -1,30 +0,0 @@
-const path = require('path');
-const { startCase } = require('lodash');
-
-function patternTemplate(api, opts, { jsx }) {
-  const template = api.template.smart({ plugins: ['jsx', 'typescript'] });
-  const { componentName, filePath } = opts.state;
-  const exportName = componentName.replace('Svg', '');
-  const title = startCase(path.basename(filePath, '.svg'));
-
-  return template.ast`
-    import * as React from 'react';
-    import { Svg, PatternProps } from '../props';
-    import { usePatternId } from '../usePatternId';
-
-    export const ${exportName} = React.forwardRef<SVGSVGElement, PatternProps>(({
-      title = "${title}",
-      titleId,
-      ...props
-    },
-      svgRef
-    ) => {
-      const patternId = usePatternId('${exportName}');
-
-      return ${jsx};
-    }) as React.ForwardRefExoticComponent<
-      PatternProps & React.RefAttributes<SVGSVGElement>
-    >;
-  `;
-}
-module.exports = patternTemplate;

package/svgr.config.js

@@ -1,29 +0,0 @@
-const emotionPlugin = require('./emotion-plugin');
-const template = require('./pattern-template');
-const indexTemplate = require('./index-template');
-
-module.exports = {
-  dimensions: false,
-  titleProp: true,
-  ref: true,
-  svgProps: {
-    fill: 'currentColor',
-    role: 'img',
-    'aria-hidden': 'true',
-  },
-  prettierConfig: {
-    parser: 'typescript',
-  },
-  replaceAttrValues: {
-    '#000': 'currentColor',
-    '#111': 'currentColor',
-    '#444': 'currentColor',
-  },
-  jsx: {
-    babelConfig: {
-      plugins: [emotionPlugin],
-    },
-  },
-  indexTemplate,
-  template,
-};

package/tsconfig.json

@@ -1,12 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "include": [
-    "../../typings/*.d.ts",
-    "./src/**/*.ts",
-    "./src/**/*.tsx",
-    "../gamut-styles/dist/typings/theme.d.ts"
-  ],
-  "compilerOptions": {
-    "outDir": "./dist"
-  }
-}