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

package/package.json

@@ -1,48 +1,35 @@
 {
+  "name": "@codecademy/gamut-patterns",
+  "description": "Pattern library for Codecademy",
+  "version": "1.0.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
-  "bugs": {
-    "url": "https://github.com/Codecademy/gamut/issues"
-  },
+  "bugs": "https://github.com/Codecademy/gamut/issues",
   "dependencies": {
-    "@codecademy/gamut-styles": "13.0.0-alpha.f6cb5a.0",
-    "@codecademy/variance": "1.0.0-alpha.f6cb5a.0",
+    "@codecademy/gamut-styles": "21.0.0",
+    "@codecademy/variance": "1.0.0",
     "classnames": "^2.2.5"
   },
-  "description": "Pattern library for Codecademy",
+  "files": [
+    "dist"
+  ],
   "homepage": "https://github.com/Codecademy/gamut#readme",
-  "name": "@codecademy/gamut-patterns",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "main": "dist/index.js",
   "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
-    "react": ">=17.0.2",
-    "react-dom": ">=17.0.2"
-  },
-  "devDependencies": {
-    "@svgr/cli": "5.5.0",
-    "lodash": "^4.17.5",
-    "svgo": "^1.3.2"
+    "react": "^17.0.2 || ^18.3.0 || ^19.0.0",
+    "react-dom": "^17.0.2 || ^18.3.0 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+ssh://git@github.com/Codecademy/gamut.git"
-  },
+  "repository": "Codecademy/gamut.git",
   "scripts": {
-    "verify": "tsc --noEmit",
-    "format": "svgo -f ./src/svg --pretty --config=.svgo.yml",
-    "build:icons": "rm -rf ./src/patterns && svgr --out-dir ./src/patterns --ext 'tsx' ./src/svg",
-    "build:types": "tsc --emitDeclarationOnly",
-    "build:compile": "babel ./src --out-dir ./dist --copy-files --extensions \".ts,.tsx\"",
-    "build": "yarn build:icons && yarn build:compile && yarn build:types",
-    "lernaBuildTask": "yarn build"
+    "build": "nx build @codecademy/gamut-patterns",
+    "format": "svgo -f ./src/svg --pretty --config=.svgo.yml"
   },
   "sideEffects": false,
-  "version": "1.0.0-alpha.f6cb5a.0",
-  "gitHead": "ff424ba13fc62985621d93a45a2b4296dd2fbe5f"
+  "types": "dist/index.d.ts"
 }

package/.svgo.yml

@@ -1,11 +0,0 @@
-multipass: true
-
-plugins:
-  - inlineStyles:
-      onlyMatchedOnce: false
-  - removeDimensions: true
-  - removeViewBox: false
-  - removeTitle: true
-  - removeDesc: true
-  - mergePaths: false
-  - convertShapeToPath: false

package/CHANGELOG.md

@@ -1,329 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [1.0.0-alpha.f6cb5a.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.7.3...@codecademy/gamut-patterns@1.0.0-alpha.f6cb5a.0) (2022-01-19)
-
-
-### ⚠ BREAKING CHANGES
-
-* bumped React to 17
-
-### Features
-
-* bumped React to 17 ([4d0d029](https://github.com/Codecademy/gamut/commit/4d0d029ce293d3c4a8331c625bcdcdce93235f2d))
-
-
-### Reverts
-
-* Revert "Updated svgr and svgo to latest" ([d049662](https://github.com/Codecademy/gamut/commit/d049662334753f113245a04e1cc7f37827fc4f52))
-
-
-
-### [0.7.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.7.2...@codecademy/gamut-patterns@0.7.3) (2021-12-07)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.7.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.7.1...@codecademy/gamut-patterns@0.7.2) (2021-11-23)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.7.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.7.0...@codecademy/gamut-patterns@0.7.1) (2021-10-27)
-
-
-### Bug Fixes
-
-* **Pattern:** fix white bg on regular and dense diagonal patterns ([2f321c2](https://github.com/Codecademy/gamut/commit/2f321c2446cdc28e4338fa1dae94efa698e4c6ea))
-
-
-
-## 0.7.0 (2021-10-26)
-
-
-### ⚠ BREAKING CHANGES
-
-* add new gamut-patterns package
-
-### Features
-
-* bump ESLint configs to latest ([4e3cf77](https://github.com/Codecademy/gamut/commit/4e3cf77928bdd69bce3eeca8a7f07439627b4f08))
-* **Patterns:** Add SVGR build process and SVGO settings ([e8433ce](https://github.com/Codecademy/gamut/commit/e8433ceace8b617fcaa45f13a11ce1367cff0e0b))
-* **props:** Support `color` and other HTML attributes as system props without type collision GM-247 ([ff93f0c](https://github.com/Codecademy/gamut/commit/ff93f0c9b7ca64ed9819586709f58436ca4502b9))
-* Migrate final gamut-system docs + functions to variance [WEB-1413]  ([f966933](https://github.com/Codecademy/gamut/commit/f966933ac814d228072e781ee2a3d75a33190a85))
-* **theme:** createTheme self containment ([87a203c](https://github.com/Codecademy/gamut/commit/87a203c56df8002406552208b8b5ffc55b228262)), closes [#666666](https://github.com/Codecademy/gamut/issues/666666) [#666666](https://github.com/Codecademy/gamut/issues/666666)
-* add new gamut-patterns package ([3b9785a](https://github.com/Codecademy/gamut/commit/3b9785a20e26767a9531b1f1ce8de5f504f2dd34))
-
-
-
-### [0.6.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.6.1...@codecademy/gamut-patterns@0.6.2) (2021-09-30)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.6.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.6.0...@codecademy/gamut-patterns@0.6.1) (2021-09-13)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-## [0.6.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.8...@codecademy/gamut-patterns@0.6.0) (2021-09-10)
-
-
-### Features
-
-* bump ESLint configs to latest ([e0a201a](https://github.com/Codecademy/gamut/commit/e0a201abcc5f49718538d3d91af21cb37db4470e))
-
-
-
-### [0.5.8](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.7...@codecademy/gamut-patterns@0.5.8) (2021-08-30)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.5.7](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.6...@codecademy/gamut-patterns@0.5.7) (2021-08-16)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.5.6](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.5...@codecademy/gamut-patterns@0.5.6) (2021-08-16)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.5.5](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.4...@codecademy/gamut-patterns@0.5.5) (2021-08-13)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.5.4](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.3...@codecademy/gamut-patterns@0.5.4) (2021-08-12)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.5.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.2...@codecademy/gamut-patterns@0.5.3) (2021-08-05)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.5.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.1...@codecademy/gamut-patterns@0.5.2) (2021-08-03)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.5.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.5.0...@codecademy/gamut-patterns@0.5.1) (2021-07-29)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-## [0.5.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.7...@codecademy/gamut-patterns@0.5.0) (2021-07-27)
-
-
-### Features
-
-* **Patterns:** Add SVGR build process and SVGO settings ([56e50ff](https://github.com/Codecademy/gamut/commit/56e50ffe021102b84a7f9e5d7bb33ea6de890994))
-
-
-
-### [0.4.7](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.6...@codecademy/gamut-patterns@0.4.7) (2021-07-19)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.4.6](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.5...@codecademy/gamut-patterns@0.4.6) (2021-07-16)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.4.5](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.4...@codecademy/gamut-patterns@0.4.5) (2021-07-15)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.4.4](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.3...@codecademy/gamut-patterns@0.4.4) (2021-06-17)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.4.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.2...@codecademy/gamut-patterns@0.4.3) (2021-06-16)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.4.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.1...@codecademy/gamut-patterns@0.4.2) (2021-06-16)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.4.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.4.0...@codecademy/gamut-patterns@0.4.1) (2021-06-16)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-## [0.4.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.4...@codecademy/gamut-patterns@0.4.0) (2021-06-15)
-
-
-### Features
-
-* **props:** Support `color` and other HTML attributes as system props without type collision GM-247 ([50a8b43](https://github.com/Codecademy/gamut/commit/50a8b43b27eff2d75307d317d724383156e5a3ed))
-
-
-
-### [0.3.4](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.3...@codecademy/gamut-patterns@0.3.4) (2021-06-10)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.3.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.2...@codecademy/gamut-patterns@0.3.3) (2021-06-10)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.3.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.1...@codecademy/gamut-patterns@0.3.2) (2021-06-03)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.3.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.3.0...@codecademy/gamut-patterns@0.3.1) (2021-06-02)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-## [0.3.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.2.2...@codecademy/gamut-patterns@0.3.0) (2021-05-27)
-
-
-### Features
-
-* Migrate final gamut-system docs + functions to variance [WEB-1413]  ([67c8651](https://github.com/Codecademy/gamut/commit/67c8651dc4985dd656c8d488af4cf56ca21a813b))
-
-
-
-### [0.2.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.2.1...@codecademy/gamut-patterns@0.2.2) (2021-05-25)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.2.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.2.0...@codecademy/gamut-patterns@0.2.1) (2021-05-24)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-## [0.2.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.1.3...@codecademy/gamut-patterns@0.2.0) (2021-05-18)
-
-
-### Features
-
-* **theme:** createTheme self containment ([59ddff7](https://github.com/Codecademy/gamut/commit/59ddff7224cd8e0972212dd6ba1696f40ccac835)), closes [#666666](https://github.com/Codecademy/gamut/issues/666666) [#666666](https://github.com/Codecademy/gamut/issues/666666)
-
-
-
-### [0.1.3](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.1.2...@codecademy/gamut-patterns@0.1.3) (2021-05-12)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.1.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.1.1...@codecademy/gamut-patterns@0.1.2) (2021-05-11)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-### [0.1.1](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.1.0...@codecademy/gamut-patterns@0.1.1) (2021-05-07)
-
-**Note:** Version bump only for package @codecademy/gamut-patterns
-
-
-
-
-
-## 0.1.0 (2021-05-06)
-
-
-### ⚠ BREAKING CHANGES
-
-* add new gamut-patterns package
-
-### Features
-
-* add new gamut-patterns package ([e0b30b1](https://github.com/Codecademy/gamut/commit/e0b30b102b32b8447a1b4c97f9da63fcce365af6))

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2016 Ryzac, Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/babel.config.js

@@ -1,5 +0,0 @@
-module.exports = {
-  presets: ['codecademy', '@babel/preset-typescript'],
-  include: ['./src/**/*'],
-  ignore: ['__tests__', './**/*.d.ts'],
-};

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"
-  }
-}