@codecademy/gamut-patterns 0.8.11 → 0.8.12-alpha.4d61d4.0

package/dist/patterns/DiagonalALoose.js

@@ -1,225 +1,375 @@
-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/DiagonalALoose.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 DiagonalALoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   var _ref$title = _ref.title,
       title = _ref$title === void 0 ? 'Diagonal A Loose' : _ref$title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties(_ref, ["title", "titleId"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var patternId = usePatternId('DiagonalALoose');
-  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: 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", {
-    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: 14,
+        y: 2,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 26,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 13,
+        y: 2,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 27,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 13,
+        y: 3,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 28,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 12,
+        y: 3,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 29,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 15,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 30,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 15,
+        y: 1,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 31,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 14,
+        y: 1,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 32,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 11,
+        y: 5,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 33,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 10,
+        y: 5,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 34,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 10,
+        y: 6,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 35,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 9,
+        y: 6,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 36,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 8,
+        y: 7,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 37,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 9,
+        y: 7,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 38,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 12,
+        y: 4,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 39,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 11,
+        y: 4,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 40,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 7,
+        y: 9,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 41,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 6,
+        y: 9,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 42,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 6,
+        y: 10,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 43,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 5,
+        y: 10,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 44,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 8,
+        y: 8,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 45,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 7,
+        y: 8,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 46,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 4,
+        y: 12,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 47,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 3,
+        y: 12,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 48,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 3,
+        y: 13,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 49,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 2,
+        y: 13,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 50,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 1,
+        y: 14,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 51,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 2,
+        y: 14,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 52,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        y: 15,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 53,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 1,
+        y: 15,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 54,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 5,
+        y: 11,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 55,
+        columnNumber: 11
+      }, _this), /*#__PURE__*/_jsxDEV("rect", {
+        x: 4,
+        y: 11,
+        width: 1,
+        height: 1,
+        fill: "currentColor"
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 56,
+        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: 58,
+      columnNumber: 9
+    }, _this)]
+  }), void 0, true, {
+    fileName: _jsxFileName,
+    lineNumber: 8,
+    columnNumber: 7
+  }, _this);
 });