@codecademy/gamut-patterns 0.8.8 → 0.8.9-alpha.9bfc43.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [0.8.9-alpha.9bfc43.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.8...@codecademy/gamut-patterns@0.8.9-alpha.9bfc43.0) (2022-07-22)
+
+**Note:** Version bump only for package @codecademy/gamut-patterns
+
+
+
+
+
 ### [0.8.8](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.7...@codecademy/gamut-patterns@0.8.8) (2022-07-19)
 
 **Note:** Version bump only for package @codecademy/gamut-patterns

package/package.json

@@ -4,10 +4,15 @@
     "url": "https://github.com/Codecademy/gamut/issues"
   },
   "dependencies": {
-    "@codecademy/gamut-styles": "^13.4.0",
-    "@codecademy/variance": "^0.20.0",
+    "@codecademy/gamut-styles": "13.4.1-alpha.9bfc43.0",
+    "@codecademy/variance": "0.20.1-alpha.9bfc43.0",
     "classnames": "^2.2.5"
   },
+  "devDependencies": {
+    "@svgr/cli": "5.5.0",
+    "lodash": "^4.17.5",
+    "svgo": "^1.3.2"
+  },
   "description": "Pattern library for Codecademy",
   "homepage": "https://github.com/Codecademy/gamut#readme",
   "name": "@codecademy/gamut-patterns",
@@ -21,12 +26,6 @@
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2"
   },
-  "devDependencies": {
-    "@codecademy/gamut-styles": "^13.0.1",
-    "@svgr/cli": "5.5.0",
-    "lodash": "^4.17.5",
-    "svgo": "^1.3.2"
-  },
   "publishConfig": {
     "access": "public"
   },
@@ -36,14 +35,9 @@
   },
   "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"
+    "format": "svgo -f ./src/svg --pretty --config=.svgo.yml"
   },
   "sideEffects": false,
-  "version": "0.8.8",
-  "gitHead": "27d82d2a697485e72c760086c8e8a6f3041e0d50"
+  "version": "0.8.9-alpha.9bfc43.0",
+  "gitHead": "328c324db5d9cac65ec93ea7a02e1b80b6ff9208"
 }

package/project.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/gamut-patterns/src",
+  "projectType": "library",
+  "targets": {
+    "build": {
+      "outputs": ["{options.outputPath}"],
+      "executor": "nx:run-commands",
+      "options": {
+        "cwd": "packages/gamut-patterns",
+        "outputPath": ["./dist", "./src/patterns"],
+        "commands": [
+          "rm -rf ./dist",
+          "rm -rf ./src/patterns",
+          "svgr --out-dir ./src/patterns --ext 'tsx' ./src/svg",
+          "babel ./src --out-dir ./dist --copy-files --extensions \".ts,.tsx\"",
+          "tsc --emitDeclarationOnly"
+        ],
+        "parallel": false
+      }
+    }
+  },
+  "tags": []
+}

package/.turbo/turbo-build.log

@@ -1,44 +0,0 @@
-@codecademy/gamut-patterns:build: cache hit, replaying output 396f8d30aadaa101
-@codecademy/gamut-patterns:build: warning package.json: "dependencies" has dependency "@codecademy/gamut-styles" with range "^13.3.0" that collides with a dependency in "devDependencies" of the same name with version "^13.0.1"
-@codecademy/gamut-patterns:build: $ yarn build:icons && yarn build:compile && yarn build:types
-@codecademy/gamut-patterns:build: warning package.json: "dependencies" has dependency "@codecademy/gamut-styles" with range "^13.3.0" that collides with a dependency in "devDependencies" of the same name with version "^13.0.1"
-@codecademy/gamut-patterns:build: $ rm -rf ./src/patterns && svgr --out-dir ./src/patterns --ext 'tsx' ./src/svg
-@codecademy/gamut-patterns:build: Browserslist: caniuse-lite is outdated. Please run:
-@codecademy/gamut-patterns:build:   npx browserslist@latest --update-db
-@codecademy/gamut-patterns:build:   Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
-@codecademy/gamut-patterns:build: src/svg/CheckerDense.svg -> src/patterns/CheckerDense.tsx
-@codecademy/gamut-patterns:build: src/svg/CheckerLoose.svg -> src/patterns/CheckerLoose.tsx
-@codecademy/gamut-patterns:build: src/svg/DiagonalADense.svg -> src/patterns/DiagonalADense.tsx
-@codecademy/gamut-patterns:build: src/svg/DiagonalBDense.svg -> src/patterns/DiagonalBDense.tsx
-@codecademy/gamut-patterns:build: src/svg/DiagonalARegular.svg -> src/patterns/DiagonalARegular.tsx
-@codecademy/gamut-patterns:build: src/svg/DiagonalBLoose.svg -> src/patterns/DiagonalBLoose.tsx
-@codecademy/gamut-patterns:build: src/svg/DiagonalALoose.svg -> src/patterns/DiagonalALoose.tsx
-@codecademy/gamut-patterns:build: src/svg/CheckerRegular.svg -> src/patterns/CheckerRegular.tsx
-@codecademy/gamut-patterns:build: src/svg/DotDense.svg -> src/patterns/DotDense.tsx
-@codecademy/gamut-patterns:build: src/svg/DiagonalBRegular.svg -> src/patterns/DiagonalBRegular.tsx
-@codecademy/gamut-patterns:build: src/svg/DotLoose.svg -> src/patterns/DotLoose.tsx
-@codecademy/gamut-patterns:build: src/svg/DotRegular.svg -> src/patterns/DotRegular.tsx
-@codecademy/gamut-patterns:build: src/svg/ExLoose.svg -> src/patterns/ExLoose.tsx
-@codecademy/gamut-patterns:build: src/svg/ExRegular.svg -> src/patterns/ExRegular.tsx
-@codecademy/gamut-patterns:build: src/svg/ExDense.svg -> src/patterns/ExDense.tsx
-@codecademy/gamut-patterns:build: src/svg/FlowerLoose.svg -> src/patterns/FlowerLoose.tsx
-@codecademy/gamut-patterns:build: src/svg/FlowerDense.svg -> src/patterns/FlowerDense.tsx
-@codecademy/gamut-patterns:build: src/svg/FlowerRegular.svg -> src/patterns/FlowerRegular.tsx
-@codecademy/gamut-patterns:build: src/svg/GridDense.svg -> src/patterns/GridDense.tsx
-@codecademy/gamut-patterns:build: src/svg/GridRegular.svg -> src/patterns/GridRegular.tsx
-@codecademy/gamut-patterns:build: src/svg/GridLoose.svg -> src/patterns/GridLoose.tsx
-@codecademy/gamut-patterns:build: src/svg/Herringbone.svg -> src/patterns/Herringbone.tsx
-@codecademy/gamut-patterns:build: src/svg/RainDense.svg -> src/patterns/RainDense.tsx
-@codecademy/gamut-patterns:build: src/svg/RainLoose.svg -> src/patterns/RainLoose.tsx
-@codecademy/gamut-patterns:build: src/svg/StripeDense.svg -> src/patterns/StripeDense.tsx
-@codecademy/gamut-patterns:build: src/svg/RainRegular.svg -> src/patterns/RainRegular.tsx
-@codecademy/gamut-patterns:build: src/svg/StripeLoose.svg -> src/patterns/StripeLoose.tsx
-@codecademy/gamut-patterns:build: src/svg/StripeRegular.svg -> src/patterns/StripeRegular.tsx
-@codecademy/gamut-patterns:build: warning package.json: "dependencies" has dependency "@codecademy/gamut-styles" with range "^13.3.0" that collides with a dependency in "devDependencies" of the same name with version "^13.0.1"
-@codecademy/gamut-patterns:build: $ babel ./src --out-dir ./dist --copy-files --extensions ".ts,.tsx"
-@codecademy/gamut-patterns:build: Browserslist: caniuse-lite is outdated. Please run:
-@codecademy/gamut-patterns:build:   npx browserslist@latest --update-db
-@codecademy/gamut-patterns:build:   Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
-@codecademy/gamut-patterns:build: Successfully compiled 33 files with Babel (1620ms).
-@codecademy/gamut-patterns:build: warning package.json: "dependencies" has dependency "@codecademy/gamut-styles" with range "^13.3.0" that collides with a dependency in "devDependencies" of the same name with version "^13.0.1"
-@codecademy/gamut-patterns:build: $ tsc --emitDeclarationOnly

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-export * from './patterns';
-export * from './types';

package/dist/index.js

@@ -1,2 +0,0 @@
-export * from './patterns';
-export * from './types';

package/dist/patterns/CheckerDense.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { PatternProps } from '../props';
-export declare const CheckerDense: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;

package/dist/patterns/CheckerDense.js

@@ -1,47 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import * as React from 'react';
-import { Svg } from '../props';
-import { usePatternId } from '../usePatternId';
-export var CheckerDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? 'Checker Dense' : _ref$title,
-      titleId = _ref.titleId,
-      props = _objectWithoutProperties(_ref, ["title", "titleId"]);
-
-  var patternId = usePatternId('CheckerDense');
-  return /*#__PURE__*/React.createElement(Svg, _extends({
-    fill: "currentColor",
-    role: "img",
-    "aria-hidden": "true",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("pattern", {
-    id: patternId,
-    x: 0,
-    y: 0,
-    width: 4,
-    height: 4,
-    patternUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 2,
-    y: 2,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("rect", {
-    width: "100%",
-    height: "100%",
-    fill: "url(#".concat(patternId, ")")
-  }));
-});

package/dist/patterns/CheckerLoose.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { PatternProps } from '../props';
-export declare const CheckerLoose: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;

package/dist/patterns/CheckerLoose.js

@@ -1,47 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import * as React from 'react';
-import { Svg } from '../props';
-import { usePatternId } from '../usePatternId';
-export var CheckerLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? 'Checker Loose' : _ref$title,
-      titleId = _ref.titleId,
-      props = _objectWithoutProperties(_ref, ["title", "titleId"]);
-
-  var patternId = usePatternId('CheckerLoose');
-  return /*#__PURE__*/React.createElement(Svg, _extends({
-    fill: "currentColor",
-    role: "img",
-    "aria-hidden": "true",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("pattern", {
-    id: patternId,
-    x: 0,
-    y: 0,
-    width: 16,
-    height: 16,
-    patternUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 8,
-    y: 8,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("rect", {
-    width: "100%",
-    height: "100%",
-    fill: "url(#".concat(patternId, ")")
-  }));
-});

package/dist/patterns/CheckerRegular.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { PatternProps } from '../props';
-export declare const CheckerRegular: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;

package/dist/patterns/CheckerRegular.js

@@ -1,47 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import * as React from 'react';
-import { Svg } from '../props';
-import { usePatternId } from '../usePatternId';
-export var CheckerRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? 'Checker Regular' : _ref$title,
-      titleId = _ref.titleId,
-      props = _objectWithoutProperties(_ref, ["title", "titleId"]);
-
-  var patternId = usePatternId('CheckerRegular');
-  return /*#__PURE__*/React.createElement(Svg, _extends({
-    fill: "currentColor",
-    role: "img",
-    "aria-hidden": "true",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("pattern", {
-    id: patternId,
-    x: 0,
-    y: 0,
-    width: 8,
-    height: 8,
-    patternUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 4,
-    y: 4,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("rect", {
-    width: "100%",
-    height: "100%",
-    fill: "url(#".concat(patternId, ")")
-  }));
-});

package/dist/patterns/DiagonalADense.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { PatternProps } from '../props';
-export declare const DiagonalADense: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;

package/dist/patterns/DiagonalADense.js

@@ -1,81 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import * as React from 'react';
-import { Svg } from '../props';
-import { usePatternId } from '../usePatternId';
-export var DiagonalADense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? 'Diagonal A Dense' : _ref$title,
-      titleId = _ref.titleId,
-      props = _objectWithoutProperties(_ref, ["title", "titleId"]);
-
-  var patternId = usePatternId('DiagonalADense');
-  return /*#__PURE__*/React.createElement(Svg, _extends({
-    fill: "currentColor",
-    role: "img",
-    "aria-hidden": "true",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("pattern", {
-    id: patternId,
-    x: 0,
-    y: 0,
-    width: 4,
-    height: 4,
-    patternUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 2,
-    y: 2,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 1,
-    y: 2,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 1,
-    y: 3,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    y: 3,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 3,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 3,
-    y: 1,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 2,
-    y: 1,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("rect", {
-    width: "100%",
-    height: "100%",
-    fill: "url(#".concat(patternId, ")")
-  }));
-});

package/dist/patterns/DiagonalALoose.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { PatternProps } from '../props';
-export declare const DiagonalALoose: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;

package/dist/patterns/DiagonalALoose.js

@@ -1,225 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import * as React from 'react';
-import { Svg } from '../props';
-import { usePatternId } from '../usePatternId';
-export var DiagonalALoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? 'Diagonal A Loose' : _ref$title,
-      titleId = _ref.titleId,
-      props = _objectWithoutProperties(_ref, ["title", "titleId"]);
-
-  var patternId = usePatternId('DiagonalALoose');
-  return /*#__PURE__*/React.createElement(Svg, _extends({
-    fill: "currentColor",
-    role: "img",
-    "aria-hidden": "true",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("pattern", {
-    id: patternId,
-    x: 0,
-    y: 0,
-    width: 16,
-    height: 16,
-    patternUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 14,
-    y: 2,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 13,
-    y: 2,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 13,
-    y: 3,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 12,
-    y: 3,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 15,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 15,
-    y: 1,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 14,
-    y: 1,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 11,
-    y: 5,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 10,
-    y: 5,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 10,
-    y: 6,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 9,
-    y: 6,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 8,
-    y: 7,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 9,
-    y: 7,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 12,
-    y: 4,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 11,
-    y: 4,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 7,
-    y: 9,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 6,
-    y: 9,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 6,
-    y: 10,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 5,
-    y: 10,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 8,
-    y: 8,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 7,
-    y: 8,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 4,
-    y: 12,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 3,
-    y: 12,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 3,
-    y: 13,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 2,
-    y: 13,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 1,
-    y: 14,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 2,
-    y: 14,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    y: 15,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 1,
-    y: 15,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 5,
-    y: 11,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: 4,
-    y: 11,
-    width: 1,
-    height: 1,
-    fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("rect", {
-    width: "100%",
-    height: "100%",
-    fill: "url(#".concat(patternId, ")")
-  }));
-});

package/dist/patterns/DiagonalARegular.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { PatternProps } from '../props';
-export declare const DiagonalARegular: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;