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

package/dist/patterns/herringbone/Herringbone.js

@@ -1,65 +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 Herringbone = function Herringbone(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(PatternSvg, _extends({
-    width: "100%",
-    height: "100%"
-  }, props, {
-    "aria-hidden": true
-  }), /*#__PURE__*/React.createElement("pattern", {
-    id: "herringbone",
-    x: "0",
-    y: "0",
-    width: "4",
-    height: "4",
-    patternUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("rect", {
-    y: "1",
-    width: "1",
-    height: "1",
-    fill: "herringbone"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "1",
-    y: "2",
-    width: "1",
-    height: "1",
-    fill: "herringbone"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "3",
-    width: "1",
-    height: "1",
-    fill: "herringbone"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "2",
-    width: "1",
-    height: "1",
-    fill: "herringbone"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "3",
-    y: "1",
-    width: "1",
-    height: "1",
-    fill: "herringbone"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "3",
-    y: "3",
-    width: "1",
-    height: "1",
-    fill: "herringbone"
-  }), /*#__PURE__*/React.createElement("rect", {
-    y: "3",
-    width: "1",
-    height: "1",
-    fill: "herringbone"
-  })), /*#__PURE__*/React.createElement("rect", {
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%",
-    fill: "url(#herringbone)"
-  }));
-};

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

@@ -1 +0,0 @@
-export * from './Herringbone';

package/dist/patterns/herringbone/index.js

@@ -1 +0,0 @@
-export * from './Herringbone';

package/dist/patterns/rain/RainDense.d.ts

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

package/dist/patterns/rain/RainDense.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 RainDense = function RainDense(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(PatternSvg, _extends({
-    width: "100%",
-    height: "100%"
-  }, props, {
-    "aria-hidden": true
-  }), /*#__PURE__*/React.createElement("pattern", {
-    id: "rainDense",
-    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: "1",
-    y: "1",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("rect", {
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%",
-    fill: "url(#rainDense)"
-  }));
-};

package/dist/patterns/rain/RainLoose.d.ts

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

package/dist/patterns/rain/RainLoose.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 RainLoose = function RainLoose(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(PatternSvg, _extends({
-    width: "100%",
-    height: "100%"
-  }, props, {
-    "aria-hidden": true
-  }), /*#__PURE__*/React.createElement("pattern", {
-    id: "rainLoose",
-    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: "1",
-    y: "1",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("rect", {
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%",
-    fill: "url(#rainLoose)"
-  }));
-};

package/dist/patterns/rain/RainRegular.d.ts

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

package/dist/patterns/rain/RainRegular.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 RainRegular = function RainRegular(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(PatternSvg, _extends({
-    width: "100%",
-    height: "100%"
-  }, props, {
-    "aria-hidden": true
-  }), /*#__PURE__*/React.createElement("pattern", {
-    id: "rainRegular",
-    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: "1",
-    y: "1",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("rect", {
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%",
-    fill: "url(#rainRegular)"
-  }));
-};

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

@@ -1,3 +0,0 @@
-export * from './RainDense';
-export * from './RainLoose';
-export * from './RainRegular';

package/dist/patterns/rain/index.js

@@ -1,3 +0,0 @@
-export * from './RainDense';
-export * from './RainLoose';
-export * from './RainRegular';

package/dist/patterns/stripe/StripeDense.d.ts

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

package/dist/patterns/stripe/StripeDense.js

@@ -1,69 +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 StripeDense = function StripeDense(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(PatternSvg, _extends({
-    width: "100%",
-    height: "100%"
-  }, props, {
-    "aria-hidden": true
-  }), /*#__PURE__*/React.createElement("pattern", {
-    id: "stripeDense",
-    x: "0",
-    y: "0",
-    width: "4",
-    height: "4",
-    patternUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("rect", {
-    x: "1",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "2",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "3",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "1",
-    y: "2",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    y: "2",
-    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: "3",
-    y: "2",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("rect", {
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%",
-    fill: "url(#stripeDense)"
-  }));
-};

package/dist/patterns/stripe/StripeLoose.d.ts

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

package/dist/patterns/stripe/StripeLoose.js

@@ -1,201 +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 StripeLoose = function StripeLoose(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(PatternSvg, _extends({
-    width: "100%",
-    height: "100%"
-  }, props, {
-    "aria-hidden": true
-  }), /*#__PURE__*/React.createElement("pattern", {
-    id: "stripeLoose",
-    x: "0",
-    y: "0",
-    width: "16",
-    height: "16",
-    patternUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("rect", {
-    x: "1",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "2",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "3",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "1",
-    y: "8",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    y: "8",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "2",
-    y: "8",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "3",
-    y: "8",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "5",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "4",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "6",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "7",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "5",
-    y: "8",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "4",
-    y: "8",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "6",
-    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: "9",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "8",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "10",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "11",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "9",
-    y: "8",
-    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: "10",
-    y: "8",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "11",
-    y: "8",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "13",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "12",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "14",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "15",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "13",
-    y: "8",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "12",
-    y: "8",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "14",
-    y: "8",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "15",
-    y: "8",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("rect", {
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%",
-    fill: "url(#stripeLoose)"
-  }));
-};

package/dist/patterns/stripe/StripeRegular.d.ts

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

package/dist/patterns/stripe/StripeRegular.js

@@ -1,113 +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 StripeRegular = function StripeRegular(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(PatternSvg, _extends({
-    width: "100%",
-    height: "100%"
-  }, props, {
-    "aria-hidden": true
-  }), /*#__PURE__*/React.createElement("pattern", {
-    id: "stripeRegular",
-    x: "0",
-    y: "0",
-    width: "8",
-    height: "8",
-    patternUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("rect", {
-    x: "1",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "2",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "3",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "1",
-    y: "4",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    y: "4",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "2",
-    y: "4",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "3",
-    y: "4",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "5",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "4",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "6",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "7",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "5",
-    y: "4",
-    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: "6",
-    y: "4",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "7",
-    y: "4",
-    width: "1",
-    height: "1",
-    fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("rect", {
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%",
-    fill: "url(#stripeRegular)"
-  }));
-};

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

@@ -1,3 +0,0 @@
-export * from './StripeDense';
-export * from './StripeLoose';
-export * from './StripeRegular';

package/dist/patterns/stripe/index.js

@@ -1,3 +0,0 @@
-export * from './StripeDense';
-export * from './StripeLoose';
-export * from './StripeRegular';

package/tsconfig.json

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