@codecademy/gamut-patterns 0.8.11 → 0.8.12-alpha.4d61d4.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.12-alpha.4d61d4.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.11...@codecademy/gamut-patterns@0.8.12-alpha.4d61d4.0) (2022-08-01)
+
+**Note:** Version bump only for package @codecademy/gamut-patterns
+
+
+
+
+
 ### [0.8.11](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-patterns@0.8.10...@codecademy/gamut-patterns@0.8.11) (2022-07-29)
 
 **Note:** Version bump only for package @codecademy/gamut-patterns

package/babel.config.js

@@ -1,5 +1,12 @@
 module.exports = {
-  presets: ['codecademy', '@babel/preset-typescript'],
-  include: ['./src/**/*'],
-  ignore: ['__tests__', './**/*.d.ts'],
+  extends: '../../babel.defaults.js',
+  presets: [
+    [
+      '@nrwl/react/babel',
+      {
+        runtime: 'automatic',
+        useBuiltIns: 'usage',
+      },
+    ],
+  ],
 };

package/dist/patterns/CheckerDense.js

@@ -1,47 +1,77 @@
-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 _objectWithoutPropertiesLoose from "/home/circleci/repo/node_modules/@nrwl/web/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js";
+var _excluded = ["title", "titleId"];
 
-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; }
+var _jsxFileName = "/home/circleci/repo/packages/gamut-patterns/src/patterns/CheckerDense.tsx",
+    _this = this;
 
+import "core-js/modules/es.object.assign.js";
 import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 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"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var patternId = usePatternId('CheckerDense');
-  return /*#__PURE__*/React.createElement(Svg, _extends({
+  return /*#__PURE__*/_jsxDEV(Svg, Object.assign({
     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, ")")
-  }));
+  }, props, {
+    children: [title ? /*#__PURE__*/_jsxDEV("title", {
+      id: titleId,
+      children: title
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 16,
+      columnNumber: 18
+    }, _this) : null, /*#__PURE__*/_jsxDEV("pattern", {
+      id: patternId,
+      x: 0,
+      y: 0,
+      width: 4,
+      height: 4,
+      patternUnits: "userSpaceOnUse",
+      children: [/*#__PURE__*/_jsxDEV("rect", {
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 25,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 2,
+        y: 2,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 26,
+        columnNumber: 11
+      }, _this)]
+    }, void 0, true, {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 9
+    }, _this), /*#__PURE__*/_jsxDEV("rect", {
+      width: "100%",
+      height: "100%",
+      fill: "url(#" + patternId + ")"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 9
+    }, _this)]
+  }), void 0, true, {
+    fileName: _jsxFileName,
+    lineNumber: 8,
+    columnNumber: 7
+  }, _this);
 });

package/dist/patterns/CheckerLoose.js

@@ -1,47 +1,77 @@
-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 _objectWithoutPropertiesLoose from "/home/circleci/repo/node_modules/@nrwl/web/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js";
+var _excluded = ["title", "titleId"];
 
-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; }
+var _jsxFileName = "/home/circleci/repo/packages/gamut-patterns/src/patterns/CheckerLoose.tsx",
+    _this = this;
 
+import "core-js/modules/es.object.assign.js";
 import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 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"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var patternId = usePatternId('CheckerLoose');
-  return /*#__PURE__*/React.createElement(Svg, _extends({
+  return /*#__PURE__*/_jsxDEV(Svg, Object.assign({
     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, ")")
-  }));
+  }, props, {
+    children: [title ? /*#__PURE__*/_jsxDEV("title", {
+      id: titleId,
+      children: title
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 16,
+      columnNumber: 18
+    }, _this) : null, /*#__PURE__*/_jsxDEV("pattern", {
+      id: patternId,
+      x: 0,
+      y: 0,
+      width: 16,
+      height: 16,
+      patternUnits: "userSpaceOnUse",
+      children: [/*#__PURE__*/_jsxDEV("rect", {
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 25,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 8,
+        y: 8,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 26,
+        columnNumber: 11
+      }, _this)]
+    }, void 0, true, {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 9
+    }, _this), /*#__PURE__*/_jsxDEV("rect", {
+      width: "100%",
+      height: "100%",
+      fill: "url(#" + patternId + ")"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 9
+    }, _this)]
+  }), void 0, true, {
+    fileName: _jsxFileName,
+    lineNumber: 8,
+    columnNumber: 7
+  }, _this);
 });

package/dist/patterns/CheckerRegular.js

@@ -1,47 +1,77 @@
-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 _objectWithoutPropertiesLoose from "/home/circleci/repo/node_modules/@nrwl/web/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js";
+var _excluded = ["title", "titleId"];
 
-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; }
+var _jsxFileName = "/home/circleci/repo/packages/gamut-patterns/src/patterns/CheckerRegular.tsx",
+    _this = this;
 
+import "core-js/modules/es.object.assign.js";
 import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 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"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var patternId = usePatternId('CheckerRegular');
-  return /*#__PURE__*/React.createElement(Svg, _extends({
+  return /*#__PURE__*/_jsxDEV(Svg, Object.assign({
     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, ")")
-  }));
+  }, props, {
+    children: [title ? /*#__PURE__*/_jsxDEV("title", {
+      id: titleId,
+      children: title
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 16,
+      columnNumber: 18
+    }, _this) : null, /*#__PURE__*/_jsxDEV("pattern", {
+      id: patternId,
+      x: 0,
+      y: 0,
+      width: 8,
+      height: 8,
+      patternUnits: "userSpaceOnUse",
+      children: [/*#__PURE__*/_jsxDEV("rect", {
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 25,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 4,
+        y: 4,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 26,
+        columnNumber: 11
+      }, _this)]
+    }, void 0, true, {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 9
+    }, _this), /*#__PURE__*/_jsxDEV("rect", {
+      width: "100%",
+      height: "100%",
+      fill: "url(#" + patternId + ")"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 9
+    }, _this)]
+  }), void 0, true, {
+    fileName: _jsxFileName,
+    lineNumber: 8,
+    columnNumber: 7
+  }, _this);
 });

package/dist/patterns/DiagonalADense.js

@@ -1,81 +1,135 @@
-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 _objectWithoutPropertiesLoose from "/home/circleci/repo/node_modules/@nrwl/web/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js";
+var _excluded = ["title", "titleId"];
 
-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; }
+var _jsxFileName = "/home/circleci/repo/packages/gamut-patterns/src/patterns/DiagonalADense.tsx",
+    _this = this;
 
+import "core-js/modules/es.object.assign.js";
 import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 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"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var patternId = usePatternId('DiagonalADense');
-  return /*#__PURE__*/React.createElement(Svg, _extends({
+  return /*#__PURE__*/_jsxDEV(Svg, Object.assign({
     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, ")")
-  }));
+  }, props, {
+    children: [title ? /*#__PURE__*/_jsxDEV("title", {
+      id: titleId,
+      children: title
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 16,
+      columnNumber: 18
+    }, _this) : null, /*#__PURE__*/_jsxDEV("pattern", {
+      id: patternId,
+      x: 0,
+      y: 0,
+      width: 4,
+      height: 4,
+      patternUnits: "userSpaceOnUse",
+      children: [/*#__PURE__*/_jsxDEV("rect", {
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 25,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 2,
+        y: 2,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 26,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 1,
+        y: 2,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 27,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 1,
+        y: 3,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 28,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        y: 3,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 29,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 3,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 30,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 3,
+        y: 1,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 31,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 2,
+        y: 1,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 32,
+        columnNumber: 11
+      }, _this)]
+    }, void 0, true, {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 9
+    }, _this), /*#__PURE__*/_jsxDEV("rect", {
+      width: "100%",
+      height: "100%",
+      fill: "url(#" + patternId + ")"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 9
+    }, _this)]
+  }), void 0, true, {
+    fileName: _jsxFileName,
+    lineNumber: 8,
+    columnNumber: 7
+  }, _this);
 });