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

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>;

package/dist/patterns/dot/DotLoose.js

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

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

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

package/dist/patterns/dot/DotRegular.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 DotRegular = function DotRegular(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(PatternSvg, _extends({
-    width: "100%",
-    height: "100%"
-  }, props, {
-    "aria-hidden": true
-  }), /*#__PURE__*/React.createElement("pattern", {
-    id: "dotRegular",
-    x: "0",
-    y: "0",
-    width: "8",
-    height: "8",
-    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(#dotRegular)"
-  }));
-};

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

@@ -1,3 +0,0 @@
-export * from './DotDense';
-export * from './DotLoose';
-export * from './DotRegular';

package/dist/patterns/dot/index.js

@@ -1,3 +0,0 @@
-export * from './DotDense';
-export * from './DotLoose';
-export * from './DotRegular';

package/dist/patterns/ex/ExDense.d.ts

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

package/dist/patterns/ex/ExDense.js

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

package/dist/patterns/ex/ExLoose.d.ts

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

package/dist/patterns/ex/ExLoose.js

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

package/dist/patterns/ex/ExRegular.d.ts

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

package/dist/patterns/ex/ExRegular.js

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

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

@@ -1,3 +0,0 @@
-export * from './ExDense';
-export * from './ExLoose';
-export * from './ExRegular';

package/dist/patterns/ex/index.js

@@ -1,3 +0,0 @@
-export * from './ExDense';
-export * from './ExLoose';
-export * from './ExRegular';

package/dist/patterns/flower/FlowerDense.d.ts

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