@codecademy/gamut-patterns 1.0.0-alpha.c3e36a.0 → 1.0.0-alpha.c56b1c.0

package/dist/types.d.ts

@@ -1,282 +1 @@
-import { StyleProps } from '@codecademy/variance';
-import { SVGProps } from 'react';
-declare const patternStyles: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").Compose<[import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
-    readonly display: {
-        readonly property: "display";
-    };
-    readonly overflow: {
-        readonly property: "overflow";
-    };
-    readonly overflowX: {
-        readonly property: "overflowX";
-    };
-    readonly overflowY: {
-        readonly property: "overflowY";
-    };
-    readonly width: {
-        readonly property: "width";
-        readonly transform: (value: string | number) => string | 0;
-    };
-    readonly minWidth: {
-        readonly property: "minWidth";
-        readonly transform: (value: string | number) => string | 0;
-    };
-    readonly maxWidth: {
-        readonly property: "maxWidth";
-        readonly transform: (value: string | number) => string | 0;
-    };
-    readonly height: {
-        readonly property: "height";
-        readonly transform: (value: string | number) => string | 0;
-    };
-    readonly minHeight: {
-        readonly property: "minHeight";
-        readonly transform: (value: string | number) => string | 0;
-    };
-    readonly maxHeight: {
-        readonly property: "maxHeight";
-        readonly transform: (value: string | number) => string | 0;
-    };
-    readonly verticalAlign: {
-        readonly property: "verticalAlign";
-    };
-    readonly justifySelf: {
-        readonly property: "justifySelf";
-    };
-    readonly alignSelf: {
-        readonly property: "alignSelf";
-    };
-    readonly gridArea: {
-        readonly property: "gridArea";
-    };
-}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
-    readonly position: {
-        readonly property: "position";
-    };
-    readonly top: {
-        readonly property: "top";
-        readonly transform: (value: string | number) => string | 0;
-    };
-    readonly right: {
-        readonly property: "right";
-        readonly transform: (value: string | number) => string | 0;
-    };
-    readonly bottom: {
-        readonly property: "bottom";
-        readonly transform: (value: string | number) => string | 0;
-    };
-    readonly left: {
-        readonly property: "left";
-        readonly transform: (value: string | number) => string | 0;
-    };
-    readonly zIndex: {
-        readonly property: "zIndex";
-    };
-    readonly opacity: {
-        readonly property: "opacity";
-    };
-}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
-    readonly p: {
-        readonly property: "padding";
-        readonly scale: "spacing";
-    };
-    readonly px: {
-        readonly property: "padding";
-        readonly properties: readonly ["paddingLeft", "paddingRight"];
-        readonly scale: "spacing";
-    };
-    readonly py: {
-        readonly property: "padding";
-        readonly properties: readonly ["paddingTop", "paddingBottom"];
-        readonly scale: "spacing";
-    };
-    readonly pt: {
-        readonly property: "paddingTop";
-        readonly scale: "spacing";
-    };
-    readonly pb: {
-        readonly property: "paddingBottom";
-        readonly scale: "spacing";
-    };
-    readonly pr: {
-        readonly property: "paddingRight";
-        readonly scale: "spacing";
-    };
-    readonly pl: {
-        readonly property: "paddingLeft";
-        readonly scale: "spacing";
-    };
-    readonly m: {
-        readonly property: "margin";
-        readonly scale: "spacing";
-    };
-    readonly mx: {
-        readonly property: "margin";
-        readonly properties: readonly ["marginLeft", "marginRight"];
-        readonly scale: "spacing";
-    };
-    readonly my: {
-        readonly property: "margin";
-        readonly properties: readonly ["marginTop", "marginBottom"];
-        readonly scale: "spacing";
-    };
-    readonly mt: {
-        readonly property: "marginTop";
-        readonly scale: "spacing";
-    };
-    readonly mb: {
-        readonly property: "marginBottom";
-        readonly scale: "spacing";
-    };
-    readonly mr: {
-        readonly property: "marginRight";
-        readonly scale: "spacing";
-    };
-    readonly ml: {
-        readonly property: "marginLeft";
-        readonly scale: "spacing";
-    };
-}>>]>>;
-export declare type PatternProps = SVGProps<SVGSVGElement> & StyleProps<typeof patternStyles>;
-export declare const PatternSvg: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & SVGProps<SVGSVGElement> & {
-    display?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "display";
-    }>;
-    overflow?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "overflow";
-    }>;
-    overflowX?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "overflowX";
-    }>;
-    overflowY?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "overflowY";
-    }>;
-    width?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "width";
-        readonly transform: (value: string | number) => string | 0;
-    }>;
-    minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "minWidth";
-        readonly transform: (value: string | number) => string | 0;
-    }>;
-    maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "maxWidth";
-        readonly transform: (value: string | number) => string | 0;
-    }>;
-    height?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "height";
-        readonly transform: (value: string | number) => string | 0;
-    }>;
-    minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "minHeight";
-        readonly transform: (value: string | number) => string | 0;
-    }>;
-    maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "maxHeight";
-        readonly transform: (value: string | number) => string | 0;
-    }>;
-    verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "verticalAlign";
-    }>;
-    justifySelf?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "justifySelf";
-    }>;
-    alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "alignSelf";
-    }>;
-    gridArea?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "gridArea";
-    }>;
-    position?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "position";
-    }>;
-    top?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "top";
-        readonly transform: (value: string | number) => string | 0;
-    }>;
-    right?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "right";
-        readonly transform: (value: string | number) => string | 0;
-    }>;
-    bottom?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "bottom";
-        readonly transform: (value: string | number) => string | 0;
-    }>;
-    left?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "left";
-        readonly transform: (value: string | number) => string | 0;
-    }>;
-    zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "zIndex";
-    }>;
-    opacity?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "opacity";
-    }>;
-    p?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "padding";
-        readonly scale: "spacing";
-    }>;
-    px?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "padding";
-        readonly properties: readonly ["paddingLeft", "paddingRight"];
-        readonly scale: "spacing";
-    }>;
-    py?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "padding";
-        readonly properties: readonly ["paddingTop", "paddingBottom"];
-        readonly scale: "spacing";
-    }>;
-    pt?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "paddingTop";
-        readonly scale: "spacing";
-    }>;
-    pb?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "paddingBottom";
-        readonly scale: "spacing";
-    }>;
-    pr?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "paddingRight";
-        readonly scale: "spacing";
-    }>;
-    pl?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "paddingLeft";
-        readonly scale: "spacing";
-    }>;
-    m?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "margin";
-        readonly scale: "spacing";
-    }>;
-    mx?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "margin";
-        readonly properties: readonly ["marginLeft", "marginRight"];
-        readonly scale: "spacing";
-    }>;
-    my?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "margin";
-        readonly properties: readonly ["marginTop", "marginBottom"];
-        readonly scale: "spacing";
-    }>;
-    mt?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "marginTop";
-        readonly scale: "spacing";
-    }>;
-    mb?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "marginBottom";
-        readonly scale: "spacing";
-    }>;
-    mr?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "marginRight";
-        readonly scale: "spacing";
-    }>;
-    ml?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "marginLeft";
-        readonly scale: "spacing";
-    }>;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, SVGProps<SVGSVGElement>, {}>;
-export declare type PatternComponent = React.ComponentProps<typeof PatternSvg>;
-export {};
+export type { PatternProps } from './props';

package/dist/types.js

@@ -1,11 +1 @@
-import _styled from "@emotion/styled/base";
-
-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); }
-
-import { styledConfig, system } from '@codecademy/gamut-styles';
-import { variance } from '@codecademy/variance';
-var patternStyles = variance.compose(system.layout, system.positioning, system.space);
-export var PatternSvg = /*#__PURE__*/_styled('svg', _extends({}, {
-  target: "e1w0gaod0",
-  label: "PatternSvg"
-}, styledConfig))(patternStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjMEIiLCJmaWxlIjoiLi4vc3JjL3R5cGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3R5bGVkQ29uZmlnLCBzeXN0ZW0gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcywgdmFyaWFuY2UgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBTVkdQcm9wcyB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgcGF0dGVyblN0eWxlcyA9IHZhcmlhbmNlLmNvbXBvc2UoXG4gIHN5c3RlbS5sYXlvdXQsXG4gIHN5c3RlbS5wb3NpdGlvbmluZyxcbiAgc3lzdGVtLnNwYWNlXG4pO1xuXG5leHBvcnQgdHlwZSBQYXR0ZXJuUHJvcHMgPSBTVkdQcm9wczxTVkdTVkdFbGVtZW50PiAmXG4gIFN0eWxlUHJvcHM8dHlwZW9mIHBhdHRlcm5TdHlsZXM+O1xuXG5leHBvcnQgY29uc3QgUGF0dGVyblN2ZyA9IHN0eWxlZChcbiAgJ3N2ZycsXG4gIHN0eWxlZENvbmZpZ1xuKTxQYXR0ZXJuUHJvcHM+KHBhdHRlcm5TdHlsZXMpO1xuXG4vLyBUeXBlZm9yd2FyZCB2YWxpZCBTVkcgYXR0cnMuXG5leHBvcnQgdHlwZSBQYXR0ZXJuQ29tcG9uZW50ID0gUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIFBhdHRlcm5Tdmc+O1xuIl19 */"); // Typeforward valid SVG attrs.
+export {};

package/dist/usePatternId.d.ts

@@ -0,0 +1 @@
+export declare function usePatternId(id: string): string;

package/dist/usePatternId.js

@@ -0,0 +1,10 @@
+import { useMemo } from 'react';
+var counter = {};
+export function usePatternId(id) {
+  return useMemo(function () {
+    var key = id.toLowerCase();
+    var idCounter = (counter === null || counter === void 0 ? void 0 : counter[key]) || 0;
+    counter[key] = idCounter;
+    return "".concat(id, "-pattern-").concat(counter[key] += 1);
+  }, [id]);
+}

package/package.json

@@ -1,42 +1,47 @@
 {
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "bugs": {
-    "url": "https://github.com/Codecademy/client-modules/issues"
+    "url": "https://github.com/Codecademy/gamut/issues"
   },
   "dependencies": {
-    "@codecademy/gamut-styles": "^9.6.2",
-    "@codecademy/gamut-system": "^0.7.0",
+    "@codecademy/gamut-styles": "15.0.0-alpha.c56b1c.0",
+    "@codecademy/variance": "1.0.0-alpha.c56b1c.0",
     "classnames": "^2.2.5"
   },
+  "devDependencies": {
+    "@svgr/cli": "5.5.0",
+    "@testing-library/react": "^12.1.2",
+    "lodash": "^4.17.5",
+    "svgo": "^1.3.2"
+  },
   "description": "Pattern library for Codecademy",
-  "homepage": "https://github.com/Codecademy/client-modules#readme",
+  "homepage": "https://github.com/Codecademy/gamut#readme",
   "name": "@codecademy/gamut-patterns",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
   "license": "MIT",
   "peerDependencies": {
-    "@emotion/react": "^11.1.5",
-    "@emotion/styled": "^11.1.5",
-    "react": ">=16.8.1",
-    "react-dom": ">=16.8.1"
+    "@emotion/react": "^11.4.0",
+    "@emotion/styled": "^11.3.0",
+    "react": "^17.0.2 || ^18.2.0",
+    "react-dom": "^17.0.2 || ^18.2.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "repository": {
     "type": "git",
-    "url": "git+ssh://git@github.com/Codecademy/client-modules.git"
+    "url": "git+ssh://git@github.com/Codecademy/gamut.git"
   },
   "scripts": {
-    "verify": "tsc --noEmit",
-    "build:compile": "babel ./src --out-dir ./dist --copy-files --extensions \".ts,.tsx\"",
-    "build:clean": "rm -rf dist",
-    "build:types": "tsc --emitDeclarationOnly",
-    "build": "yarn build:clean && yarn build:compile && yarn build:types",
-    "lernaBuildTask": "yarn build"
+    "format": "svgo -f ./src/svg --pretty --config=.svgo.yml",
+    "build": "nx build @codecademy/gamut-patterns"
   },
   "sideEffects": false,
-  "version": "1.0.0-alpha.c3e36a.0",
-  "gitHead": "22aa6504e4fa8314a76cdfb671b82191df0e839f"
+  "version": "1.0.0-alpha.c56b1c.0",
+  "gitHead": "15b02ea1f50d9f8a593d35ea9e25c3d528df4729"
 }

package/CHANGELOG.md

@@ -1,15 +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.c3e36a.0 (2021-04-28)
-
-
-### ⚠ BREAKING CHANGES
-
-* add new gamut-patterns package
-
-### Features
-
-* add new gamut-patterns package ([0c1c869](https://github.com/Codecademy/client-modules/commit/0c1c869f622bb8f8c4bfba4ac7d01d98736c966f))

package/babel.config.js

@@ -1,15 +0,0 @@
-module.exports = {
-  presets: ['codecademy', '@babel/preset-typescript'],
-  plugins: [
-    [
-      '@emotion',
-      {
-        sourceMap: true,
-        autoLabel: 'always',
-        labelFormat: '[local]',
-      },
-    ],
-  ],
-  include: ['./src/**/*'],
-  ignore: ['__tests__', './**/*.d.ts'],
-};

package/dist/patterns/checker/CheckerDense.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { PatternComponent } from '../../types';
-export declare const CheckerDense: React.FC<PatternComponent>;

package/dist/patterns/checker/CheckerDense.js

@@ -1,37 +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); }
-
-import React from 'react';
-import { PatternSvg } from '../../types';
-export var CheckerDense = function CheckerDense(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(PatternSvg, _extends({
-    width: "100%",
-    height: "100%"
-  }, props, {
-    "aria-hidden": true
-  }), /*#__PURE__*/React.createElement("pattern", {
-    id: "checkerDense",
-    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: "0",
-    y: "0",
-    width: "100%",
-    height: "100%",
-    fill: "url(#checkerDense)"
-  }));
-};

package/dist/patterns/checker/CheckerLoose.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { PatternComponent } from '../../types';
-export declare const CheckerLoose: React.FC<PatternComponent>;

package/dist/patterns/checker/CheckerLoose.js

@@ -1,37 +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); }
-
-import React from 'react';
-import { PatternSvg } from '../../types';
-export var CheckerLoose = function CheckerLoose(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(PatternSvg, _extends({
-    width: "100%",
-    height: "100%"
-  }, props, {
-    "aria-hidden": true
-  }), /*#__PURE__*/React.createElement("pattern", {
-    id: "checkerLoose",
-    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", {
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%",
-    fill: "url(#checkerLoose)"
-  }));
-};

package/dist/patterns/checker/CheckerRegular.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { PatternComponent } from '../../types';
-export declare const CheckerRegular: React.FC<PatternComponent>;

package/dist/patterns/checker/CheckerRegular.js

@@ -1,37 +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); }
-
-import React from 'react';
-import { PatternSvg } from '../../types';
-export var CheckerRegular = function CheckerRegular(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(PatternSvg, _extends({
-    width: "100%",
-    height: "100%"
-  }, props, {
-    "aria-hidden": true
-  }), /*#__PURE__*/React.createElement("pattern", {
-    id: "checkerRegular",
-    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", {
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%",
-    fill: "url(#checkerRegular)"
-  }));
-};

package/dist/patterns/checker/index.d.ts

@@ -1,3 +0,0 @@
-export * from './CheckerDense';
-export * from './CheckerLoose';
-export * from './CheckerRegular';

package/dist/patterns/checker/index.js

@@ -1,3 +0,0 @@
-export * from './CheckerDense';
-export * from './CheckerLoose';
-export * from './CheckerRegular';

package/dist/patterns/diagonalA/DiagonalADense.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { PatternComponent } from '../../types';
-export declare const DiagonalADense: React.FC<PatternComponent>;

package/dist/patterns/diagonalA/DiagonalADense.js

@@ -1,71 +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); }
-
-import React from 'react';
-import { PatternSvg } from '../../types';
-export var DiagonalADense = function DiagonalADense(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(PatternSvg, _extends({
-    width: "100%",
-    height: "100%"
-  }, props, {
-    "aria-hidden": true
-  }), /*#__PURE__*/React.createElement("pattern", {
-    id: "diagonalADense",
-    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", {
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%",
-    fill: "url(#diagonalADense)"
-  }));
-};

package/dist/patterns/diagonalA/DiagonalALoose.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { PatternComponent } from '../../types';
-export declare const DiagonalALoose: React.FC<PatternComponent>;