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

package/dist/patterns/diagonalA/DiagonalALoose.js

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

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

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

package/dist/patterns/diagonalA/DiagonalARegular.js

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

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

@@ -1,3 +0,0 @@
-export * from './DiagonalADense';
-export * from './DiagonalALoose';
-export * from './DiagonalARegular';

package/dist/patterns/diagonalA/index.js

@@ -1,3 +0,0 @@
-export * from './DiagonalADense';
-export * from './DiagonalALoose';
-export * from './DiagonalARegular';

package/dist/patterns/diagonalB/DiagonalBDense.d.ts

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

package/dist/patterns/diagonalB/DiagonalBDense.js

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

package/dist/patterns/diagonalB/DiagonalBLoose.d.ts

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

package/dist/patterns/diagonalB/DiagonalBLoose.js

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

package/dist/patterns/diagonalB/DiagonalBRegular.d.ts

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

package/dist/patterns/diagonalB/DiagonalBRegular.js

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

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

@@ -1,3 +0,0 @@
-export * from './DiagonalBDense';
-export * from './DiagonalBLoose';
-export * from './DiagonalBRegular';

package/dist/patterns/diagonalB/index.js

@@ -1,3 +0,0 @@
-export * from './DiagonalBDense';
-export * from './DiagonalBLoose';
-export * from './DiagonalBRegular';

package/dist/patterns/dot/DotDense.d.ts

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

package/dist/patterns/dot/DotDense.js

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

package/dist/patterns/dot/DotLoose.d.ts

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