<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>[11056] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns: Pattern Directory: Sync with git WordPress/pattern-directory@e9e2423d5045005e835e025bafbdd2d3525f7ca3</title>

</head>

<body>

<style type="text/css"><!--

#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }

#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }

#msg dt:after { content:':';}

#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }

#msg dl a { font-weight: bold}

#msg dl a:link    { color:#fc3; }

#msg dl a:active  { color:#ff0; }

#msg dl a:visited { color:#cc6; }

h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }

#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }

#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }

#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }

#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }

#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }

#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }

#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }

#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }

#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }

#logmsg pre { background: #eee; padding: 1em; }

#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}

#logmsg dl { margin: 0; }

#logmsg dt { font-weight: bold; }

#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }

#logmsg dd:before { content:'\00bb';}

#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }

#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }

#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }

#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }

#logmsg table th.Corner { text-align: left; }

#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }

#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }

#patch { width: 100%; }

#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}

#patch .propset h4, #patch .binary h4 {margin:0;}

#patch pre {padding:0;line-height:1.2em;margin:0;}

#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}

#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}

#patch span {display:block;padding:0 10px;}

#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}

#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}

#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}

#patch .lines, .info {color:#888;background:#fff;}

--></style>

<div id="msg">

<dl class="meta" style="font-size: 105%">

<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="http://meta.trac.wordpress.org/changeset/11056">11056</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"http://meta.trac.wordpress.org/changeset/11056","name":"Review Commit"}}</script></dd>

<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>ryelle</dd>

<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2021-06-23 15:22:29 +0000 (Wed, 23 Jun 2021)</dd>

</dl>

<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Pattern Directory: Sync with git WordPress/pattern-directory@e9e2423d5045005e835e025bafbdd2d3525f7ca3</pre>

<h3>Modified Paths</h3>

<ul>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsbuildindexassetphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.asset.php</a></li>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsbuildindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.js</a></li>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscsscomponents_componentsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_components.scss</a></li>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssobjects_objectsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/objects/_objects.scss</a></li>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscsssettings_colorsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/settings/_colors.scss</a></li>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssstylecss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style.css</a></li>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsfunctionsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/functions.php</a></li>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternspackagejson">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/package.json</a></li>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsquerymonitorindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/query-monitor/index.js</a></li>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrcindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/index.js</a></li>

</ul>

<h3>Added Paths</h3>

<ul>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscsscomponents_pagemypatternsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_page-my-patterns.scss</a></li>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssobjects_buttonsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/objects/_buttons.scss</a></li>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternspagemypatternsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/page-my-patterns.php</a></li>

<li>sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/</li>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsmypatternsindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/index.js</a></li>

<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsmypatternsmenujs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/menu.js</a></li>

</ul>

</div>

<div id="patch">

<h3>Diff</h3>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsbuildindexassetphp"></a>

<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.asset.php</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.asset.php  2021-06-21 20:30:28 UTC (rev 11055)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.asset.php    2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1 +1 @@

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php return array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-data-controls', 'wp-element', 'wp-i18n', 'wp-keycodes', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '0d3567e5d1f3988108c77904bbb2176a');

</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php return array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-data-controls', 'wp-element', 'wp-i18n', 'wp-keycodes', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'de9758ee8eb7d4dfc3fe71138b8dcae3');

</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file

</span></span></pre></div>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsbuildindexjs"></a>

<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.js</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.js 2021-06-21 20:30:28 UTC (rev 11055)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.js   2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -86,10 +86,141 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /************************************************************************/

</span><span class="cx" style="display: block; padding: 0 10px"> /******/ ({

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/***/ "../../../../node_modules/@babel/runtime/helpers/arrayLikeToArray.js":

+/*!*************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/arrayLikeToArray.js ***!

+  \*************************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports) {

+

+function _arrayLikeToArray(arr, len) {

+  if (len == null || len > arr.length) len = arr.length;

+

+  for (var i = 0, arr2 = new Array(len); i < len; i++) {

+    arr2[i] = arr[i];

+  }

+

+  return arr2;

+}

+

+module.exports = _arrayLikeToArray;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

+/***/ "../../../../node_modules/@babel/runtime/helpers/arrayWithHoles.js":

+/*!***********************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/arrayWithHoles.js ***!

+  \***********************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports) {

+

+function _arrayWithHoles(arr) {

+  if (Array.isArray(arr)) return arr;

+}

+

+module.exports = _arrayWithHoles;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

+/***/ "../../../../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js":

+/*!**************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js ***!

+  \**************************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports, __webpack_require__) {

+

+var arrayLikeToArray = __webpack_require__(/*! ./arrayLikeToArray.js */ "../../../../node_modules/@babel/runtime/helpers/arrayLikeToArray.js");

+

+function _arrayWithoutHoles(arr) {

+  if (Array.isArray(arr)) return arrayLikeToArray(arr);

+}

+

+module.exports = _arrayWithoutHoles;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

+/***/ "../../../../node_modules/@babel/runtime/helpers/asyncToGenerator.js":

+/*!*************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/asyncToGenerator.js ***!

+  \*************************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports) {

+

+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {

+  try {

+    var info = gen[key](arg);

+    var value = info.value;

+  } catch (error) {

+    reject(error);

+    return;

+  }

+

+  if (info.done) {

+    resolve(value);

+  } else {

+    Promise.resolve(value).then(_next, _throw);

+  }

+}

+

+function _asyncToGenerator(fn) {

+  return function () {

+    var self = this,

+        args = arguments;

+    return new Promise(function (resolve, reject) {

+      var gen = fn.apply(self, args);

+

+      function _next(value) {

+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);

+      }

+

+      function _throw(err) {

+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);

+      }

+

+      _next(undefined);

+    });

+  };

+}

+

+module.exports = _asyncToGenerator;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

+/***/ "../../../../node_modules/@babel/runtime/helpers/defineProperty.js":

+/*!***********************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/defineProperty.js ***!

+  \***********************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports) {

+

+function _defineProperty(obj, key, value) {

+  if (key in obj) {

+    Object.defineProperty(obj, key, {

+      value: value,

+      enumerable: true,

+      configurable: true,

+      writable: true

+    });

+  } else {

+    obj[key] = value;

+  }

+

+  return obj;

+}

+

+module.exports = _defineProperty;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

</ins><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@babel/runtime/helpers/extends.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@babel/runtime/helpers/extends.js ***!

-  \*****************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/extends.js ***!

+  \****************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! no static exports found */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, exports) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -117,10 +248,231 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/***/ "../../../../node_modules/@babel/runtime/helpers/iterableToArray.js":

+/*!************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/iterableToArray.js ***!

+  \************************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports) {

+

+function _iterableToArray(iter) {

+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);

+}

+

+module.exports = _iterableToArray;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

+/***/ "../../../../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js":

+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/iterableToArrayLimit.js ***!

+  \*****************************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports) {

+

+function _iterableToArrayLimit(arr, i) {

+  var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]);

+

+  if (_i == null) return;

+  var _arr = [];

+  var _n = true;

+  var _d = false;

+

+  var _s, _e;

+

+  try {

+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {

+      _arr.push(_s.value);

+

+      if (i && _arr.length === i) break;

+    }

+  } catch (err) {

+    _d = true;

+    _e = err;

+  } finally {

+    try {

+      if (!_n && _i["return"] != null) _i["return"]();

+    } finally {

+      if (_d) throw _e;

+    }

+  }

+

+  return _arr;

+}

+

+module.exports = _iterableToArrayLimit;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

+/***/ "../../../../node_modules/@babel/runtime/helpers/nonIterableRest.js":

+/*!************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/nonIterableRest.js ***!

+  \************************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports) {

+

+function _nonIterableRest() {

+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");

+}

+

+module.exports = _nonIterableRest;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

+/***/ "../../../../node_modules/@babel/runtime/helpers/nonIterableSpread.js":

+/*!**************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/nonIterableSpread.js ***!

+  \**************************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports) {

+

+function _nonIterableSpread() {

+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");

+}

+

+module.exports = _nonIterableSpread;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

+/***/ "../../../../node_modules/@babel/runtime/helpers/objectWithoutProperties.js":

+/*!********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/objectWithoutProperties.js ***!

+  \********************************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports, __webpack_require__) {

+

+var objectWithoutPropertiesLoose = __webpack_require__(/*! ./objectWithoutPropertiesLoose.js */ "../../../../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js");

+

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

+}

+

+module.exports = _objectWithoutProperties;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

+/***/ "../../../../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js":

+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js ***!

+  \*************************************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports) {

+

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

+}

+

+module.exports = _objectWithoutPropertiesLoose;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

+/***/ "../../../../node_modules/@babel/runtime/helpers/slicedToArray.js":

+/*!**********************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/slicedToArray.js ***!

+  \**********************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports, __webpack_require__) {

+

+var arrayWithHoles = __webpack_require__(/*! ./arrayWithHoles.js */ "../../../../node_modules/@babel/runtime/helpers/arrayWithHoles.js");

+

+var iterableToArrayLimit = __webpack_require__(/*! ./iterableToArrayLimit.js */ "../../../../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js");

+

+var unsupportedIterableToArray = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "../../../../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js");

+

+var nonIterableRest = __webpack_require__(/*! ./nonIterableRest.js */ "../../../../node_modules/@babel/runtime/helpers/nonIterableRest.js");

+

+function _slicedToArray(arr, i) {

+  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();

+}

+

+module.exports = _slicedToArray;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

+/***/ "../../../../node_modules/@babel/runtime/helpers/toConsumableArray.js":

+/*!**************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/toConsumableArray.js ***!

+  \**************************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports, __webpack_require__) {

+

+var arrayWithoutHoles = __webpack_require__(/*! ./arrayWithoutHoles.js */ "../../../../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js");

+

+var iterableToArray = __webpack_require__(/*! ./iterableToArray.js */ "../../../../node_modules/@babel/runtime/helpers/iterableToArray.js");

+

+var unsupportedIterableToArray = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "../../../../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js");

+

+var nonIterableSpread = __webpack_require__(/*! ./nonIterableSpread.js */ "../../../../node_modules/@babel/runtime/helpers/nonIterableSpread.js");

+

+function _toConsumableArray(arr) {

+  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();

+}

+

+module.exports = _toConsumableArray;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

+/***/ "../../../../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js":

+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js ***!

+  \***********************************************************************************************************************/

+/*! no static exports found */

+/***/ (function(module, exports, __webpack_require__) {

+

+var arrayLikeToArray = __webpack_require__(/*! ./arrayLikeToArray.js */ "../../../../node_modules/@babel/runtime/helpers/arrayLikeToArray.js");

+

+function _unsupportedIterableToArray(o, minLen) {

+  if (!o) return;

+  if (typeof o === "string") return arrayLikeToArray(o, minLen);

+  var n = Object.prototype.toString.call(o).slice(8, -1);

+  if (n === "Object" && o.constructor) n = o.constructor.name;

+  if (n === "Map" || n === "Set") return Array.from(o);

+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);

+}

+

+module.exports = _unsupportedIterableToArray;

+module.exports["default"] = module.exports, module.exports.__esModule = true;

+

+/***/ }),

+

</ins><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/icon/index.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/icon/index.js ***!

-  \***************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/icon/index.js ***!

+  \**************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -162,9 +514,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/index.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/index.js ***!

-  \**********************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/index.js ***!

+  \*********************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: Icon, addSubmenu, alignCenter, alignJustify, alignLeft, alignRight, archive, archiveTitle, arrowDown, arrowLeft, arrowRight, arrowUp, atSymbol, aspectRatio, audio, backup, blockDefault, blockTable, box, brush, button, buttons, calendar, cancelCircleFilled, capturePhoto, captureVideo, category, chartBar, check, chevronDown, chevronLeft, chevronRight, chevronUp, classic, close, closeSmall, cloudUpload, cloud, code, cog, column, columns, comment, cover, create, crop, currencyDollar, currencyEuro, currencyPound, customPostType, desktop, dragHandle, download, edit, external, file, flipHorizontal, flipVertical, formatBold, formatCapitalize, formatIndent, formatIndentRTL, formatItalic, formatListBullets, formatListBulletsRTL, formatListNumbered, formatListNumberedRTL, formatLtr, formatLowercase, formatOutdent, formatOutdentRTL, formatRtl, formatStrikethrough, formatUnderline, formatUppercase, fullscreen, g

 allery, globe, grid, group, handle, heading, help, inbox, institution, home, html, image, info, insertAfter, insertBefore, justifyLeft, justifyCenter, justifyRight, justifySpaceBetween, keyboardClose, keyboardReturn, layout, lifesaver, link, linkOff, list, listView, lock, login, loop, mapMarker, media, mediaAndText, megaphone, menu, minus, mobile, more, moreHorizontal, moreHorizontalMobile, moreVertical, moveTo, navigation, overlayText, pageBreak, customLink, page, pages, paragraph, payment, percent, positionCenter, positionLeft, positionRight, pencil, people, pin, plugins, plusCircleFilled, plusCircle, plus, postCategories, postContent, postComments, postCommentsCount, postCommentsForm, postDate, postExcerpt, postFeaturedImage, postList, postTitle, previous, next, preformatted, pullLeft, pullRight, pullquote, queryPagination, queryPaginationNext, queryPaginationNumbers, queryPaginationPrevious, quote, receipt, redo, replace, resizeCornerNE, reusableBlock, rotateLeft, rotateRight, r

 ss, search, separator, settings, share, siteLogo, shortcode, stack, starEmpty, starFilled, starHalf, store, stretchFullWidth, shipping, stretchWide, subscript, superscript, swatch, tableColumnAfter, tableColumnBefore, tableColumnDelete, tableRowAfter, tableRowBefore, tableRowDelete, table, tag, termDescription, footer, header, sidebar, textColor, tablet, title, tool, trash, typography, undo, ungroup, update, upload, verse, video, warning, widget, wordpress */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1015,9 +1367,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/add-submenu.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/add-submenu.js ***!

-  \************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/add-submenu.js ***!

+  \***********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1045,9 +1397,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/align-center.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/align-center.js ***!

-  \*************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/align-center.js ***!

+  \************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1075,9 +1427,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/align-justify.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/align-justify.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/align-justify.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1105,9 +1457,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/align-left.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/align-left.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/align-left.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1135,9 +1487,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/align-right.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/align-right.js ***!

-  \************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/align-right.js ***!

+  \***********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1165,9 +1517,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/archive-title.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/archive-title.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/archive-title.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1200,9 +1552,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/archive.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/archive.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/archive.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1230,9 +1582,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/arrow-down.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/arrow-down.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/arrow-down.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1260,9 +1612,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/arrow-left.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/arrow-left.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/arrow-left.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1290,9 +1642,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/arrow-right.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/arrow-right.js ***!

-  \************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/arrow-right.js ***!

+  \***********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1320,9 +1672,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/arrow-up.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/arrow-up.js ***!

-  \*********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/arrow-up.js ***!

+  \********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1350,9 +1702,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/aspect-ratio.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/aspect-ratio.js ***!

-  \*************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/aspect-ratio.js ***!

+  \************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1380,9 +1732,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/at-symbol.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/at-symbol.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/at-symbol.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1412,9 +1764,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/audio.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/audio.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/audio.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1442,9 +1794,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/backup.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/backup.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/backup.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1472,9 +1824,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/block-default.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/block-default.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/block-default.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1502,9 +1854,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/block-table.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/block-table.js ***!

-  \************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/block-table.js ***!

+  \***********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1532,9 +1884,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/box.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/box.js ***!

-  \****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/box.js ***!

+  \***************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1564,9 +1916,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/brush.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/brush.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/brush.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1594,9 +1946,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/button.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/button.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/button.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1624,9 +1976,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/buttons.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/buttons.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/buttons.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1654,9 +2006,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/calendar.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/calendar.js ***!

-  \*********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/calendar.js ***!

+  \********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1684,9 +2036,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/cancel-circle-filled.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*********************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/cancel-circle-filled.js ***!

-  \*********************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!********************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/cancel-circle-filled.js ***!

+  \********************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1714,9 +2066,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/capture-photo.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/capture-photo.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/capture-photo.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1744,9 +2096,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/capture-video.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/capture-video.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/capture-video.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1774,9 +2126,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/category.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/category.js ***!

-  \*********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/category.js ***!

+  \********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1806,9 +2158,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/chart-bar.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/chart-bar.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/chart-bar.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1838,9 +2190,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/check.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/check.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/check.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1868,9 +2220,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/chevron-down.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/chevron-down.js ***!

-  \*************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/chevron-down.js ***!

+  \************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1898,9 +2250,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/chevron-left.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/chevron-left.js ***!

-  \*************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/chevron-left.js ***!

+  \************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1928,9 +2280,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/chevron-right.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/chevron-right.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/chevron-right.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1958,9 +2310,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/chevron-up.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/chevron-up.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/chevron-up.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1988,9 +2340,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/classic.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/classic.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/classic.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2018,9 +2370,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/close-small.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/close-small.js ***!

-  \************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/close-small.js ***!

+  \***********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2048,9 +2400,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/close.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/close.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/close.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2078,9 +2430,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/cloud-upload.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/cloud-upload.js ***!

-  \*************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/cloud-upload.js ***!

+  \************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2108,9 +2460,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/cloud.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/cloud.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/cloud.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2138,9 +2490,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/code.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/code.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/code.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2168,9 +2520,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/cog.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/cog.js ***!

-  \****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/cog.js ***!

+  \***************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2200,9 +2552,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/column.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/column.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/column.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2230,9 +2582,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/columns.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/columns.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/columns.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2260,9 +2612,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/comment.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/comment.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/comment.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2290,9 +2642,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/cover.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/cover.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/cover.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2320,9 +2672,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/create.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/create.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/create.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2350,9 +2702,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/crop.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/crop.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/crop.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2380,9 +2732,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/currency-dollar.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/currency-dollar.js ***!

-  \****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/currency-dollar.js ***!

+  \***************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2410,9 +2762,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/currency-euro.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/currency-euro.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/currency-euro.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2440,9 +2792,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/currency-pound.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/currency-pound.js ***!

-  \***************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/currency-pound.js ***!

+  \**************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2471,9 +2823,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/custom-link.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/custom-link.js ***!

-  \************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/custom-link.js ***!

+  \***********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2501,9 +2853,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/custom-post-type.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/custom-post-type.js ***!

-  \*****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/custom-post-type.js ***!

+  \****************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2531,9 +2883,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/desktop.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/desktop.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/desktop.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2561,9 +2913,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/download.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/download.js ***!

-  \*********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/download.js ***!

+  \********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2591,9 +2943,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/drag-handle.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/drag-handle.js ***!

-  \************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/drag-handle.js ***!

+  \***********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2623,9 +2975,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/edit.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/edit.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/edit.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2642,9 +2994,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/external.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/external.js ***!

-  \*********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/external.js ***!

+  \********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2672,9 +3024,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/file.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/file.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/file.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2702,9 +3054,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/flip-horizontal.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/flip-horizontal.js ***!

-  \****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/flip-horizontal.js ***!

+  \***************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2732,9 +3084,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/flip-vertical.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/flip-vertical.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/flip-vertical.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2762,9 +3114,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/footer.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/footer.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/footer.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2793,9 +3145,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-bold.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-bold.js ***!

-  \************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-bold.js ***!

+  \***********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2823,9 +3175,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-capitalize.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-capitalize.js ***!

-  \******************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-capitalize.js ***!

+  \*****************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2853,9 +3205,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-indent-rtl.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-indent-rtl.js ***!

-  \******************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-indent-rtl.js ***!

+  \*****************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2883,9 +3235,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-indent.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-indent.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-indent.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2913,9 +3265,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-italic.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-italic.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-italic.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2943,9 +3295,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-list-bullets-rtl.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-list-bullets-rtl.js ***!

-  \************************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-list-bullets-rtl.js ***!

+  \***********************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2973,9 +3325,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-list-bullets.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-list-bullets.js ***!

-  \********************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-list-bullets.js ***!

+  \*******************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3003,9 +3355,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-list-numbered-rtl.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-list-numbered-rtl.js ***!

-  \*************************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-list-numbered-rtl.js ***!

+  \************************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3033,9 +3385,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-list-numbered.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*********************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-list-numbered.js ***!

-  \*********************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!********************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-list-numbered.js ***!

+  \********************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3063,9 +3415,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-lowercase.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-lowercase.js ***!

-  \*****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-lowercase.js ***!

+  \****************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3093,9 +3445,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-ltr.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-ltr.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-ltr.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3123,9 +3475,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-outdent-rtl.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-outdent-rtl.js ***!

-  \*******************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-outdent-rtl.js ***!

+  \******************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3153,9 +3505,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-outdent.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-outdent.js ***!

-  \***************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-outdent.js ***!

+  \**************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3183,9 +3535,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-rtl.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-rtl.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-rtl.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3213,9 +3565,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-strikethrough.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*********************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-strikethrough.js ***!

-  \*********************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!********************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-strikethrough.js ***!

+  \********************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3243,9 +3595,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-underline.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-underline.js ***!

-  \*****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-underline.js ***!

+  \****************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3273,9 +3625,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/format-uppercase.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-uppercase.js ***!

-  \*****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/format-uppercase.js ***!

+  \****************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3303,9 +3655,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/fullscreen.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/fullscreen.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/fullscreen.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3333,9 +3685,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/gallery.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/gallery.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/gallery.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: gallery, default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3364,9 +3716,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/globe.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/globe.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/globe.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3394,9 +3746,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/grid.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/grid.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/grid.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3426,9 +3778,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/group.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/group.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/group.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3456,9 +3808,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/handle.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/handle.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/handle.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3486,9 +3838,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/header.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/header.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/header.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3516,9 +3868,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/heading.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/heading.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/heading.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3546,9 +3898,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/help.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/help.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/help.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3576,9 +3928,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/home.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/home.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/home.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3606,9 +3958,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/html.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/html.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/html.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3636,9 +3988,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/image.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/image.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/image.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3666,9 +4018,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/inbox.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/inbox.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/inbox.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3698,9 +4050,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/info.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/info.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/info.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3728,9 +4080,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/insert-after.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/insert-after.js ***!

-  \*************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/insert-after.js ***!

+  \************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3758,9 +4110,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/insert-before.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/insert-before.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/insert-before.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3788,9 +4140,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/institution.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/institution.js ***!

-  \************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/institution.js ***!

+  \***********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3820,9 +4172,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/justify-center.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/justify-center.js ***!

-  \***************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/justify-center.js ***!

+  \**************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3850,9 +4202,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/justify-left.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/justify-left.js ***!

-  \*************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/justify-left.js ***!

+  \************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3880,9 +4232,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/justify-right.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/justify-right.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/justify-right.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3910,9 +4262,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/justify-space-between.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/justify-space-between.js ***!

-  \**********************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/justify-space-between.js ***!

+  \*********************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3940,9 +4292,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/keyboard-close.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/keyboard-close.js ***!

-  \***************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/keyboard-close.js ***!

+  \**************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3970,9 +4322,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/keyboard-return.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/keyboard-return.js ***!

-  \****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/keyboard-return.js ***!

+  \***************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4000,9 +4352,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/layout.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/layout.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/layout.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4030,9 +4382,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/lifesaver.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/lifesaver.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/lifesaver.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4062,9 +4414,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/link-off.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/link-off.js ***!

-  \*********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/link-off.js ***!

+  \********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4092,9 +4444,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/link.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/link.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/link.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4122,9 +4474,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/list-view.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/list-view.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/list-view.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4152,9 +4504,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/list.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/list.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/list.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4182,9 +4534,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/lock.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/lock.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/lock.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4212,9 +4564,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/login.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/login.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/login.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4242,9 +4594,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/loop.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/loop.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/loop.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4272,9 +4624,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/map-marker.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/map-marker.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/map-marker.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4302,9 +4654,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/media-and-text.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/media-and-text.js ***!

-  \***************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/media-and-text.js ***!

+  \**************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4332,9 +4684,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/media.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/media.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/media.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4362,9 +4714,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/megaphone.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/megaphone.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/megaphone.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4394,9 +4746,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/menu.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/menu.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/menu.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4424,9 +4776,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/minus.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/minus.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/minus.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4454,9 +4806,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/mobile.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/mobile.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/mobile.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4484,9 +4836,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/more-horizontal-mobile.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/more-horizontal-mobile.js ***!

-  \***********************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/more-horizontal-mobile.js ***!

+  \**********************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4518,9 +4870,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/more-horizontal.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/more-horizontal.js ***!

-  \****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/more-horizontal.js ***!

+  \***************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4548,9 +4900,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/more-vertical.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/more-vertical.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/more-vertical.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4578,9 +4930,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/more.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/more.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/more.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4608,9 +4960,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/move-to.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/move-to.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/move-to.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4638,9 +4990,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/navigation.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/navigation.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/navigation.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4668,9 +5020,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/next.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/next.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/next.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4698,9 +5050,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/overlay-text.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/overlay-text.js ***!

-  \*************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/overlay-text.js ***!

+  \************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4728,9 +5080,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/page-break.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/page-break.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/page-break.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4758,9 +5110,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/page.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/page.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/page.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4788,9 +5140,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/pages.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/pages.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/pages.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4818,9 +5170,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/paragraph.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/paragraph.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/paragraph.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4848,9 +5200,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/payment.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/payment.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/payment.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4880,9 +5232,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/pencil.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/pencil.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/pencil.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4910,9 +5262,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/people.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/people.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/people.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4940,9 +5292,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/percent.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/percent.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/percent.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4972,9 +5324,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/pin.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/pin.js ***!

-  \****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/pin.js ***!

+  \***************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5002,9 +5354,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/plugins.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/plugins.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/plugins.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5032,9 +5384,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/plus-circle-filled.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/plus-circle-filled.js ***!

-  \*******************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/plus-circle-filled.js ***!

+  \******************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5062,9 +5414,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/plus-circle.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/plus-circle.js ***!

-  \************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/plus-circle.js ***!

+  \***********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5092,9 +5444,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/plus.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/plus.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/plus.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5122,9 +5474,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/position-center.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/position-center.js ***!

-  \****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/position-center.js ***!

+  \***************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5152,9 +5504,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/position-left.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/position-left.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/position-left.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5182,9 +5534,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/position-right.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/position-right.js ***!

-  \***************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/position-right.js ***!

+  \**************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5212,9 +5564,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/post-categories.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-categories.js ***!

-  \****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-categories.js ***!

+  \***************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5244,9 +5596,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/post-comments-count.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-comments-count.js ***!

-  \********************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-comments-count.js ***!

+  \*******************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5274,9 +5626,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/post-comments-form.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-comments-form.js ***!

-  \*******************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-comments-form.js ***!

+  \******************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5304,9 +5656,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/post-comments.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-comments.js ***!

-  \**************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-comments.js ***!

+  \*************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5334,9 +5686,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/post-content.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-content.js ***!

-  \*************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-content.js ***!

+  \************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5364,9 +5716,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/post-date.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-date.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-date.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5396,9 +5748,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/post-excerpt.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-excerpt.js ***!

-  \*************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-excerpt.js ***!

+  \************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5426,9 +5778,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/post-featured-image.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-featured-image.js ***!

-  \********************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-featured-image.js ***!

+  \*******************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5456,9 +5808,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/post-list.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-list.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-list.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5486,9 +5838,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/post-title.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-title.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/post-title.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5516,9 +5868,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/preformatted.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/preformatted.js ***!

-  \*************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/preformatted.js ***!

+  \************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5546,9 +5898,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/previous.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/previous.js ***!

-  \*********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/previous.js ***!

+  \********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5576,9 +5928,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/pull-left.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/pull-left.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/pull-left.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5606,9 +5958,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/pull-right.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/pull-right.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/pull-right.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5636,9 +5988,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/pullquote.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/pullquote.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/pullquote.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5666,9 +6018,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/query-pagination-next.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/query-pagination-next.js ***!

-  \**********************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/query-pagination-next.js ***!

+  \*********************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5712,9 +6064,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/query-pagination-numbers.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/query-pagination-numbers.js ***!

-  \*************************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/query-pagination-numbers.js ***!

+  \************************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5753,9 +6105,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/query-pagination-previous.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**************************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/query-pagination-previous.js ***!

-  \**************************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*************************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/query-pagination-previous.js ***!

+  \*************************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5801,9 +6153,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/query-pagination.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/query-pagination.js ***!

-  \*****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/query-pagination.js ***!

+  \****************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5850,9 +6202,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/quote.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/quote.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/quote.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5880,9 +6232,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/receipt.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/receipt.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/receipt.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5912,9 +6264,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/redo.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/redo.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/redo.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5942,9 +6294,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/replace.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/replace.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/replace.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5972,9 +6324,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/resize-corner-n-e.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/resize-corner-n-e.js ***!

-  \******************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/resize-corner-n-e.js ***!

+  \*****************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6002,9 +6354,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/reusable-block.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/reusable-block.js ***!

-  \***************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/reusable-block.js ***!

+  \**************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6032,9 +6384,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/rotate-left.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/rotate-left.js ***!

-  \************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/rotate-left.js ***!

+  \***********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6062,9 +6414,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/rotate-right.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/rotate-right.js ***!

-  \*************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/rotate-right.js ***!

+  \************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6092,9 +6444,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/rss.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/rss.js ***!

-  \****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/rss.js ***!

+  \***************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6122,9 +6474,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/search.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/search.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/search.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6152,9 +6504,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/separator.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/separator.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/separator.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6182,9 +6534,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/settings.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/settings.js ***!

-  \*********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/settings.js ***!

+  \********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6212,9 +6564,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/share.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/share.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/share.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6242,9 +6594,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/shipping.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/shipping.js ***!

-  \*********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/shipping.js ***!

+  \********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6272,9 +6624,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/shortcode.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/shortcode.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/shortcode.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6302,9 +6654,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/sidebar.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/sidebar.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/sidebar.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6332,9 +6684,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/site-logo.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/site-logo.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/site-logo.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6362,9 +6714,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/stack.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/stack.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/stack.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6392,9 +6744,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/star-empty.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/star-empty.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/star-empty.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6424,9 +6776,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/star-filled.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/star-filled.js ***!

-  \************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/star-filled.js ***!

+  \***********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6454,9 +6806,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/star-half.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/star-half.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/star-half.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6484,9 +6836,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/store.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/store.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/store.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6516,9 +6868,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/stretch-full-width.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/stretch-full-width.js ***!

-  \*******************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/stretch-full-width.js ***!

+  \******************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6546,9 +6898,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/stretch-wide.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/stretch-wide.js ***!

-  \*************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/stretch-wide.js ***!

+  \************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6576,9 +6928,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/subscript.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/subscript.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/subscript.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6606,9 +6958,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/superscript.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/superscript.js ***!

-  \************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/superscript.js ***!

+  \***********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6636,9 +6988,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/swatch.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/swatch.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/swatch.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6666,9 +7018,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/table-column-after.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/table-column-after.js ***!

-  \*******************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/table-column-after.js ***!

+  \******************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6696,9 +7048,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/table-column-before.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/table-column-before.js ***!

-  \********************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/table-column-before.js ***!

+  \*******************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6726,9 +7078,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/table-column-delete.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/table-column-delete.js ***!

-  \********************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/table-column-delete.js ***!

+  \*******************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6756,9 +7108,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/table-row-after.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/table-row-after.js ***!

-  \****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/table-row-after.js ***!

+  \***************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6786,9 +7138,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/table-row-before.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/table-row-before.js ***!

-  \*****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/table-row-before.js ***!

+  \****************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6816,9 +7168,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/table-row-delete.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/table-row-delete.js ***!

-  \*****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/table-row-delete.js ***!

+  \****************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6846,9 +7198,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/table.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/table.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/table.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6876,9 +7228,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/tablet.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/tablet.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/tablet.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6906,9 +7258,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/tag.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/tag.js ***!

-  \****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!***************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/tag.js ***!

+  \***************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6936,9 +7288,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/term-description.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/term-description.js ***!

-  \*****************************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/term-description.js ***!

+  \****************************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6971,9 +7323,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/text-color.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/text-color.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/text-color.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7001,9 +7353,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/title.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/title.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/title.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7031,9 +7383,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/tool.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/tool.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/tool.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7061,9 +7413,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/trash.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/trash.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/trash.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7091,9 +7443,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/typography.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!***********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/typography.js ***!

-  \***********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!**********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/typography.js ***!

+  \**********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7121,9 +7473,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/undo.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/undo.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/undo.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7151,9 +7503,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/ungroup.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/ungroup.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/ungroup.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7181,9 +7533,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/update.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/update.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/update.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7211,9 +7563,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/upload.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/upload.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/upload.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7241,9 +7593,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/verse.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/verse.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/verse.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7271,9 +7623,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/video.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/video.js ***!

-  \******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/video.js ***!

+  \*****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7301,9 +7653,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/warning.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/warning.js ***!

-  \********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/warning.js ***!

+  \*******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7331,9 +7683,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/widget.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*******************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/widget.js ***!

-  \*******************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!******************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/widget.js ***!

+  \******************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7361,9 +7713,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/@wordpress/icons/build-module/library/wordpress.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!**********************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/@wordpress/icons/build-module/library/wordpress.js ***!

-  \**********************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!*********************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/@wordpress/icons/build-module/library/wordpress.js ***!

+  \*********************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: default */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7391,9 +7743,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "../../../../node_modules/react-use-gesture/dist/reactusegesture.esm.js":

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!*****************************************************************************************************!*\

-  !*** /Users/corey/dev/pattern-directory/node_modules/react-use-gesture/dist/reactusegesture.esm.js ***!

-  \*****************************************************************************************************/

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!****************************************************************************************************************!*\

+  !*** /Users/ryelle/Projects/Work/pattern-directory/node_modules/react-use-gesture/dist/reactusegesture.esm.js ***!

+  \****************************************************************************************************************/

</ins><span class="cx" style="display: block; padding: 0 10px"> /*! exports provided: addV, rubberbandIfOutOfBounds, subV, useDrag, useGesture, useHover, useMove, usePinch, useScroll, useWheel */

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ (function(module, __webpack_exports__, __webpack_require__) {

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10366,20 +10718,23 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> "use strict";

</span><span class="cx" style="display: block; padding: 0 10px"> __webpack_require__.r(__webpack_exports__);

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);

-/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");

-/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);

-/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");

-/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__);

-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");

-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_3__);

-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");

-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils */ "./src/utils/index.js");

-/* harmony import */ var _messaging__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./messaging */ "./src/components/category-context-bar/messaging.js");

-/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../store */ "./src/store/index.js");

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../../node_modules/@babel/runtime/helpers/slicedToArray.js");

+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);

+/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");

+/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__);

+/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");

+/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__);

+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");

+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_4__);

+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");

+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/utils/index.js");

+/* harmony import */ var _messaging__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./messaging */ "./src/components/category-context-bar/messaging.js");

+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../store */ "./src/store/index.js");

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+

</ins><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="cx" style="display: block; padding: 0 10px">  * WordPress dependencies

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10397,33 +10752,40 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> function CategoryContextBar() {

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const {

-    path

-  } = Object(_hooks__WEBPACK_IMPORTED_MODULE_4__["useRoute"])();

-  const [height, setHeight] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useState"])(0);

-  const [message, setMessage] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useState"])();

-  const [context] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useState"])({

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var _useRoute = Object(_hooks__WEBPACK_IMPORTED_MODULE_5__["useRoute"])(),

+      path = _useRoute.path;

+

+  var _useState = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useState"])(0),

+      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),

+      height = _useState2[0],

+      setHeight = _useState2[1];

+

+  var _useState3 = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useState"])(),

+      _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),

+      message = _useState4[0],

+      setMessage = _useState4[1];

+

+  var _useState5 = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useState"])({

</ins><span class="cx" style="display: block; padding: 0 10px">     title: '',

</span><span class="cx" style="display: block; padding: 0 10px">     links: []

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  });

-  const innerRef = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useRef"])(null);

-  const {

-    isAllCategory,

-    category,

-    isLoadingPatterns,

-    patterns

-  } = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__["useSelect"])(select => {

-    const {

-      getCategoryBySlug,

-      getPatternsByQuery,

-      isLoadingPatternsByQuery,

-      getCurrentQuery

-    } = select(_store__WEBPACK_IMPORTED_MODULE_7__["store"]);

-    const categorySlug = Object(_utils__WEBPACK_IMPORTED_MODULE_5__["getCategoryFromPath"])(path);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }),

+      _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState5, 1),

+      context = _useState6[0];

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    const _category = getCategoryBySlug(categorySlug);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var innerRef = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useRef"])(null);

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    const query = getCurrentQuery();

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var _useSelect = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__["useSelect"])(function (select) {

+    var _select = select(_store__WEBPACK_IMPORTED_MODULE_8__["store"]),

+        getCategoryBySlug = _select.getCategoryBySlug,

+        getPatternsByQuery = _select.getPatternsByQuery,

+        isLoadingPatternsByQuery = _select.isLoadingPatternsByQuery,

+        getCurrentQuery = _select.getCurrentQuery;

+

+    var categorySlug = Object(_utils__WEBPACK_IMPORTED_MODULE_6__["getCategoryFromPath"])(path);

+

+    var _category = getCategoryBySlug(categorySlug);

+

+    var query = getCurrentQuery();

</ins><span class="cx" style="display: block; padding: 0 10px">     return {

</span><span class="cx" style="display: block; padding: 0 10px">       isAllCategory: _category && _category.id === -1,

</span><span class="cx" style="display: block; padding: 0 10px">       isLoadingPatterns: isLoadingPatternsByQuery(query),

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10430,54 +10792,61 @@

</span><span class="cx" style="display: block; padding: 0 10px">       patterns: query ? getPatternsByQuery(query) : [],

</span><span class="cx" style="display: block; padding: 0 10px">       category: _category

</span><span class="cx" style="display: block; padding: 0 10px">     };

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, [path]);

-  Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, [path]),

+      isAllCategory = _useSelect.isAllCategory,

+      category = _useSelect.category,

+      isLoadingPatterns = _useSelect.isLoadingPatterns,

+      patterns = _useSelect.patterns;

+

+  Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () {

</ins><span class="cx" style="display: block; padding: 0 10px">     if (!category) {

</span><span class="cx" style="display: block; padding: 0 10px">       return;

</span><span class="cx" style="display: block; padding: 0 10px">     }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">     if (isLoadingPatterns) {

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      setMessage(Object(_messaging__WEBPACK_IMPORTED_MODULE_6__["getLoadingMessage"])(category.name));

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      setMessage(Object(_messaging__WEBPACK_IMPORTED_MODULE_7__["getLoadingMessage"])(category.name));

</ins><span class="cx" style="display: block; padding: 0 10px">       return;

</span><span class="cx" style="display: block; padding: 0 10px">     }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    const searchTerm = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_3__["getQueryArg"])(path, 'search');

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    var searchTerm = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_4__["getQueryArg"])(path, 'search');

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">     if (searchTerm && !isAllCategory) {

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      setMessage(Object(_messaging__WEBPACK_IMPORTED_MODULE_6__["getDefaultSearchMessage"])(patterns.length, category.name, searchTerm));

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      setMessage(Object(_messaging__WEBPACK_IMPORTED_MODULE_7__["getDefaultSearchMessage"])(patterns.length, category.name, searchTerm));

</ins><span class="cx" style="display: block; padding: 0 10px">     } else if (searchTerm && isAllCategory) {

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      setMessage(Object(_messaging__WEBPACK_IMPORTED_MODULE_6__["getAllSearchMessage"])(patterns.length, searchTerm));

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      setMessage(Object(_messaging__WEBPACK_IMPORTED_MODULE_7__["getAllSearchMessage"])(patterns.length, searchTerm));

</ins><span class="cx" style="display: block; padding: 0 10px">     } else if (!isAllCategory) {

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      setMessage(Object(_messaging__WEBPACK_IMPORTED_MODULE_6__["getDefaultMessage"])(category.count || 0, category.name));

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      setMessage(Object(_messaging__WEBPACK_IMPORTED_MODULE_7__["getDefaultMessage"])(category.count || 0, category.name));

</ins><span class="cx" style="display: block; padding: 0 10px">     } else {

</span><span class="cx" style="display: block; padding: 0 10px">       setMessage('');

</span><span class="cx" style="display: block; padding: 0 10px">     }

</span><span class="cx" style="display: block; padding: 0 10px">   }, [category, isLoadingPatterns, patterns]);

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {

-    const _height = message ? innerRef.current.offsetHeight : 0;

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () {

+    var _height = message ? innerRef.current.offsetHeight : 0;

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">     setHeight(_height);

</span><span class="cx" style="display: block; padding: 0 10px">   }, [message]);

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("header", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("header", {

</ins><span class="cx" style="display: block; padding: 0 10px">     className: "category-context-bar",

</span><span class="cx" style="display: block; padding: 0 10px">     style: {

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      height: `${height}px`

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      height: "".concat(height, "px")

</ins><span class="cx" style="display: block; padding: 0 10px">     }

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", {

</ins><span class="cx" style="display: block; padding: 0 10px">     ref: innerRef

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("h2", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("h2", {

</ins><span class="cx" style="display: block; padding: 0 10px">     className: "category-context-bar__copy"

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("span", {

-    className: `category-context-bar__spinner ${!isLoadingPatterns ? 'category-context-bar__spinner--is-hidden' : ''}`

-  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__["Spinner"], null)), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("span", null, message)), context.links && context.links.length > 0 && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("span", {

+    className: "category-context-bar__spinner ".concat(!isLoadingPatterns ? 'category-context-bar__spinner--is-hidden' : '')

+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__["Spinner"], null)), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("span", null, message)), context.links && context.links.length > 0 && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", {

</ins><span class="cx" style="display: block; padding: 0 10px">     className: "category-context-bar__links"

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("h3", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("h3", {

</ins><span class="cx" style="display: block; padding: 0 10px">     className: "category-context-bar__title"

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, context.title), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("ul", null, context.links.map(i => Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("li", {

-    key: i.href

-  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("a", {

-    href: i.href

-  }, i.label)))))));

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, context.title), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("ul", null, context.links.map(function (i) {

+    return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("li", {

+      key: i.href

+    }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("a", {

+      href: i.href

+    }, i.label));

+  })))));

</ins><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony default export */ __webpack_exports__["default"] = (CategoryContextBar);

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10516,7 +10885,7 @@

</span><span class="cx" style="display: block; padding: 0 10px">  * @return {Object}

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const getDefaultMessage = (count, categoryName) => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var getDefaultMessage = function getDefaultMessage(count, categoryName) {

</ins><span class="cx" style="display: block; padding: 0 10px">   return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createInterpolateElement"])(Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["sprintf"])(

</span><span class="cx" style="display: block; padding: 0 10px">   /* translators: %1$d: number of patterns. %2$s category name. */

</span><span class="cx" style="display: block; padding: 0 10px">   Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["_n"])('%1$d <b>%2$s</b> pattern.', '%1$d <b>%2$s</b> patterns.', count, 'wporg-patterns'), count, categoryName, 'wporg-patterns'), {

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10530,7 +10899,7 @@

</span><span class="cx" style="display: block; padding: 0 10px">  * @return {Object}

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const getLoadingMessage = categoryName => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var getLoadingMessage = function getLoadingMessage(categoryName) {

</ins><span class="cx" style="display: block; padding: 0 10px">   return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createInterpolateElement"])(Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["sprintf"])(

</span><span class="cx" style="display: block; padding: 0 10px">   /* translators: %1$d: number of patterns. %2$s category name. */

</span><span class="cx" style="display: block; padding: 0 10px">   Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Loading <b>%s</b> patterns.', 'wporg-patterns'), categoryName, 'wporg-patterns'), {

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10546,7 +10915,7 @@

</span><span class="cx" style="display: block; padding: 0 10px">  * @return {Object}

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const getDefaultSearchMessage = (count, categoryName, searchTerm) => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var getDefaultSearchMessage = function getDefaultSearchMessage(count, categoryName, searchTerm) {

</ins><span class="cx" style="display: block; padding: 0 10px">   return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createInterpolateElement"])(Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["sprintf"])(

</span><span class="cx" style="display: block; padding: 0 10px">   /* translators: %1$d: number of patterns. %2$s category name. %3$s search term  */

</span><span class="cx" style="display: block; padding: 0 10px">   Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["_n"])('%1$d <b>%2$s</b> pattern matching "<b>%3$s</b>".', '%1$d <b>%2$s</b> patterns matching "<b>%3$s</b>".', count, 'wporg-patterns'), count, categoryName, searchTerm, 'wporg-patterns'), {

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10561,7 +10930,7 @@

</span><span class="cx" style="display: block; padding: 0 10px">  * @return {Object}

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const getAllSearchMessage = (count, searchTerm) => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var getAllSearchMessage = function getAllSearchMessage(count, searchTerm) {

</ins><span class="cx" style="display: block; padding: 0 10px">   return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createInterpolateElement"])(Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["sprintf"])(

</span><span class="cx" style="display: block; padding: 0 10px">   /* translators: %1$d: number of patterns. %2$s search term.  */

</span><span class="cx" style="display: block; padding: 0 10px">   Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["_n"])('%1$d pattern matching "<b>%2$s</b>".', '%1$d patterns matching "<b>%2$s</b>".', count, 'wporg-patterns'), count, searchTerm, 'wporg-patterns'), {

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11191,6 +11560,155 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/***/ "./src/components/my-patterns/index.js":

+/*!*********************************************!*\

+  !*** ./src/components/my-patterns/index.js ***!

+  \*********************************************/

+/*! exports provided: default */

+/***/ (function(module, __webpack_exports__, __webpack_require__) {

+

+"use strict";

+__webpack_require__.r(__webpack_exports__);

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);

+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");

+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);

+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");

+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_2__);

+/* harmony import */ var _wordpress_core_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/core-data */ "@wordpress/core-data");

+/* harmony import */ var _wordpress_core_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_3__);

+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../store */ "./src/store/index.js");

+/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");

+/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__);

+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./menu */ "./src/components/my-patterns/menu.js");

+/* harmony import */ var _pattern_grid__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../pattern-grid */ "./src/components/pattern-grid/index.js");

+/* harmony import */ var _query_monitor__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../query-monitor */ "./src/components/query-monitor/index.js");

+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");

+

+

+/**

+ * WordPress dependencies

+ */

+

+

+

+

+

+/**

+ * Internal dependencies

+ */

+

+

+

+

+

+

+const MyPatterns = () => {

+  const query = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__["useSelect"])(select => select(_store__WEBPACK_IMPORTED_MODULE_4__["store"]).getCurrentQuery());

+  const author = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__["useSelect"])(select => {

+    var _select$getCurrentUse;

+

+    return (_select$getCurrentUse = select(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_3__["store"]).getCurrentUser()) === null || _select$getCurrentUse === void 0 ? void 0 : _select$getCurrentUse.id;

+  });

+

+  if (!author) {

+    const loginUrl = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_2__["addQueryArgs"])(wporgLoginUrl, {

+      redirect_to: window.location

+    });

+    return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

+      className: "entry-content"

+    }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", null, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Please log in to view your patterns.', 'wporg-patterns')), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("a", {

+      className: "button button-primary",

+      href: loginUrl

+    }, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Log in', 'wporg-patterns')));

+  } // Show all patterns regardless of status, but if the current query has a status (the view is draft, for

+  // example), that will override `any`. Lastly, make sure this shows the current user's patterns.

+

+

+  const modifiedQuery = {

+    status: 'any',

+    ...query,

+    author: author

+  };

+  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_hooks__WEBPACK_IMPORTED_MODULE_9__["RouteProvider"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_query_monitor__WEBPACK_IMPORTED_MODULE_8__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_menu__WEBPACK_IMPORTED_MODULE_6__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_grid__WEBPACK_IMPORTED_MODULE_7__["default"], {

+    query: modifiedQuery

+  }));

+};

+

+/* harmony default export */ __webpack_exports__["default"] = (MyPatterns);

+

+/***/ }),

+

+/***/ "./src/components/my-patterns/menu.js":

+/*!********************************************!*\

+  !*** ./src/components/my-patterns/menu.js ***!

+  \********************************************/

+/*! exports provided: default */

+/***/ (function(module, __webpack_exports__, __webpack_require__) {

+

+"use strict";

+__webpack_require__.r(__webpack_exports__);

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);

+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");

+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);

+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../menu */ "./src/components/menu/index.js");

+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils */ "./src/utils/index.js");

+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");

+

+

+/**

+ * WordPress dependencies

+ */

+

+/**

+ * Internal dependencies

+ */

+

+

+

+

+/* harmony default export */ __webpack_exports__["default"] = (function () {

+  const {

+    path,

+    update: updatePath

+  } = Object(_hooks__WEBPACK_IMPORTED_MODULE_4__["useRoute"])();

+  let view = Object(_utils__WEBPACK_IMPORTED_MODULE_3__["getValueFromPath"])(path, 'my-patterns');

+

+  if ('page' === view) {

+    view = 'all';

+  } // @todo Load from an API to get pattern counts.

+

+

+  const options = [{

+    value: `${wporgSiteUrl}/my-patterns/`,

+    slug: 'all',

+    label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('All', 'wporg-patterns')

+  }, {

+    value: `${wporgSiteUrl}/my-patterns/draft/`,

+    slug: 'draft',

+    label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Drafts', 'wporg-patterns')

+  }, {

+    value: `${wporgSiteUrl}/my-patterns/pending/`,

+    slug: 'pending',

+    label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Pending Review', 'wporg-patterns')

+  }];

+  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("nav", {

+    className: "pattern-grid-menu"

+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_menu__WEBPACK_IMPORTED_MODULE_2__["default"], {

+    label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Menu', 'wporg-patterns'),

+    current: view || 'all',

+    options: options,

+    onClick: event => {

+      event.preventDefault();

+      updatePath(event.target.pathname);

+    },

+    isLoading: false

+  }));

+});

+

+/***/ }),

+

</ins><span class="cx" style="display: block; padding: 0 10px"> /***/ "./src/components/pattern-grid-menu/index.js":

</span><span class="cx" style="display: block; padding: 0 10px"> /*!***************************************************!*\

</span><span class="cx" style="display: block; padding: 0 10px">   !*** ./src/components/pattern-grid-menu/index.js ***!

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11337,31 +11855,33 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function PatternGrid({

-  query

-}) {

-  const {

-    isLoading,

-    posts,

-    totalPages

-  } = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__["useSelect"])(select => {

-    const {

-      getPatternTotalPagesByQuery,

-      getPatternsByQuery,

-      isLoadingPatternsByQuery

-    } = select(_store__WEBPACK_IMPORTED_MODULE_5__["store"]);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function PatternGrid(_ref) {

+  var query = _ref.query;

+

+  var _useSelect = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__["useSelect"])(function (select) {

+    var _select = select(_store__WEBPACK_IMPORTED_MODULE_5__["store"]),

+        getPatternTotalPagesByQuery = _select.getPatternTotalPagesByQuery,

+        getPatternsByQuery = _select.getPatternsByQuery,

+        isLoadingPatternsByQuery = _select.isLoadingPatternsByQuery;

+

</ins><span class="cx" style="display: block; padding: 0 10px">     return {

</span><span class="cx" style="display: block; padding: 0 10px">       isLoading: query && isLoadingPatternsByQuery(query),

</span><span class="cx" style="display: block; padding: 0 10px">       posts: query ? getPatternsByQuery(query) : [],

</span><span class="cx" style="display: block; padding: 0 10px">       totalPages: query ? getPatternTotalPagesByQuery(query) : 0

</span><span class="cx" style="display: block; padding: 0 10px">     };

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  });

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }),

+      isLoading = _useSelect.isLoading,

+      posts = _useSelect.posts,

+      totalPages = _useSelect.totalPages;

+

</ins><span class="cx" style="display: block; padding: 0 10px">   return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

</span><span class="cx" style="display: block; padding: 0 10px">     className: "pattern-grid"

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, isLoading ? Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__["Spinner"], null) : posts.map(post => Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_thumbnail__WEBPACK_IMPORTED_MODULE_4__["default"], {

-    key: post.id,

-    pattern: post

-  }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pagination__WEBPACK_IMPORTED_MODULE_3__["default"], {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, isLoading ? Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__["Spinner"], null) : posts.map(function (post) {

+    return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_thumbnail__WEBPACK_IMPORTED_MODULE_4__["default"], {

+      key: post.id,

+      pattern: post

+    });

+  })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pagination__WEBPACK_IMPORTED_MODULE_3__["default"], {

</ins><span class="cx" style="display: block; padding: 0 10px">     totalPages: totalPages,

</span><span class="cx" style="display: block; padding: 0 10px">     currentPage: query === null || query === void 0 ? void 0 : query.page

</span><span class="cx" style="display: block; padding: 0 10px">   }));

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11399,32 +11919,32 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function Pagination({

-  currentPage = 1,

-  totalPages

-}) {

-  const {

-    path,

-    update: updatePath

-  } = Object(_hooks__WEBPACK_IMPORTED_MODULE_3__["useRoute"])();

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function Pagination(_ref) {

+  var _ref$currentPage = _ref.currentPage,

+      currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,

+      totalPages = _ref.totalPages;

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var _useRoute = Object(_hooks__WEBPACK_IMPORTED_MODULE_3__["useRoute"])(),

+      path = _useRoute.path,

+      updatePath = _useRoute.update;

+

</ins><span class="cx" style="display: block; padding: 0 10px">   if (!totalPages || totalPages <= 1) {

</span><span class="cx" style="display: block; padding: 0 10px">     return null;

</span><span class="cx" style="display: block; padding: 0 10px">   }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const hasPrevious = currentPage > 1;

-  const hasNext = currentPage < totalPages;

-  const basePath = path.replace(/page\/\d+\/?$/, '');

-  const pages = Object(_utils_get_pagination_list__WEBPACK_IMPORTED_MODULE_2__["default"])(totalPages, currentPage);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var hasPrevious = currentPage > 1;

+  var hasNext = currentPage < totalPages;

+  var basePath = path.replace(/page\/\d+\/?$/, '');

+  var pages = Object(_utils_get_pagination_list__WEBPACK_IMPORTED_MODULE_2__["default"])(totalPages, currentPage);

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const onClick = (event, page) => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var _onClick = function onClick(event, page) {

</ins><span class="cx" style="display: block; padding: 0 10px">     event.preventDefault();

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">     if (page === 1) {

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      updatePath(`${basePath}`);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      updatePath("".concat(basePath));

</ins><span class="cx" style="display: block; padding: 0 10px">     }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    updatePath(`${basePath}page/${page}/`);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    updatePath("".concat(basePath, "page/").concat(page, "/"));

</ins><span class="cx" style="display: block; padding: 0 10px">   };

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">   return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("nav", {

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11436,17 +11956,19 @@

</span><span class="cx" style="display: block; padding: 0 10px">     className: "pagination__item pagination__item-previous-page"

</span><span class="cx" style="display: block; padding: 0 10px">   }, hasPrevious && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("a", {

</span><span class="cx" style="display: block; padding: 0 10px">     className: "pagination__link",

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    href: `${basePath}page/${currentPage - 1}`,

-    onClick: event => onClick(event, currentPage - 1)

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    href: "".concat(basePath, "page/").concat(currentPage - 1),

+    onClick: function onClick(event) {

+      return _onClick(event, currentPage - 1);

+    }

</ins><span class="cx" style="display: block; padding: 0 10px">   }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("span", {

</span><span class="cx" style="display: block; padding: 0 10px">     className: "screen-reader-text"

</span><span class="cx" style="display: block; padding: 0 10px">   }, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Previous page', 'wporg-patterns')), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("span", {

</span><span class="cx" style="display: block; padding: 0 10px">     "aria-hidden": true

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["_x"])('Previous', 'previous page link label', 'wporg-patterns')))), pages.map((page, index) => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["_x"])('Previous', 'previous page link label', 'wporg-patterns')))), pages.map(function (page, index) {

</ins><span class="cx" style="display: block; padding: 0 10px">     if ('…' === page) {

</span><span class="cx" style="display: block; padding: 0 10px">       return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("li", {

</span><span class="cx" style="display: block; padding: 0 10px">         className: "pagination__item",

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        key: `${index}-${page}`

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        key: "".concat(index, "-").concat(page)

</ins><span class="cx" style="display: block; padding: 0 10px">       }, page);

</span><span class="cx" style="display: block; padding: 0 10px">     }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11455,9 +11977,11 @@

</span><span class="cx" style="display: block; padding: 0 10px">       key: page

</span><span class="cx" style="display: block; padding: 0 10px">     }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("a", {

</span><span class="cx" style="display: block; padding: 0 10px">       className: "pagination__link",

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      href: `${basePath}page/${page}`,

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      href: "".concat(basePath, "page/").concat(page),

</ins><span class="cx" style="display: block; padding: 0 10px">       "aria-current": page === currentPage ? 'page' : undefined,

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      onClick: event => onClick(event, page)

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      onClick: function onClick(event) {

+        return _onClick(event, page);

+      }

</ins><span class="cx" style="display: block; padding: 0 10px">     }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("span", {

</span><span class="cx" style="display: block; padding: 0 10px">       className: "screen-reader-text"

</span><span class="cx" style="display: block; padding: 0 10px">     }, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["sprintf"])( // translators: %s is the page number.

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11468,8 +11992,10 @@

</span><span class="cx" style="display: block; padding: 0 10px">     className: "pagination__item pagination__item-next-page"

</span><span class="cx" style="display: block; padding: 0 10px">   }, hasNext && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("a", {

</span><span class="cx" style="display: block; padding: 0 10px">     className: "pagination__link",

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    href: `${basePath}page/${currentPage + 1}`,

-    onClick: event => onClick(event, currentPage + 1)

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    href: "".concat(basePath, "page/").concat(currentPage + 1),

+    onClick: function onClick(event) {

+      return _onClick(event, currentPage + 1);

+    }

</ins><span class="cx" style="display: block; padding: 0 10px">   }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("span", {

</span><span class="cx" style="display: block; padding: 0 10px">     className: "screen-reader-text"

</span><span class="cx" style="display: block; padding: 0 10px">   }, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Next page', 'wporg-patterns')), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("span", {

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11503,43 +12029,46 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const CopyPasteImage = () => // Wrap the image to avoid the UI shift after the GIF loads

-Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

-  style: {

-    height: '220px'

-  }

-}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("img", {

-  src: `${wporgAssetUrl}/images/copy-paste-demo.gif`,

-  alt: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('GIF of copy and pasting.', 'wporg-patterns')

-}));

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var CopyPasteImage = function CopyPasteImage() {

+  return (// Wrap the image to avoid the UI shift after the GIF loads

+    Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

+      style: {

+        height: '220px'

+      }

+    }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("img", {

+      src: "".concat(wporgAssetUrl, "/images/copy-paste-demo.gif"),

+      alt: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('GIF of copy and pasting.', 'wporg-patterns')

+    }))

+  );

+};

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const CopyGuide = ({

-  onFinish

-}) => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var CopyGuide = function CopyGuide(_ref) {

+  var onFinish = _ref.onFinish;

</ins><span class="cx" style="display: block; padding: 0 10px">   return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__["Animate"], {

</span><span class="cx" style="display: block; padding: 0 10px">     type: "appear",

</span><span class="cx" style="display: block; padding: 0 10px">     options: {

</span><span class="cx" style="display: block; padding: 0 10px">       origin: 'bottom'

</span><span class="cx" style="display: block; padding: 0 10px">     }

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, ({

-    className

-  }) => Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__["Guide"], {

-    className: `pattern-actions__guide ${className}`,

-    onFinish: onFinish,

-    finishButtonText: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Close', 'wporg-patterns'),

-    pages: [{

-      image: Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(CopyPasteImage, null),

-      content: Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

-        className: "pattern-actions__guide-content"

-      }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("h3", {

-        className: "pattern-actions__guide-title"

-      }, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('How to use patterns on your WordPress site.', 'wporg-patterns')), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", null, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Patterns are really just text. And, just like you can copy and paste text, you can copy and paste patterns. Its really easy!', 'wporg-patterns')), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("ol", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("li", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", null, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Open any post or page in the WordPress block editor.', 'wporg-patterns'))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElem

 ent"])("li", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", null, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Place your cursor where you want to add the pattern.', 'wporg-patterns'))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("li", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createInterpolateElement"])(Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Paste the contents of your clipboard by pressing both the <kbd>⌘</kbd> and <kbd>v</kbd> keys, or right-clicking and choose "Paste" from the menu.', 'wporg-patterns'), {

-        kbd: Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("kbd", {

-          className: "pattern-actions__guide-shortcut"

-        })

-      })))))

-    }]

-  }));

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, function (_ref2) {

+    var className = _ref2.className;

+    return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__["Guide"], {

+      className: "pattern-actions__guide ".concat(className),

+      onFinish: onFinish,

+      finishButtonText: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Close', 'wporg-patterns'),

+      pages: [{

+        image: Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(CopyPasteImage, null),

+        content: Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

+          className: "pattern-actions__guide-content"

+        }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("h3", {

+          className: "pattern-actions__guide-title"

+        }, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('How to use patterns on your WordPress site.', 'wporg-patterns')), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", null, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Patterns are really just text. And, just like you can copy and paste text, you can copy and paste patterns. Its really easy!', 'wporg-patterns')), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("ol", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("li", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", null, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Open any post or page in the WordPress block editor.', 'wporg-patterns'))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createEl

 ement"])("li", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", null, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Place your cursor where you want to add the pattern.', 'wporg-patterns'))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("li", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createInterpolateElement"])(Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Paste the contents of your clipboard by pressing both the <kbd>⌘</kbd> and <kbd>v</kbd> keys, or right-clicking and choose "Paste" from the menu.', 'wporg-patterns'), {

+          kbd: Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("kbd", {

+            className: "pattern-actions__guide-shortcut"

+          })

+        })))))

+      }]

+    });

+  });

</ins><span class="cx" style="display: block; padding: 0 10px"> };

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony default export */ __webpack_exports__["default"] = (CopyGuide);

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11569,18 +12098,19 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const CopySuccessMessage = ({

-  onClick

-}) => Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__["Notice"], {

-  className: "pattern-actions__notice",

-  status: "success",

-  isDismissible: false,

-  actions: [{

-    label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Learn More', 'wporg-patterns'),

-    onClick: onClick,

-    variant: 'secondary'

-  }]

-}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("b", null, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Pattern copied!', 'wporg-patterns')), Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])(' Now you can paste it into any WordPress post or page.', 'wporg-patterns')));

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var CopySuccessMessage = function CopySuccessMessage(_ref) {

+  var onClick = _ref.onClick;

+  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__["Notice"], {

+    className: "pattern-actions__notice",

+    status: "success",

+    isDismissible: false,

+    actions: [{

+      label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Learn More', 'wporg-patterns'),

+      onClick: onClick,

+      variant: 'secondary'

+    }]

+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("b", null, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Pattern copied!', 'wporg-patterns')), Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])(' Now you can paste it into any WordPress post or page.', 'wporg-patterns')));

+};

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony default export */ __webpack_exports__["default"] = (CopySuccessMessage);

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11595,14 +12125,17 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> "use strict";

</span><span class="cx" style="display: block; padding: 0 10px"> __webpack_require__.r(__webpack_exports__);

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);

-/* harmony import */ var _copy_pattern_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../copy-pattern-button */ "./src/components/copy-pattern-button/index.js");

-/* harmony import */ var _favorite_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../favorite-button */ "./src/components/favorite-button/index.js");

-/* harmony import */ var _copy_success_message__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./copy-success-message */ "./src/components/pattern-preview-actions/copy-success-message.js");

-/* harmony import */ var _copy_guide__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./copy-guide */ "./src/components/pattern-preview-actions/copy-guide.js");

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../../node_modules/@babel/runtime/helpers/slicedToArray.js");

+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);

+/* harmony import */ var _copy_pattern_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../copy-pattern-button */ "./src/components/copy-pattern-button/index.js");

+/* harmony import */ var _favorite_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../favorite-button */ "./src/components/favorite-button/index.js");

+/* harmony import */ var _copy_success_message__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./copy-success-message */ "./src/components/pattern-preview-actions/copy-success-message.js");

+/* harmony import */ var _copy_guide__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./copy-guide */ "./src/components/pattern-preview-actions/copy-guide.js");

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+

</ins><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="cx" style="display: block; padding: 0 10px">  * External dependencies

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11616,23 +12149,37 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const PatternPreviewActions = ({

-  postId

-}) => {

-  const [showSuccess, setShowSuccess] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useState"])(false);

-  const [showGuide, setShowGuide] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useState"])(false);

-  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var PatternPreviewActions = function PatternPreviewActions(_ref) {

+  var postId = _ref.postId;

+

+  var _useState = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useState"])(false),

+      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),

+      showSuccess = _useState2[0],

+      setShowSuccess = _useState2[1];

+

+  var _useState3 = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useState"])(false),

+      _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),

+      showGuide = _useState4[0],

+      setShowGuide = _useState4[1];

+

+  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", {

</ins><span class="cx" style="display: block; padding: 0 10px">     className: "pattern-actions"

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", {

</ins><span class="cx" style="display: block; padding: 0 10px">     className: "pattern-actions__container"

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_copy_pattern_button__WEBPACK_IMPORTED_MODULE_1__["default"], {

-    onSuccess: () => setShowSuccess(true)

-  }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_favorite_button__WEBPACK_IMPORTED_MODULE_2__["default"], {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_copy_pattern_button__WEBPACK_IMPORTED_MODULE_2__["default"], {

+    onSuccess: function onSuccess() {

+      return setShowSuccess(true);

+    }

+  }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_favorite_button__WEBPACK_IMPORTED_MODULE_3__["default"], {

</ins><span class="cx" style="display: block; padding: 0 10px">     patternId: postId

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }), showSuccess && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_copy_success_message__WEBPACK_IMPORTED_MODULE_3__["default"], {

-    onClick: () => setShowGuide(true)

-  }), showGuide && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_copy_guide__WEBPACK_IMPORTED_MODULE_4__["default"], {

-    onFinish: () => setShowGuide(false)

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }), showSuccess && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_copy_success_message__WEBPACK_IMPORTED_MODULE_4__["default"], {

+    onClick: function onClick() {

+      return setShowGuide(true);

+    }

+  }), showGuide && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_copy_guide__WEBPACK_IMPORTED_MODULE_5__["default"], {

+    onFinish: function onFinish() {

+      return setShowGuide(false);

+    }

</ins><span class="cx" style="display: block; padding: 0 10px">   })));

</span><span class="cx" style="display: block; padding: 0 10px"> };

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11659,10 +12206,9 @@

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function Canvas({

-  html

-}) {

-  const style = {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function Canvas(_ref) {

+  var html = _ref.html;

+  var style = {

</ins><span class="cx" style="display: block; padding: 0 10px">     width: '100%',

</span><span class="cx" style="display: block; padding: 0 10px">     height: '50vh',

</span><span class="cx" style="display: block; padding: 0 10px">     minHeight: '600px',

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11694,14 +12240,17 @@

</span><span class="cx" style="display: block; padding: 0 10px"> __webpack_require__.r(__webpack_exports__);

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "../../../../node_modules/@babel/runtime/helpers/extends.js");

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);

-/* harmony import */ var react_use_gesture__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-use-gesture */ "../../../../node_modules/react-use-gesture/dist/reactusegesture.esm.js");

-/* harmony import */ var _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/keycodes */ "@wordpress/keycodes");

-/* harmony import */ var _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_keycodes__WEBPACK_IMPORTED_MODULE_3__);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "../../../../node_modules/@babel/runtime/helpers/objectWithoutProperties.js");

+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__);

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);

+/* harmony import */ var react_use_gesture__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-use-gesture */ "../../../../node_modules/react-use-gesture/dist/reactusegesture.esm.js");

+/* harmony import */ var _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/keycodes */ "@wordpress/keycodes");

+/* harmony import */ var _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_keycodes__WEBPACK_IMPORTED_MODULE_4__);

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+

</ins><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="cx" style="display: block; padding: 0 10px">  * External dependencies

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11712,39 +12261,37 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function DragHandle({

-  label,

-  className,

-  onDragChange,

-  direction = 'left',

-  ...props

-}) {

-  const dragGestures = Object(react_use_gesture__WEBPACK_IMPORTED_MODULE_2__["useDrag"])(({

-    delta,

-    dragging

-  }) => {

-    const multiplier = direction === 'left' ? -2 : 2;

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function DragHandle(_ref) {

+  var label = _ref.label,

+      className = _ref.className,

+      onDragChange = _ref.onDragChange,

+      _ref$direction = _ref.direction,

+      direction = _ref$direction === void 0 ? 'left' : _ref$direction,

+      props = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_ref, ["label", "className", "onDragChange", "direction"]);

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var dragGestures = Object(react_use_gesture__WEBPACK_IMPORTED_MODULE_3__["useDrag"])(function (_ref2) {

+    var delta = _ref2.delta,

+        dragging = _ref2.dragging;

+    var multiplier = direction === 'left' ? -2 : 2;

+

</ins><span class="cx" style="display: block; padding: 0 10px">     if (dragging) {

</span><span class="cx" style="display: block; padding: 0 10px">       onDragChange(delta[0] * multiplier);

</span><span class="cx" style="display: block; padding: 0 10px">     }

</span><span class="cx" style="display: block; padding: 0 10px">   });

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const onKeyDown = event => {

-    const {

-      keyCode

-    } = event;

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var onKeyDown = function onKeyDown(event) {

+    var keyCode = event.keyCode;

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    if (direction === 'left' && keyCode === _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_3__["LEFT"] || direction === 'right' && keyCode === _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_3__["RIGHT"]) {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    if (direction === 'left' && keyCode === _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_4__["LEFT"] || direction === 'right' && keyCode === _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_4__["RIGHT"]) {

</ins><span class="cx" style="display: block; padding: 0 10px">       onDragChange(20);

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    } else if (direction === 'left' && keyCode === _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_3__["RIGHT"] || direction === 'right' && keyCode === _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_3__["LEFT"]) {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    } else if (direction === 'left' && keyCode === _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_4__["RIGHT"] || direction === 'right' && keyCode === _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_4__["LEFT"]) {

</ins><span class="cx" style="display: block; padding: 0 10px">       onDragChange(-20);

</span><span class="cx" style="display: block; padding: 0 10px">     }

</span><span class="cx" style="display: block; padding: 0 10px">   };

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", {

-    className: `pattern-preview__drag-handle ${className}`

-  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("button", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", {

+    className: "pattern-preview__drag-handle ".concat(className)

+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("button", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({

</ins><span class="cx" style="display: block; padding: 0 10px">     className: "pattern-preview__drag-handle-button",

</span><span class="cx" style="display: block; padding: 0 10px">     "aria-label": label

</span><span class="cx" style="display: block; padding: 0 10px">   }, props, {

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11765,18 +12312,24 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> "use strict";

</span><span class="cx" style="display: block; padding: 0 10px"> __webpack_require__.r(__webpack_exports__);

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);

-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");

-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);

-/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose");

-/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__);

-/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");

-/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__);

-/* harmony import */ var _canvas__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./canvas */ "./src/components/pattern-preview/canvas.js");

-/* harmony import */ var _drag_handle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./drag-handle */ "./src/components/pattern-preview/drag-handle.js");

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../../../../node_modules/@babel/runtime/helpers/toConsumableArray.js");

+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__);

+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../../node_modules/@babel/runtime/helpers/slicedToArray.js");

+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);

+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");

+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);

+/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose");

+/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_4__);

+/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");

+/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__);

+/* harmony import */ var _canvas__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./canvas */ "./src/components/pattern-preview/canvas.js");

+/* harmony import */ var _drag_handle__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./drag-handle */ "./src/components/pattern-preview/drag-handle.js");

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+

+

</ins><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="cx" style="display: block; padding: 0 10px">  * WordPress dependencies

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11792,18 +12345,26 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /* eslint-disable jsx-a11y/anchor-is-valid -- These are just placeholders. */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const INITIAL_WIDTH = 960;

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var INITIAL_WIDTH = 960;

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function PatternPreview({

-  blockContent

-}) {

-  const showViewportControl = Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__["useViewportMatch"])('mobile', '>=');

-  const showViewportControlDefault = Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__["useViewportMatch"])('large', '>=');

-  const showViewportControlLarge = Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__["useViewportMatch"])('wide', '>=');

-  const instanceId = Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__["useInstanceId"])(PatternPreview);

-  const [width, setWidth] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useState"])(window.innerWidth < INITIAL_WIDTH ? window.innerWidth : INITIAL_WIDTH);

-  const onDragChange = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useCallback"])(delta => setWidth(value => value + delta), [setWidth]);

-  const availableWidths = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useMemo"])(() => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function PatternPreview(_ref) {

+  var blockContent = _ref.blockContent;

+  var showViewportControl = Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_4__["useViewportMatch"])('mobile', '>=');

+  var showViewportControlDefault = Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_4__["useViewportMatch"])('large', '>=');

+  var showViewportControlLarge = Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_4__["useViewportMatch"])('wide', '>=');

+  var instanceId = Object(_wordpress_compose__WEBPACK_IMPORTED_MODULE_4__["useInstanceId"])(PatternPreview);

+

+  var _useState = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useState"])(window.innerWidth < INITIAL_WIDTH ? window.innerWidth : INITIAL_WIDTH),

+      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),

+      width = _useState2[0],

+      setWidth = _useState2[1];

+

+  var onDragChange = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useCallback"])(function (delta) {

+    return setWidth(function (value) {

+      return value + delta;

+    });

+  }, [setWidth]);

+  var availableWidths = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useMemo"])(function () {

</ins><span class="cx" style="display: block; padding: 0 10px">     // Less than 480 wide.

</span><span class="cx" style="display: block; padding: 0 10px">     if (!showViewportControl) {

</span><span class="cx" style="display: block; padding: 0 10px">       return [];

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11840,54 +12401,58 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">     return [{

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Medium (480px)', 'wporg-patterns'),

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Medium (480px)', 'wporg-patterns'),

</ins><span class="cx" style="display: block; padding: 0 10px">       value: 480

</span><span class="cx" style="display: block; padding: 0 10px">     }, {

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Narrow (320px)', 'wporg-patterns'),

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Narrow (320px)', 'wporg-patterns'),

</ins><span class="cx" style="display: block; padding: 0 10px">       value: 320

</span><span class="cx" style="display: block; padding: 0 10px">     }];

</span><span class="cx" style="display: block; padding: 0 10px">   }, [showViewportControl, showViewportControlDefault, showViewportControlLarge]);

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  let currentOpt = false;

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var currentOpt = false;

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  if (!availableWidths.some(opt => opt.value === width)) {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  if (!availableWidths.some(function (opt) {

+    return opt.value === width;

+  })) {

</ins><span class="cx" style="display: block; padding: 0 10px">     currentOpt = {

</span><span class="cx" style="display: block; padding: 0 10px">       /* translators: %s is the width in pixels, ex 600. */

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["sprintf"])(Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Current (%spx)', 'wporg-patterns'), width),

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["sprintf"])(Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Current (%spx)', 'wporg-patterns'), width),

</ins><span class="cx" style="display: block; padding: 0 10px">       value: width

</span><span class="cx" style="display: block; padding: 0 10px">     };

</span><span class="cx" style="display: block; padding: 0 10px">   }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", {

</ins><span class="cx" style="display: block; padding: 0 10px">     className: "pattern-preview__size-control"

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, showViewportControl && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["SelectControl"], {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, showViewportControl && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__["SelectControl"], {

</ins><span class="cx" style="display: block; padding: 0 10px">     hideLabelFromVision: true,

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Preview Width', 'wporg-patterns'),

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Preview Width', 'wporg-patterns'),

</ins><span class="cx" style="display: block; padding: 0 10px">     value: width,

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    options: currentOpt ? [currentOpt, ...availableWidths] : availableWidths,

-    onChange: value => setWidth(Number(value))

-  })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    options: currentOpt ? [currentOpt].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(availableWidths)) : availableWidths,

+    onChange: function onChange(value) {

+      return setWidth(Number(value));

+    }

+  })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])("div", {

</ins><span class="cx" style="display: block; padding: 0 10px">     className: "pattern-preview__viewport",

</span><span class="cx" style="display: block; padding: 0 10px">     style: {

</span><span class="cx" style="display: block; padding: 0 10px">       width: width + 40

</span><span class="cx" style="display: block; padding: 0 10px">     }

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_drag_handle__WEBPACK_IMPORTED_MODULE_5__["default"], {

-    label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Drag to resize', 'wporg-patterns'),

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_drag_handle__WEBPACK_IMPORTED_MODULE_7__["default"], {

+    label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Drag to resize', 'wporg-patterns'),

</ins><span class="cx" style="display: block; padding: 0 10px">     className: "is-left",

</span><span class="cx" style="display: block; padding: 0 10px">     onDragChange: onDragChange,

</span><span class="cx" style="display: block; padding: 0 10px">     direction: "left",

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    "aria-describedby": `pattern-preview__resize-help-${instanceId}`

-  }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_canvas__WEBPACK_IMPORTED_MODULE_4__["default"], {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    "aria-describedby": "pattern-preview__resize-help-".concat(instanceId)

+  }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_canvas__WEBPACK_IMPORTED_MODULE_6__["default"], {

</ins><span class="cx" style="display: block; padding: 0 10px">     html: blockContent

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_drag_handle__WEBPACK_IMPORTED_MODULE_5__["default"], {

-    label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Drag to resize', 'wporg-patterns'),

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_drag_handle__WEBPACK_IMPORTED_MODULE_7__["default"], {

+    label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Drag to resize', 'wporg-patterns'),

</ins><span class="cx" style="display: block; padding: 0 10px">     className: "is-right",

</span><span class="cx" style="display: block; padding: 0 10px">     onDragChange: onDragChange,

</span><span class="cx" style="display: block; padding: 0 10px">     direction: "right",

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    "aria-describedby": `pattern-preview__resize-help-${instanceId}`

-  }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["VisuallyHidden"], {

-    id: `pattern-preview__resize-help-${instanceId}`,

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    "aria-describedby": "pattern-preview__resize-help-".concat(instanceId)

+  }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__["VisuallyHidden"], {

+    id: "pattern-preview__resize-help-".concat(instanceId),

</ins><span class="cx" style="display: block; padding: 0 10px">     className: "pattern-preview__resize-help"

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Use left and right arrow keys to resize the preview.', 'wporg-patterns'))));

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Use left and right arrow keys to resize the preview.', 'wporg-patterns'))));

</ins><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony default export */ __webpack_exports__["default"] = (PatternPreview);

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11903,11 +12468,14 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> "use strict";

</span><span class="cx" style="display: block; padding: 0 10px"> __webpack_require__.r(__webpack_exports__);

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);

-/* harmony import */ var _iframe__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../iframe */ "./src/components/iframe/index.js");

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../../node_modules/@babel/runtime/helpers/slicedToArray.js");

+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);

+/* harmony import */ var _iframe__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../iframe */ "./src/components/iframe/index.js");

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+

</ins><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="cx" style="display: block; padding: 0 10px">  * WordPress dependencies

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11917,17 +12485,25 @@

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const VIEWPORT_WIDTH = 800;

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var VIEWPORT_WIDTH = 800;

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function PatternThumbnail({

-  className,

-  html

-}) {

-  const wrapperRef = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useRef"])();

-  const [frameHeight, setFrameHeight] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useState"])('100%');

-  const [frameScale, setFrameScale] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useState"])(0.3125);

-  Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {

-    const handleOnResize = () => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function PatternThumbnail(_ref) {

+  var className = _ref.className,

+      html = _ref.html;

+  var wrapperRef = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useRef"])();

+

+  var _useState = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useState"])('100%'),

+      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),

+      frameHeight = _useState2[0],

+      setFrameHeight = _useState2[1];

+

+  var _useState3 = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useState"])(0.3125),

+      _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),

+      frameScale = _useState4[0],

+      setFrameScale = _useState4[1];

+

+  Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () {

+    var handleOnResize = function handleOnResize() {

</ins><span class="cx" style="display: block; padding: 0 10px">       try {

</span><span class="cx" style="display: block; padding: 0 10px">         setFrameHeight(wrapperRef.current.clientWidth * 1);

</span><span class="cx" style="display: block; padding: 0 10px">         setFrameScale(wrapperRef.current.clientWidth / VIEWPORT_WIDTH);

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11937,20 +12513,20 @@

<span class="cx" style="display: block; padding: 0 10px">     handleOnResize(); // eslint-disable-next-line @wordpress/no-global-event-listener -- This is a global event.

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">     window.addEventListener('resize', handleOnResize);

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    return () => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    return function () {

</ins><span class="cx" style="display: block; padding: 0 10px">       window.addEventListener('resize', handleOnResize); // eslint-disable-line @wordpress/no-global-event-listener -- See above.

</span><span class="cx" style="display: block; padding: 0 10px">     };

</span><span class="cx" style="display: block; padding: 0 10px">   }, []);

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const style = {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var style = {

</ins><span class="cx" style="display: block; padding: 0 10px">     border: 'none',

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    width: `${VIEWPORT_WIDTH}px`,

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    width: "".concat(VIEWPORT_WIDTH, "px"),

</ins><span class="cx" style="display: block; padding: 0 10px">     maxWidth: 'none',

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    height: `${VIEWPORT_WIDTH}px`,

-    transform: `scale(${frameScale})`,

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    height: "".concat(VIEWPORT_WIDTH, "px"),

+    transform: "scale(".concat(frameScale, ")"),

</ins><span class="cx" style="display: block; padding: 0 10px">     transformOrigin: 'top left',

</span><span class="cx" style="display: block; padding: 0 10px">     pointerEvents: 'none'

</span><span class="cx" style="display: block; padding: 0 10px">   };

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", {

</ins><span class="cx" style="display: block; padding: 0 10px">     className: className,

</span><span class="cx" style="display: block; padding: 0 10px">     ref: wrapperRef,

</span><span class="cx" style="display: block; padding: 0 10px">     style: {

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11957,11 +12533,11 @@

</span><span class="cx" style="display: block; padding: 0 10px">       height: frameHeight

</span><span class="cx" style="display: block; padding: 0 10px">     },

</span><span class="cx" style="display: block; padding: 0 10px">     tabIndex: "-1"

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_iframe__WEBPACK_IMPORTED_MODULE_1__["default"], {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_iframe__WEBPACK_IMPORTED_MODULE_2__["default"], {

</ins><span class="cx" style="display: block; padding: 0 10px">     className: "pattern-grid__preview-iframe",

</span><span class="cx" style="display: block; padding: 0 10px">     style: style,

</span><span class="cx" style="display: block; padding: 0 10px">     headHTML: window.__editorStyles.html

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", {

</ins><span class="cx" style="display: block; padding: 0 10px">     dangerouslySetInnerHTML: {

</span><span class="cx" style="display: block; padding: 0 10px">       __html: html

</span><span class="cx" style="display: block; padding: 0 10px">     }

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12002,9 +12578,8 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function PatternThumbnail({

-  pattern

-}) {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function PatternThumbnail(_ref) {

+  var pattern = _ref.pattern;

</ins><span class="cx" style="display: block; padding: 0 10px">   return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

</span><span class="cx" style="display: block; padding: 0 10px">     className: "pattern-grid__pattern"

</span><span class="cx" style="display: block; padding: 0 10px">   }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("a", {

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12055,12 +12630,11 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const Pattern = ({

-  content,

-  postId,

-  userHasReported,

-  loggedIn

-}) => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var Pattern = function Pattern(_ref) {

+  var content = _ref.content,

+      postId = _ref.postId,

+      userHasReported = _ref.userHasReported,

+      loggedIn = _ref.loggedIn;

</ins><span class="cx" style="display: block; padding: 0 10px">   // postId as passed from the HTML dataset is a string.

</span><span class="cx" style="display: block; padding: 0 10px">   postId = Number(postId) || 0;

</span><span class="cx" style="display: block; padding: 0 10px">   return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_preview_actions__WEBPACK_IMPORTED_MODULE_2__["default"], {

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12114,8 +12688,10 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const Patterns = () => {

-  const query = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__["useSelect"])(select => select(_store__WEBPACK_IMPORTED_MODULE_6__["store"]).getCurrentQuery());

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var Patterns = function Patterns() {

+  var query = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__["useSelect"])(function (select) {

+    return select(_store__WEBPACK_IMPORTED_MODULE_6__["store"]).getCurrentQuery();

+  });

</ins><span class="cx" style="display: block; padding: 0 10px">   return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_hooks__WEBPACK_IMPORTED_MODULE_5__["RouteProvider"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_query_monitor__WEBPACK_IMPORTED_MODULE_4__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_grid_menu__WEBPACK_IMPORTED_MODULE_3__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_grid__WEBPACK_IMPORTED_MODULE_2__["default"], {

</span><span class="cx" style="display: block; padding: 0 10px">     query: query

</span><span class="cx" style="display: block; padding: 0 10px">   }));

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12165,25 +12741,27 @@

</span><span class="cx" style="display: block; padding: 0 10px">     path

</span><span class="cx" style="display: block; padding: 0 10px">   } = Object(_hooks__WEBPACK_IMPORTED_MODULE_4__["useRoute"])();

</span><span class="cx" style="display: block; padding: 0 10px">   const query = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__["useSelect"])(select => {

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    const {

-      getCategoryBySlug,

-      hasLoadedCategories

-    } = select(_store__WEBPACK_IMPORTED_MODULE_3__["store"]); // We need categories loaded before building the query

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    let _query = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_2__["getQueryArgs"])(path);

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    if (!hasLoadedCategories()) {

-      return;

-    }

-

</del><span class="cx" style="display: block; padding: 0 10px">     const categorySlug = Object(_utils__WEBPACK_IMPORTED_MODULE_5__["getCategoryFromPath"])(path);

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    const category = getCategoryBySlug(categorySlug); // Default to {} if empty

</del><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    const queryStrings = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_2__["getQueryArgs"])(path);

-    let _query = queryStrings; // If we have a category and it's not the default category

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    if (categorySlug) {

+      const {

+        getCategoryBySlug,

+        hasLoadedCategories

+      } = select(_store__WEBPACK_IMPORTED_MODULE_3__["store"]);

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    if (category && category.id !== -1) {

-      _query = { ..._query,

-        'pattern-categories': category.id

-      };

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      if (!hasLoadedCategories()) {

+        return;

+      }

+

+      const category = getCategoryBySlug(categorySlug);

+

+      if (category && category.id !== -1) {

+        _query = { ..._query,

+          'pattern-categories': category.id

+        };

+      }

</ins><span class="cx" style="display: block; padding: 0 10px">     }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">     const page = Object(_utils__WEBPACK_IMPORTED_MODULE_5__["getPageFromPath"])(path);

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12192,6 +12770,12 @@

</span><span class="cx" style="display: block; padding: 0 10px">       _query.page = page;

</span><span class="cx" style="display: block; padding: 0 10px">     }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    const myPatternStatus = Object(_utils__WEBPACK_IMPORTED_MODULE_5__["getValueFromPath"])(path, 'my-patterns');

+

+    if (myPatternStatus && 'page' !== myPatternStatus) {

+      _query.status = myPatternStatus;

+    }

+

</ins><span class="cx" style="display: block; padding: 0 10px">     return _query;

</span><span class="cx" style="display: block; padding: 0 10px">   }, [path]);

</span><span class="cx" style="display: block; padding: 0 10px">   const {

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12295,23 +12879,26 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> "use strict";

</span><span class="cx" style="display: block; padding: 0 10px"> __webpack_require__.r(__webpack_exports__);

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);

-/* harmony import */ var _wordpress_a11y__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/a11y */ "@wordpress/a11y");

-/* harmony import */ var _wordpress_a11y__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_a11y__WEBPACK_IMPORTED_MODULE_1__);

-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");

-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);

-/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");

-/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__);

-/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");

-/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__);

-/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");

-/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_5__);

-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");

-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_6__);

-/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../store */ "./src/store/index.js");

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../../node_modules/@babel/runtime/helpers/slicedToArray.js");

+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);

+/* harmony import */ var _wordpress_a11y__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/a11y */ "@wordpress/a11y");

+/* harmony import */ var _wordpress_a11y__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_a11y__WEBPACK_IMPORTED_MODULE_2__);

+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");

+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);

+/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");

+/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__);

+/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");

+/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__);

+/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");

+/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_6__);

+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");

+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_7__);

+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../store */ "./src/store/index.js");

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+

</ins><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="cx" style="display: block; padding: 0 10px">  * WordPress dependencies

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12328,7 +12915,7 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const reducer = (state, action) => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var reducer = function reducer(state, action) {

</ins><span class="cx" style="display: block; padding: 0 10px">   switch (action.status) {

</span><span class="cx" style="display: block; padding: 0 10px">     case 'submitting':

</span><span class="cx" style="display: block; padding: 0 10px">       return {

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12351,29 +12938,40 @@

</span><span class="cx" style="display: block; padding: 0 10px">   }

</span><span class="cx" style="display: block; padding: 0 10px"> };

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const ReportPatternModal = ({

-  postId,

-  onClose

-}) => {

-  const [state, dispatch] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useReducer"])(reducer, {});

-  const [selectedOption, setOption] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useState"])('');

-  const [details, setDetails] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useState"])('');

-  const container = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useRef"])();

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var ReportPatternModal = function ReportPatternModal(_ref) {

+  var postId = _ref.postId,

+      onClose = _ref.onClose;

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const submittedText = Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Your report has been submitted.', 'wporg-patterns');

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var _useReducer = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useReducer"])(reducer, {}),

+      _useReducer2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useReducer, 2),

+      state = _useReducer2[0],

+      dispatch = _useReducer2[1];

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const {

-    isLoading,

-    mappedReasons

-  } = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__["useSelect"])(select => {

-    const {

-      getPatternFlagReasons,

-      isLoadingPatternFlagReasons

-    } = select(_store__WEBPACK_IMPORTED_MODULE_7__["store"]);

-    const reasons = getPatternFlagReasons() || [];

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var _useState = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useState"])(''),

+      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),

+      selectedOption = _useState2[0],

+      setOption = _useState2[1];

+

+  var _useState3 = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useState"])(''),

+      _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),

+      details = _useState4[0],

+      setDetails = _useState4[1];

+

+  var container = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useRef"])();

+

+  var submittedText = Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Your report has been submitted.', 'wporg-patterns');

+

+  var _useSelect = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__["useSelect"])(function (select) {

+    var _select = select(_store__WEBPACK_IMPORTED_MODULE_8__["store"]),

+        getPatternFlagReasons = _select.getPatternFlagReasons,

+        isLoadingPatternFlagReasons = _select.isLoadingPatternFlagReasons;

+

+    var reasons = getPatternFlagReasons() || [];

</ins><span class="cx" style="display: block; padding: 0 10px">     return {

</span><span class="cx" style="display: block; padding: 0 10px">       isLoading: isLoadingPatternFlagReasons(),

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      mappedReasons: reasons.sort((a, b) => a.id - b.id).map(i => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      mappedReasons: reasons.sort(function (a, b) {

+        return a.id - b.id;

+      }).map(function (i) {

</ins><span class="cx" style="display: block; padding: 0 10px">         // We need to convert id to string to make the RadioControl match the selected item.

</span><span class="cx" style="display: block; padding: 0 10px">         return {

</span><span class="cx" style="display: block; padding: 0 10px">           label: i.name,

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12381,9 +12979,11 @@

</span><span class="cx" style="display: block; padding: 0 10px">         };

</span><span class="cx" style="display: block; padding: 0 10px">       })

</span><span class="cx" style="display: block; padding: 0 10px">     };

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  });

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }),

+      isLoading = _useSelect.isLoading,

+      mappedReasons = _useSelect.mappedReasons;

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const handleSubmit = event => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var handleSubmit = function handleSubmit(event) {

</ins><span class="cx" style="display: block; padding: 0 10px">     event.preventDefault();

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">     if (!selectedOption || !details.length || state.isSubmitted || state.isSubmitting) {

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12393,8 +12993,8 @@

</span><span class="cx" style="display: block; padding: 0 10px">     dispatch({

</span><span class="cx" style="display: block; padding: 0 10px">       status: 'submitting'

</span><span class="cx" style="display: block; padding: 0 10px">     });

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_5___default()({

-      path: Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_6__["addQueryArgs"])('/wp/v2/wporg-pattern-flag'),

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_6___default()({

+      path: Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_7__["addQueryArgs"])('/wp/v2/wporg-pattern-flag'),

</ins><span class="cx" style="display: block; padding: 0 10px">       method: 'POST',

</span><span class="cx" style="display: block; padding: 0 10px">       data: {

</span><span class="cx" style="display: block; padding: 0 10px">         parent: postId,

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12401,71 +13001,71 @@

</span><span class="cx" style="display: block; padding: 0 10px">         'wporg-pattern-flag-reason': selectedOption,

</span><span class="cx" style="display: block; padding: 0 10px">         excerpt: details

</span><span class="cx" style="display: block; padding: 0 10px">       }

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    }).then(() => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    }).then(function () {

</ins><span class="cx" style="display: block; padding: 0 10px">       dispatch({

</span><span class="cx" style="display: block; padding: 0 10px">         status: 'submitted'

</span><span class="cx" style="display: block; padding: 0 10px">       });

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      Object(_wordpress_a11y__WEBPACK_IMPORTED_MODULE_1__["speak"])(submittedText);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      Object(_wordpress_a11y__WEBPACK_IMPORTED_MODULE_2__["speak"])(submittedText);

</ins><span class="cx" style="display: block; padding: 0 10px">       container.current.closest('[role="dialog"]').focus();

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    }).catch(err => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    }).catch(function (err) {

</ins><span class="cx" style="display: block; padding: 0 10px">       dispatch({

</span><span class="cx" style="display: block; padding: 0 10px">         status: 'error',

</span><span class="cx" style="display: block; padding: 0 10px">         message: err.message

</span><span class="cx" style="display: block; padding: 0 10px">       });

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      Object(_wordpress_a11y__WEBPACK_IMPORTED_MODULE_1__["speak"])(Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["sprintf"])(

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      Object(_wordpress_a11y__WEBPACK_IMPORTED_MODULE_2__["speak"])(Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["sprintf"])(

</ins><span class="cx" style="display: block; padding: 0 10px">       /* translators: %s: Error message. */

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Error: %s', 'wporg-patterns'), err.message));

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Error: %s', 'wporg-patterns'), err.message));

</ins><span class="cx" style="display: block; padding: 0 10px">     });

</span><span class="cx" style="display: block; padding: 0 10px">   };

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const handleClose = () => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var handleClose = function handleClose() {

</ins><span class="cx" style="display: block; padding: 0 10px">     onClose(state.isSubmitted);

</span><span class="cx" style="display: block; padding: 0 10px">   };

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const renderView = () => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var renderView = function renderView() {

</ins><span class="cx" style="display: block; padding: 0 10px">     if (isLoading) {

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Spinner"], null);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__["Spinner"], null);

</ins><span class="cx" style="display: block; padding: 0 10px">     }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">     if (state.isSubmitted) {

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("p", {

</ins><span class="cx" style="display: block; padding: 0 10px">         className: "pattern-report-modal__copy"

</span><span class="cx" style="display: block; padding: 0 10px">       }, submittedText);

</span><span class="cx" style="display: block; padding: 0 10px">     }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("form", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("form", {

</ins><span class="cx" style="display: block; padding: 0 10px">       onSubmit: handleSubmit

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["RadioControl"], {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__["RadioControl"], {

</ins><span class="cx" style="display: block; padding: 0 10px">       className: "pattern-report-modal__radio",

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-      label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Please choose a reason:', 'wporg-patterns'),

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+      label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Please choose a reason:', 'wporg-patterns'),

</ins><span class="cx" style="display: block; padding: 0 10px">       selected: selectedOption,

</span><span class="cx" style="display: block; padding: 0 10px">       options: mappedReasons,

</span><span class="cx" style="display: block; padding: 0 10px">       onChange: setOption,

</span><span class="cx" style="display: block; padding: 0 10px">       required: true

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["TextareaControl"], {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__["TextareaControl"], {

</ins><span class="cx" style="display: block; padding: 0 10px">       label: "Please provide details (required)",

</span><span class="cx" style="display: block; padding: 0 10px">       value: details,

</span><span class="cx" style="display: block; padding: 0 10px">       onChange: setDetails,

</span><span class="cx" style="display: block; padding: 0 10px">       required: true

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    }), state.hasError && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    }), state.hasError && Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", {

</ins><span class="cx" style="display: block; padding: 0 10px">       className: "notice notice-large notice-alt notice-error"

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    }, state.message), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    }, state.message), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", {

</ins><span class="cx" style="display: block; padding: 0 10px">       className: "pattern-report-modal__actions"

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__["Button"], {

</ins><span class="cx" style="display: block; padding: 0 10px">       isSecondary: true,

</span><span class="cx" style="display: block; padding: 0 10px">       onClick: handleClose

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    }, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Cancel', 'wporg-patterns')), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Button"], {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    }, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Cancel', 'wporg-patterns')), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__["Button"], {

</ins><span class="cx" style="display: block; padding: 0 10px">       type: "submit",

</span><span class="cx" style="display: block; padding: 0 10px">       isBusy: state.isSubmitting,

</span><span class="cx" style="display: block; padding: 0 10px">       isPrimary: true

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    }, state.isSubmitting ? Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Submitting …', 'wporg-patterns') : Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Report', 'wporg-patterns'))));

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    }, state.isSubmitting ? Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Submitting …', 'wporg-patterns') : Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Report', 'wporg-patterns'))));

</ins><span class="cx" style="display: block; padding: 0 10px">   };

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__["Modal"], {

-    className: `pattern-report-modal ${!state.isSubmitted ? 'pattern-report-modal__has-fixed-height' : ''}`,

-    title: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('Report this pattern', 'wporg-patterns'),

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__["Modal"], {

+    className: "pattern-report-modal ".concat(!state.isSubmitted ? 'pattern-report-modal__has-fixed-height' : ''),

+    title: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__["__"])('Report this pattern', 'wporg-patterns'),

</ins><span class="cx" style="display: block; padding: 0 10px">     onRequestClose: handleClose

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])("div", {

</ins><span class="cx" style="display: block; padding: 0 10px">     ref: container

</span><span class="cx" style="display: block; padding: 0 10px">   }, renderView()));

</span><span class="cx" style="display: block; padding: 0 10px"> };

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12575,13 +13175,23 @@

</span><span class="cx" style="display: block; padding: 0 10px"> __webpack_require__.r(__webpack_exports__);

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RouteProvider", function() { return RouteProvider; });

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useRoute", function() { return useRoute; });

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

-/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);

-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");

-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_1__);

-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils/index.js");

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../../node_modules/@babel/runtime/helpers/defineProperty.js");

+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);

+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../../node_modules/@babel/runtime/helpers/slicedToArray.js");

+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");

+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);

+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");

+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_3__);

+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils/index.js");

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+

+

+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

+

+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

+

</ins><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="cx" style="display: block; padding: 0 10px">  * WordPress dependencies

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12592,11 +13202,14 @@

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const StateContext = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createContext"])();

-function RouteProvider({

-  children

-}) {

-  const [path, setPath] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useState"])(Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_1__["getPathAndQueryString"])(window.location.href));

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var StateContext = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createContext"])();

+function RouteProvider(_ref) {

+  var children = _ref.children;

+

+  var _useState = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useState"])(Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_3__["getPathAndQueryString"])(window.location.href)),

+      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),

+      path = _useState2[0],

+      setPath = _useState2[1];

</ins><span class="cx" style="display: block; padding: 0 10px">   /**

<span class="cx" style="display: block; padding: 0 10px">    * Combines query strings from the current path and the new path for arguments with values.

</span><span class="cx" style="display: block; padding: 0 10px">    *

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12604,14 +13217,15 @@

</span><span class="cx" style="display: block; padding: 0 10px">    * @return {Object} Query strings as an object

</span><span class="cx" style="display: block; padding: 0 10px">    */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const mergeQueryStrings = newPath => {

-    const currentQueryStrings = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_1__["getQueryArgs"])(path);

-    const newQueryStrings = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_1__["getQueryArgs"])(newPath);

-    const combined = { ...currentQueryStrings,

-      ...newQueryStrings

-    }; // remove empty query strings

</del><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    return Object(_utils__WEBPACK_IMPORTED_MODULE_2__["removeEmptyArgs"])(combined);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var mergeQueryStrings = function mergeQueryStrings(newPath) {

+    var currentQueryStrings = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_3__["getQueryArgs"])(path);

+    var newQueryStrings = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_3__["getQueryArgs"])(newPath);

+

+    var combined = _objectSpread(_objectSpread({}, currentQueryStrings), newQueryStrings); // remove empty query strings

+

+

+    return Object(_utils__WEBPACK_IMPORTED_MODULE_4__["removeEmptyArgs"])(combined);

</ins><span class="cx" style="display: block; padding: 0 10px">   };

</span><span class="cx" style="display: block; padding: 0 10px">   /**

<span class="cx" style="display: block; padding: 0 10px">    * Combines the current and new path's query strings and updates the browser's url.

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12620,13 +13234,13 @@

</span><span class="cx" style="display: block; padding: 0 10px">    */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const _pushState = newPath => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var _pushState = function _pushState(newPath) {

</ins><span class="cx" style="display: block; padding: 0 10px">     // Merge the existing and new query strings.

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    const newQueryStrings = mergeQueryStrings(newPath); // Remove the query strings from the path

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    var newQueryStrings = mergeQueryStrings(newPath); // Remove the query strings from the path

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    const pathOnly = Object(_utils__WEBPACK_IMPORTED_MODULE_2__["removeQueryString"])(newPath); // Rebuild the full path

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    var pathOnly = Object(_utils__WEBPACK_IMPORTED_MODULE_4__["removeQueryString"])(newPath); // Rebuild the full path

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    const rebuiltPath = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_1__["addQueryArgs"])(pathOnly, newQueryStrings);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    var rebuiltPath = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_3__["addQueryArgs"])(pathOnly, newQueryStrings);

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">     _replaceState(rebuiltPath);

</span><span class="cx" style="display: block; padding: 0 10px">   };

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12637,12 +13251,12 @@

</span><span class="cx" style="display: block; padding: 0 10px">    */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const _replaceState = newPath => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var _replaceState = function _replaceState(newPath) {

</ins><span class="cx" style="display: block; padding: 0 10px">     window.history.pushState('', '', newPath);

</span><span class="cx" style="display: block; padding: 0 10px">     setPath(newPath);

</span><span class="cx" style="display: block; padding: 0 10px">   };

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(StateContext.Provider, {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["createElement"])(StateContext.Provider, {

</ins><span class="cx" style="display: block; padding: 0 10px">     value: {

</span><span class="cx" style="display: block; padding: 0 10px">       path: path,

</span><span class="cx" style="display: block; padding: 0 10px">       update: _pushState,

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12651,7 +13265,7 @@

</span><span class="cx" style="display: block; padding: 0 10px">   }, children);

</span><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> function useRoute() {

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const context = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useContext"])(StateContext);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var context = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["useContext"])(StateContext);

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">   if (context === undefined) {

</span><span class="cx" style="display: block; padding: 0 10px">     throw new Error('useRoute must be used within a Provider');

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12677,6 +13291,7 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony import */ var _components_pattern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/pattern */ "./src/components/pattern/index.js");

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony import */ var _components_patterns__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/patterns */ "./src/components/patterns/index.js");

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _components_my_patterns__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/my-patterns */ "./src/components/my-patterns/index.js");

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12689,9 +13304,10 @@

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+

</ins><span class="cx" style="display: block; padding: 0 10px">  // Load the grid into the awaiting preview container.

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const gridContainer = document.getElementById('patterns__container');

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var gridContainer = document.getElementById('patterns__container');

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> if (gridContainer) {

</span><span class="cx" style="display: block; padding: 0 10px">   Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["render"])(Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_components_patterns__WEBPACK_IMPORTED_MODULE_3__["default"], null), gridContainer);

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12698,18 +13314,29 @@

<span class="cx" style="display: block; padding: 0 10px"> } // Load the preview into any awaiting preview container.

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const previewContainers = document.querySelectorAll('.pattern-preview__container');

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var myGridContainer = document.getElementById('my-patterns__container');

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-for (let i = 0; i < previewContainers.length; i++) {

-  const container = previewContainers[i];

-  const blockContent = JSON.parse(decodeURIComponent(container.innerText));

-  const props = container.dataset;

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+if (myGridContainer) {

+  Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["render"])(Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_components_my_patterns__WEBPACK_IMPORTED_MODULE_4__["default"], null), myGridContainer);

+} // Load the preview into any awaiting preview container.

+

+

+var previewContainers = document.querySelectorAll('.pattern-preview__container');

+

+var _loop = function _loop(i) {

+  var container = previewContainers[i];

+  var blockContent = JSON.parse(decodeURIComponent(container.innerText));

+  var props = container.dataset;

</ins><span class="cx" style="display: block; padding: 0 10px">   Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["render"])(Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(_components_pattern__WEBPACK_IMPORTED_MODULE_2__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, props, {

</span><span class="cx" style="display: block; padding: 0 10px">     content: blockContent

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  })), container, () => {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  })), container, function () {

</ins><span class="cx" style="display: block; padding: 0 10px">     // This callback is called after the render to unhide the container.

</span><span class="cx" style="display: block; padding: 0 10px">     container.hidden = false;

</span><span class="cx" style="display: block; padding: 0 10px">   });

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+};

+

+for (var i = 0; i < previewContainers.length; i++) {

+  _loop(i);

</ins><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12734,8 +13361,15 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "loadFavorites", function() { return loadFavorites; });

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addFavorite", function() { return addFavorite; });

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeFavorite", function() { return removeFavorite; });

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _wordpress_data_controls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/data-controls */ "@wordpress/data-controls");

-/* harmony import */ var _wordpress_data_controls__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_0__);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "@babel/runtime/regenerator");

+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);

+/* harmony import */ var _wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/data-controls */ "@wordpress/data-controls");

+/* harmony import */ var _wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1__);

+

+

+var _marked = /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(addFavorite),

+    _marked2 = /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(removeFavorite);

+

</ins><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="cx" style="display: block; padding: 0 10px">  * WordPress dependencies

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12767,12 +13401,11 @@

<span class="cx" style="display: block; padding: 0 10px">  * @return {Object} Action object.

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function loadPatterns(query, {

-  page,

-  patterns,

-  total,

-  totalPages

-}) {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function loadPatterns(query, _ref) {

+  var page = _ref.page,

+      patterns = _ref.patterns,

+      total = _ref.total,

+      totalPages = _ref.totalPages;

</ins><span class="cx" style="display: block; padding: 0 10px">   return {

</span><span class="cx" style="display: block; padding: 0 10px">     type: 'LOAD_BLOCK_PATTERNS',

</span><span class="cx" style="display: block; padding: 0 10px">     query: query,

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12793,10 +13426,9 @@

<span class="cx" style="display: block; padding: 0 10px">  * @return {Object} Action object.

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function setErrorPatterns(query, {

-  page,

-  error

-}) {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function setErrorPatterns(query, _ref2) {

+  var page = _ref2.page,

+      error = _ref2.error;

</ins><span class="cx" style="display: block; padding: 0 10px">   return {

</span><span class="cx" style="display: block; padding: 0 10px">     type: 'ERROR_BLOCK_PATTERNS',

</span><span class="cx" style="display: block; padding: 0 10px">     query: query,

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12887,21 +13519,40 @@

<span class="cx" style="display: block; padding: 0 10px">  * @return {Object} Action object.

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function* addFavorite(patternId) {

-  const success = yield Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_0__["apiFetch"])({

-    path: '/wporg/v1/pattern-favorites',

-    method: 'POST',

-    data: {

-      id: patternId

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function addFavorite(patternId) {

+  var success;

+  return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function addFavorite$(_context) {

+    while (1) {

+      switch (_context.prev = _context.next) {

+        case 0:

+          _context.next = 2;

+          return Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1__["apiFetch"])({

+            path: '/wporg/v1/pattern-favorites',

+            method: 'POST',

+            data: {

+              id: patternId

+            }

+          });

+

+        case 2:

+          success = _context.sent;

+

+          if (!(success === true)) {

+            _context.next = 5;

+            break;

+          }

+

+          return _context.abrupt("return", {

+            type: 'ADD_FAVORITE',

+            patternId: patternId

+          });

+

+        case 5:

+        case "end":

+          return _context.stop();

+      }

</ins><span class="cx" style="display: block; padding: 0 10px">     }

<del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }); // Silently discarding any errors.

-

-  if (success === true) {

-    return {

-      type: 'ADD_FAVORITE',

-      patternId: patternId

-    };

-  }

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, _marked);

</ins><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> /**

<span class="cx" style="display: block; padding: 0 10px">  * Get the action object to unfavorite a pattern.

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12911,21 +13562,40 @@

<span class="cx" style="display: block; padding: 0 10px">  * @return {Object} Action object.

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function* removeFavorite(patternId) {

-  const success = yield Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_0__["apiFetch"])({

-    path: '/wporg/v1/pattern-favorites',

-    method: 'DELETE',

-    data: {

-      id: patternId

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function removeFavorite(patternId) {

+  var success;

+  return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function removeFavorite$(_context2) {

+    while (1) {

+      switch (_context2.prev = _context2.next) {

+        case 0:

+          _context2.next = 2;

+          return Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1__["apiFetch"])({

+            path: '/wporg/v1/pattern-favorites',

+            method: 'DELETE',

+            data: {

+              id: patternId

+            }

+          });

+

+        case 2:

+          success = _context2.sent;

+

+          if (!(success === true)) {

+            _context2.next = 5;

+            break;

+          }

+

+          return _context2.abrupt("return", {

+            type: 'REMOVE_FAVORITE',

+            patternId: patternId

+          });

+

+        case 5:

+        case "end":

+          return _context2.stop();

+      }

</ins><span class="cx" style="display: block; padding: 0 10px">     }

<del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  }); // Silently discarding any errors.

-

-  if (success === true) {

-    return {

-      type: 'REMOVE_FAVORITE',

-      patternId: patternId

-    };

-  }

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  }, _marked2);

</ins><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12965,7 +13635,7 @@

</span><span class="cx" style="display: block; padding: 0 10px">  * Module Constants

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const STORE_NAME = 'wporg/pattern-directory';

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var STORE_NAME = 'wporg/pattern-directory';

</ins><span class="cx" style="display: block; padding: 0 10px"> /**

<span class="cx" style="display: block; padding: 0 10px">  * Store definition for the block directory namespace.

</span><span class="cx" style="display: block; padding: 0 10px">  *

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12974,7 +13644,7 @@

</span><span class="cx" style="display: block; padding: 0 10px">  * @type {Object}

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const store = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_0__["createReduxStore"])(STORE_NAME, {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var store = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_0__["createReduxStore"])(STORE_NAME, {

</ins><span class="cx" style="display: block; padding: 0 10px">   reducer: _reducer__WEBPACK_IMPORTED_MODULE_3__["default"],

</span><span class="cx" style="display: block; padding: 0 10px">   selectors: _selectors__WEBPACK_IMPORTED_MODULE_5__,

</span><span class="cx" style="display: block; padding: 0 10px">   actions: _actions__WEBPACK_IMPORTED_MODULE_2__,

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13188,12 +13858,24 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCategories", function() { return getCategories; });

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPatternFlagReasons", function() { return getPatternFlagReasons; });

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFavorites", function() { return getFavorites; });

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");

-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_0__);

-/* harmony import */ var _wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/data-controls */ "@wordpress/data-controls");

-/* harmony import */ var _wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1__);

-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./actions */ "./src/store/actions.js");

-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/store/utils.js");

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "@babel/runtime/regenerator");

+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);

+/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../../../../node_modules/@babel/runtime/helpers/asyncToGenerator.js");

+/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__);

+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");

+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_2__);

+/* harmony import */ var _wordpress_data_controls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/data-controls */ "@wordpress/data-controls");

+/* harmony import */ var _wordpress_data_controls__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_3__);

+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./actions */ "./src/store/actions.js");

+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils */ "./src/store/utils.js");

+

+

+

+var _marked = /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(getPatternsByQuery),

+    _marked2 = /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(getCategories),

+    _marked3 = /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(getPatternFlagReasons),

+    _marked4 = /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(getFavorites);

+

</ins><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="cx" style="display: block; padding: 0 10px">  * WordPress dependencies

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13207,84 +13889,246 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-async function parseResponse(response) {

-  try {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function parseResponse(_x) {

+  return _parseResponse.apply(this, arguments);

+}

+

+function _parseResponse() {

+  _parseResponse = _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1___default()( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee(response) {

</ins><span class="cx" style="display: block; padding: 0 10px">     var _response$headers, _response$headers2;

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    return {

-      total: Number(((_response$headers = response.headers) === null || _response$headers === void 0 ? void 0 : _response$headers.get('X-WP-Total')) || 0),

-      totalPages: Number(((_response$headers2 = response.headers) === null || _response$headers2 === void 0 ? void 0 : _response$headers2.get('X-WP-TotalPages')) || 0),

-      results: await response.json()

-    };

-  } catch (error) {

-    return {};

-  }

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context5) {

+      while (1) {

+        switch (_context5.prev = _context5.next) {

+          case 0:

+            _context5.prev = 0;

+            _context5.t0 = Number(((_response$headers = response.headers) === null || _response$headers === void 0 ? void 0 : _response$headers.get('X-WP-Total')) || 0);

+            _context5.t1 = Number(((_response$headers2 = response.headers) === null || _response$headers2 === void 0 ? void 0 : _response$headers2.get('X-WP-TotalPages')) || 0);

+            _context5.next = 5;

+            return response.json();

+

+          case 5:

+            _context5.t2 = _context5.sent;

+            return _context5.abrupt("return", {

+              total: _context5.t0,

+              totalPages: _context5.t1,

+              results: _context5.t2

+            });

+

+          case 9:

+            _context5.prev = 9;

+            _context5.t3 = _context5["catch"](0);

+            return _context5.abrupt("return", {});

+

+          case 12:

+          case "end":

+            return _context5.stop();

+        }

+      }

+    }, _callee, null, [[0, 9]]);

+  }));

+  return _parseResponse.apply(this, arguments);

</ins><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-async function parseError(response) {

-  try {

-    return await response.json();

-  } catch (error) {

-    return {};

-  }

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function parseError(_x2) {

+  return _parseError.apply(this, arguments);

</ins><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function* getPatternsByQuery(query) {

-  const queryString = Object(_utils__WEBPACK_IMPORTED_MODULE_3__["getQueryString"])(query);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function _parseError() {

+  _parseError = _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1___default()( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(response) {

+    return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context6) {

+      while (1) {

+        switch (_context6.prev = _context6.next) {

+          case 0:

+            _context6.prev = 0;

+            _context6.next = 3;

+            return response.json();

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  try {

-    yield Object(_actions__WEBPACK_IMPORTED_MODULE_2__["fetchPatterns"])(queryString);

-    const response = yield Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1__["apiFetch"])({

-      path: Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_0__["addQueryArgs"])('/wp/v2/wporg-pattern', query),

-      parse: false

-    });

-    const {

-      total,

-      totalPages,

-      results

-    } = yield Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1__["__unstableAwaitPromise"])(parseResponse(response));

-    yield Object(_actions__WEBPACK_IMPORTED_MODULE_2__["loadPatterns"])(queryString, {

-      page: query.page || 1,

-      patterns: results,

-      total: total,

-      totalPages: totalPages

-    });

-  } catch (error) {

-    const parsedError = yield Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1__["__unstableAwaitPromise"])(parseError(error)); // @todo Do something with this error message.

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+          case 3:

+            return _context6.abrupt("return", _context6.sent);

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    yield Object(_actions__WEBPACK_IMPORTED_MODULE_2__["setErrorPatterns"])(queryString, {

-      page: query.page || 1,

-      error: parsedError

-    });

-  }

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+          case 6:

+            _context6.prev = 6;

+            _context6.t0 = _context6["catch"](0);

+            return _context6.abrupt("return", {});

+

+          case 9:

+          case "end":

+            return _context6.stop();

+        }

+      }

+    }, _callee2, null, [[0, 6]]);

+  }));

+  return _parseError.apply(this, arguments);

</ins><span class="cx" style="display: block; padding: 0 10px"> }

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function* getCategories() {

-  try {

-    yield Object(_actions__WEBPACK_IMPORTED_MODULE_2__["fetchCategories"])();

-    const results = yield Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1__["apiFetch"])({

-      path: Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_0__["addQueryArgs"])('/wp/v2/pattern-categories')

-    });

-    yield Object(_actions__WEBPACK_IMPORTED_MODULE_2__["loadCategories"])(results);

-  } catch (error) {}

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+

+function getPatternsByQuery(query) {

+  var queryString, response, _yield$__unstableAwai, total, totalPages, results, parsedError;

+

+  return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function getPatternsByQuery$(_context) {

+    while (1) {

+      switch (_context.prev = _context.next) {

+        case 0:

+          queryString = Object(_utils__WEBPACK_IMPORTED_MODULE_5__["getQueryString"])(query);

+          _context.prev = 1;

+          _context.next = 4;

+          return Object(_actions__WEBPACK_IMPORTED_MODULE_4__["fetchPatterns"])(queryString);

+

+        case 4:

+          _context.next = 6;

+          return Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_3__["apiFetch"])({

+            path: Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_2__["addQueryArgs"])('/wp/v2/wporg-pattern', query),

+            parse: false

+          });

+

+        case 6:

+          response = _context.sent;

+          _context.next = 9;

+          return Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_3__["__unstableAwaitPromise"])(parseResponse(response));

+

+        case 9:

+          _yield$__unstableAwai = _context.sent;

+          total = _yield$__unstableAwai.total;

+          totalPages = _yield$__unstableAwai.totalPages;

+          results = _yield$__unstableAwai.results;

+          _context.next = 15;

+          return Object(_actions__WEBPACK_IMPORTED_MODULE_4__["loadPatterns"])(queryString, {

+            page: query.page || 1,

+            patterns: results,

+            total: total,

+            totalPages: totalPages

+          });

+

+        case 15:

+          _context.next = 24;

+          break;

+

+        case 17:

+          _context.prev = 17;

+          _context.t0 = _context["catch"](1);

+          _context.next = 21;

+          return Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_3__["__unstableAwaitPromise"])(parseError(_context.t0));

+

+        case 21:

+          parsedError = _context.sent;

+          _context.next = 24;

+          return Object(_actions__WEBPACK_IMPORTED_MODULE_4__["setErrorPatterns"])(queryString, {

+            page: query.page || 1,

+            error: parsedError

+          });

+

+        case 24:

+        case "end":

+          return _context.stop();

+      }

+    }

+  }, _marked, null, [[1, 17]]);

</ins><span class="cx" style="display: block; padding: 0 10px"> }

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function* getPatternFlagReasons() {

-  try {

-    yield Object(_actions__WEBPACK_IMPORTED_MODULE_2__["fetchPatternFlagReasons"])();

-    const results = yield Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1__["apiFetch"])({

-      path: Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_0__["addQueryArgs"])('/wp/v2/wporg-pattern-flag-reason')

-    });

-    yield Object(_actions__WEBPACK_IMPORTED_MODULE_2__["loadPatternFlagReasons"])(results);

-  } catch (error) {}

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function getCategories() {

+  var results;

+  return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function getCategories$(_context2) {

+    while (1) {

+      switch (_context2.prev = _context2.next) {

+        case 0:

+          _context2.prev = 0;

+          _context2.next = 3;

+          return Object(_actions__WEBPACK_IMPORTED_MODULE_4__["fetchCategories"])();

+

+        case 3:

+          _context2.next = 5;

+          return Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_3__["apiFetch"])({

+            path: Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_2__["addQueryArgs"])('/wp/v2/pattern-categories')

+          });

+

+        case 5:

+          results = _context2.sent;

+          _context2.next = 8;

+          return Object(_actions__WEBPACK_IMPORTED_MODULE_4__["loadCategories"])(results);

+

+        case 8:

+          _context2.next = 12;

+          break;

+

+        case 10:

+          _context2.prev = 10;

+          _context2.t0 = _context2["catch"](0);

+

+        case 12:

+        case "end":

+          return _context2.stop();

+      }

+    }

+  }, _marked2, null, [[0, 10]]);

</ins><span class="cx" style="display: block; padding: 0 10px"> }

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function* getFavorites() {

-  try {

-    const results = yield Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_1__["apiFetch"])({

-      path: '/wporg/v1/pattern-favorites'

-    });

-    yield Object(_actions__WEBPACK_IMPORTED_MODULE_2__["loadFavorites"])(results);

-  } catch (error) {}

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function getPatternFlagReasons() {

+  var results;

+  return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function getPatternFlagReasons$(_context3) {

+    while (1) {

+      switch (_context3.prev = _context3.next) {

+        case 0:

+          _context3.prev = 0;

+          _context3.next = 3;

+          return Object(_actions__WEBPACK_IMPORTED_MODULE_4__["fetchPatternFlagReasons"])();

+

+        case 3:

+          _context3.next = 5;

+          return Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_3__["apiFetch"])({

+            path: Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_2__["addQueryArgs"])('/wp/v2/wporg-pattern-flag-reason')

+          });

+

+        case 5:

+          results = _context3.sent;

+          _context3.next = 8;

+          return Object(_actions__WEBPACK_IMPORTED_MODULE_4__["loadPatternFlagReasons"])(results);

+

+        case 8:

+          _context3.next = 12;

+          break;

+

+        case 10:

+          _context3.prev = 10;

+          _context3.t0 = _context3["catch"](0);

+

+        case 12:

+        case "end":

+          return _context3.stop();

+      }

+    }

+  }, _marked3, null, [[0, 10]]);

</ins><span class="cx" style="display: block; padding: 0 10px"> }

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function getFavorites() {

+  var results;

+  return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function getFavorites$(_context4) {

+    while (1) {

+      switch (_context4.prev = _context4.next) {

+        case 0:

+          _context4.prev = 0;

+          _context4.next = 3;

+          return Object(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_3__["apiFetch"])({

+            path: '/wporg/v1/pattern-favorites'

+          });

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        case 3:

+          results = _context4.sent;

+          _context4.next = 6;

+          return Object(_actions__WEBPACK_IMPORTED_MODULE_4__["loadFavorites"])(results);

+

+        case 6:

+          _context4.next = 10;

+          break;

+

+        case 8:

+          _context4.prev = 8;

+          _context4.t0 = _context4["catch"](0);

+

+        case 10:

+        case "end":

+          return _context4.stop();

+      }

+    }

+  }, _marked4, null, [[0, 8]]);

+}

+

</ins><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ "./src/store/selectors.js":

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13311,7 +14155,11 @@

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isLoadingPatternFlagReasons", function() { return isLoadingPatternFlagReasons; });

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFavorites", function() { return getFavorites; });

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isFavorite", function() { return isFavorite; });

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ "./src/store/utils.js");

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../../node_modules/@babel/runtime/helpers/slicedToArray.js");

+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);

+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ "./src/store/utils.js");

+

+

</ins><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="cx" style="display: block; padding: 0 10px">  * Internal dependencies

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13328,8 +14176,8 @@

</span><span class="cx" style="display: block; padding: 0 10px"> function isLoadingPatternsByQuery(state, query) {

</span><span class="cx" style="display: block; padding: 0 10px">   var _state$patterns$queri, _state$patterns$queri2;

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const queryString = Object(_utils__WEBPACK_IMPORTED_MODULE_0__["getQueryString"])(query);

-  const page = (query === null || query === void 0 ? void 0 : query.page) || 1;

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var queryString = Object(_utils__WEBPACK_IMPORTED_MODULE_1__["getQueryString"])(query);

+  var page = (query === null || query === void 0 ? void 0 : query.page) || 1;

</ins><span class="cx" style="display: block; padding: 0 10px">   return !Array.isArray((_state$patterns$queri = state.patterns.queries) === null || _state$patterns$queri === void 0 ? void 0 : (_state$patterns$queri2 = _state$patterns$queri[queryString]) === null || _state$patterns$queri2 === void 0 ? void 0 : _state$patterns$queri2[page]);

</span><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13355,10 +14203,12 @@

</span><span class="cx" style="display: block; padding: 0 10px"> function getPatternsByQuery(state, query) {

</span><span class="cx" style="display: block; padding: 0 10px">   var _state$patterns$queri3, _state$patterns$queri4;

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const queryString = Object(_utils__WEBPACK_IMPORTED_MODULE_0__["getQueryString"])(query);

-  const page = (query === null || query === void 0 ? void 0 : query.page) || 1;

-  const patternIds = (_state$patterns$queri3 = state.patterns.queries) === null || _state$patterns$queri3 === void 0 ? void 0 : (_state$patterns$queri4 = _state$patterns$queri3[queryString]) === null || _state$patterns$queri4 === void 0 ? void 0 : _state$patterns$queri4[page];

-  return (patternIds || []).map(id => state.patterns.byId[id]);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var queryString = Object(_utils__WEBPACK_IMPORTED_MODULE_1__["getQueryString"])(query);

+  var page = (query === null || query === void 0 ? void 0 : query.page) || 1;

+  var patternIds = (_state$patterns$queri3 = state.patterns.queries) === null || _state$patterns$queri3 === void 0 ? void 0 : (_state$patterns$queri4 = _state$patterns$queri3[queryString]) === null || _state$patterns$queri4 === void 0 ? void 0 : _state$patterns$queri4[page];

+  return (patternIds || []).map(function (id) {

+    return state.patterns.byId[id];

+  });

</ins><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> /**

<span class="cx" style="display: block; padding: 0 10px">  * Get the count of all patterns for a given query.

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13372,7 +14222,7 @@

</span><span class="cx" style="display: block; padding: 0 10px"> function getPatternTotalsByQuery(state, query) {

</span><span class="cx" style="display: block; padding: 0 10px">   var _state$patterns$queri5, _state$patterns$queri6;

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const queryString = Object(_utils__WEBPACK_IMPORTED_MODULE_0__["getQueryString"])(query);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var queryString = Object(_utils__WEBPACK_IMPORTED_MODULE_1__["getQueryString"])(query);

</ins><span class="cx" style="display: block; padding: 0 10px">   return ((_state$patterns$queri5 = state.patterns.queries) === null || _state$patterns$queri5 === void 0 ? void 0 : (_state$patterns$queri6 = _state$patterns$queri5[queryString]) === null || _state$patterns$queri6 === void 0 ? void 0 : _state$patterns$queri6.total) || 0;

</span><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13387,7 +14237,7 @@

</span><span class="cx" style="display: block; padding: 0 10px"> function getPatternTotalPagesByQuery(state, query) {

</span><span class="cx" style="display: block; padding: 0 10px">   var _state$patterns$queri7, _state$patterns$queri8;

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const queryString = Object(_utils__WEBPACK_IMPORTED_MODULE_0__["getQueryString"])(query);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var queryString = Object(_utils__WEBPACK_IMPORTED_MODULE_1__["getQueryString"])(query);

</ins><span class="cx" style="display: block; padding: 0 10px">   return ((_state$patterns$queri7 = state.patterns.queries) === null || _state$patterns$queri7 === void 0 ? void 0 : (_state$patterns$queri8 = _state$patterns$queri7[queryString]) === null || _state$patterns$queri8 === void 0 ? void 0 : _state$patterns$queri8.totalPages) || 0;

</span><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13460,7 +14310,12 @@

</span><span class="cx" style="display: block; padding: 0 10px">     return;

</span><span class="cx" style="display: block; padding: 0 10px">   }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const [cat] = state.categories.filter(i => i.slug === slug);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var _state$categories$fil = state.categories.filter(function (i) {

+    return i.slug === slug;

+  }),

+      _state$categories$fil2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_state$categories$fil, 1),

+      cat = _state$categories$fil2[0];

+

</ins><span class="cx" style="display: block; padding: 0 10px">   return cat;

</span><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13522,10 +14377,14 @@

</span><span class="cx" style="display: block; padding: 0 10px"> __webpack_require__.r(__webpack_exports__);

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getQueryString", function() { return getQueryString; });

</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getAllCategory", function() { return getAllCategory; });

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");

-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_0__);

-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");

-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../../node_modules/@babel/runtime/helpers/defineProperty.js");

+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);

+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");

+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_1__);

+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");

+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);

+

+

</ins><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="cx" style="display: block; padding: 0 10px">  * WordPress dependencies

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13541,14 +14400,15 @@

<span class="cx" style="display: block; padding: 0 10px">  * @return {string} A string which can be used to key the patterns state.

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function getQueryString(query = {}) {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function getQueryString() {

+  var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

</ins><span class="cx" style="display: block; padding: 0 10px">   // Ensure stable key by sorting keys. Also more efficient for iterating.

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const keys = Object.keys(query).sort();

-  let stableKey = '';

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var keys = Object.keys(query).sort();

+  var stableKey = '';

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  for (let i = 0; i < keys.length; i++) {

-    const key = keys[i];

-    let value = query[key];

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  for (var i = 0; i < keys.length; i++) {

+    var key = keys[i];

+    var value = query[key];

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">     if (Array.isArray(value)) {

</span><span class="cx" style="display: block; padding: 0 10px">       value = query[key].join();

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13562,9 +14422,7 @@

</span><span class="cx" style="display: block; padding: 0 10px">         break;

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">       default:

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        stableKey += (stableKey ? '&' : '') + Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_0__["addQueryArgs"])('', {

-          [key]: value

-        }).slice(1);

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        stableKey += (stableKey ? '&' : '') + Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_1__["addQueryArgs"])('', _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, key, value)).slice(1);

</ins><span class="cx" style="display: block; padding: 0 10px">     }

</span><span class="cx" style="display: block; padding: 0 10px">   }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13584,7 +14442,7 @@

</span><span class="cx" style="display: block; padding: 0 10px">     id: -1,

</span><span class="cx" style="display: block; padding: 0 10px">     slug: '',

</span><span class="cx" style="display: block; padding: 0 10px">     // Slug matches url

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('All', 'wporg-patterns'),

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('All', 'wporg-patterns'),

</ins><span class="cx" style="display: block; padding: 0 10px">     link: wporgSiteUrl

</span><span class="cx" style="display: block; padding: 0 10px">   };

</span><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13607,8 +14465,8 @@

</span><span class="cx" style="display: block; padding: 0 10px">  * @param {string} stringToCopy A string that will be copied to the clipboard

</span><span class="cx" style="display: block; padding: 0 10px">  * @return {boolean} Whether the copy function succeeded

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const copyToClipboard = stringToCopy => {

-  const element = document.createElement('textarea'); // We don't want the text area to be selected since it's temporary.

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var copyToClipboard = function copyToClipboard(stringToCopy) {

+  var element = document.createElement('textarea'); // We don't want the text area to be selected since it's temporary.

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">   element.setAttribute('readonly', ''); // We don't want screen readers to read the content since it's pattern markup

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13619,7 +14477,7 @@

</span><span class="cx" style="display: block; padding: 0 10px">   element.value = stringToCopy;

</span><span class="cx" style="display: block; padding: 0 10px">   document.body.appendChild(element);

</span><span class="cx" style="display: block; padding: 0 10px">   element.select();

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  const success = document.execCommand('copy');

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  var success = document.execCommand('copy');

</ins><span class="cx" style="display: block; padding: 0 10px">   document.body.removeChild(element);

</span><span class="cx" style="display: block; padding: 0 10px">   return success;

</span><span class="cx" style="display: block; padding: 0 10px"> };

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13848,6 +14706,17 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /***/ }),

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/***/ "@babel/runtime/regenerator":

+/*!*************************************!*\

+  !*** external "regeneratorRuntime" ***!

+  \*************************************/

+/*! no static exports found */

+/***/ (function(module, exports) {

+

+(function() { module.exports = window["regeneratorRuntime"]; }());

+

+/***/ }),

+

</ins><span class="cx" style="display: block; padding: 0 10px"> /***/ "@wordpress/a11y":

</span><span class="cx" style="display: block; padding: 0 10px"> /*!******************************!*\

</span><span class="cx" style="display: block; padding: 0 10px">   !*** external ["wp","a11y"] ***!

</span></span></pre></div>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscsscomponents_componentsscss"></a>

<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_components.scss</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_components.scss        2021-06-21 20:30:28 UTC (rev 11055)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_components.scss  2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -24,6 +24,7 @@

</span><span class="cx" style="display: block; padding: 0 10px"> @import "copy-button";

</span><span class="cx" style="display: block; padding: 0 10px"> @import "favorite-button";

</span><span class="cx" style="display: block; padding: 0 10px"> @import "main-navigation";

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "page-my-patterns";

</ins><span class="cx" style="display: block; padding: 0 10px"> @import "page";

</span><span class="cx" style="display: block; padding: 0 10px"> @import "pattern-grid-menu";

</span><span class="cx" style="display: block; padding: 0 10px"> @import "pattern-grid";

</span></span></pre></div>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscsscomponents_pagemypatternsscss"></a>

<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_page-my-patterns.scss</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_page-my-patterns.scss                          (rev 0)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_page-my-patterns.scss    2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,14 @@

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+body.page.my-patterns {

+       .entry-header {

+               margin: 2rem auto 1rem;

+               max-width: 960px;

+               display: flex;

+               align-items: center;

+

+               .entry-title {

+                       display: inline-block;

+                       margin: 0 2rem 0 0;

+                       line-height: 1.2;

+               }

+       }

+}

</ins></span></pre></div>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssobjects_buttonsscss"></a>

<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/objects/_buttons.scss</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/objects/_buttons.scss                              (rev 0)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/objects/_buttons.scss        2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,20 @@

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button.button-outline {

+       box-sizing: border-box;

+       padding: 0.25rem 1rem;

+       background: $color-white;

+       border: 1px solid color(gray-10);

+       border-radius: 2px;

+       box-shadow: none;

+       height: auto;

+       color: color(blue-50);

+       font-weight: 600;

+

+       &:hover {

+               border-color: color(blue-40);

+       }

+

+       &:focus {

+               border-color: color(blue-40);

+               box-shadow: 0 0 3px color(blue-20);

+       }

+}

</ins></span></pre></div>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssobjects_objectsscss"></a>

<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/objects/_objects.scss</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/objects/_objects.scss      2021-06-21 20:30:28 UTC (rev 11055)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/objects/_objects.scss        2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,3 +6,4 @@

</span><span class="cx" style="display: block; padding: 0 10px"> @import "../../../wporg/css/objects/inputs";

</span><span class="cx" style="display: block; padding: 0 10px"> @import "../../../wporg/css/objects/links";

</span><span class="cx" style="display: block; padding: 0 10px"> @import "../../../wporg/css/objects/notices";

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "buttons";

</ins></span></pre></div>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscsssettings_colorsscss"></a>

<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/settings/_colors.scss</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/settings/_colors.scss      2021-06-21 20:30:28 UTC (rev 11055)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/settings/_colors.scss        2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -29,21 +29,101 @@

</span><span class="cx" style="display: block; padding: 0 10px"> $color-gray-light-200: lighten($color-base-gray, 74%);

</span><span class="cx" style="display: block; padding: 0 10px"> $color-gray-light-100: lighten($color-base-gray, 77%);

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$color-error-red: #c92c2c;

-$color-alert-red: #d94f4f;

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// New WP 5.7+ Colors

+$colors: (

+       white: #fff,

+       black: #000,

+       gray-0: #f6f7f7,

+       gray-2: #f0f0f1,

+       gray-5: #dcdcde,

+       gray-10: #c3c4c7,

+       gray-20: #a7aaad,

+       gray-30: #8c8f94,

+       gray-40: #787c82,

+       gray-50: #646970,

+       gray-60: #50575e,

+       gray-70: #3c434a,

+       gray-80: #2c3338,

+       gray-90: #1d2327,

+       gray-100: #101517,

+       blue-0: #f0f6fc,

+       blue-5: #c5d9ed,

+       blue-10: #9ec2e6,

+       blue-20: #72aee6,

+       blue-30: #4f94d4,

+       blue-40: #3582c4,

+       blue-50: #2271b1,

+       blue-60: #135e96,

+       blue-70: #0a4b78,

+       blue-80: #043959,

+       blue-90: #01263a,

+       blue-100: #00131c,

+       red-0: #fcf0f1,

+       red-5: #facfd2,

+       red-10: #ffabaf,

+       red-20: #ff8085,

+       red-30: #f86368,

+       red-40: #e65054,

+       red-50: #d63638,

+       red-60: #b32d2e,

+       red-70: #8a2424,

+       red-80: #691c1c,

+       red-90: #451313,

+       red-100: #240a0a,

+       yellow-0: #fcf9e8,

+       yellow-5: #f5e6ab,

+       yellow-10: #f2d675,

+       yellow-20: #f0c33c,

+       yellow-30: #dba617,

+       yellow-40: #bd8600,

+       yellow-50: #996800,

+       yellow-60: #755100,

+       yellow-70: #614200,

+       yellow-80: #4a3200,

+       yellow-90: #362400,

+       yellow-100: #211600,

+       green-0: #edfaef,

+       green-5: #b8e6bf,

+       green-10: #68de7c,

+       green-20: #1ed14b,

+       green-30: #00ba37,

+       green-40: #00a32a,

+       green-50: #008a20,

+       green-60: #007017,

+       green-70: #005c12,

+       green-80: #00450c,

+       green-90: #003008,

+       green-100: #001c05

+);

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$color-black: #000;

-$color-white: #fff;

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Simple function to retreive colors in the $colors map.

+// e.g. `background-color: color(gray-50);`

+@function color($key) {

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$color-accent-blue-shade4: #006899;

-$color-accent-green-shade1: #399648;

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @if map-has-key($colors, $key) {

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                @return map-get($colors, $key);

+       }

+

+       @warn "Unknown `#{$key}` in $colors.";

+       @return null;

+}

+

+$color-error-red: color(red-50);

+$color-alert-red: color(red-40);

+

+$color-black: color(black); // stylelint-disable-line color-named

+$color-white: color(white); // stylelint-disable-line color-named

+

+$color-accent-blue-shade4: color(blue-60);

+$color-accent-green-shade1: color(green-60);

+

</ins><span class="cx" style="display: block; padding: 0 10px"> // Theme colors

</span><span class="cx" style="display: block; padding: 0 10px"> $color__background-input: $color-gray-light-200;

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$color__text: #555d66;

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$color__text: color(gray-60);

</ins><span class="cx" style="display: block; padding: 0 10px"> $color__text-darker: $color-gray-700;

</span><span class="cx" style="display: block; padding: 0 10px"> $color__text-lighter: $color-gray-300;

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$color__text-on-dark: #fff;

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$color__text-on-dark: $color-white;

</ins><span class="cx" style="display: block; padding: 0 10px"> $color__text-heading: $color-gray-400;

</span><span class="cx" style="display: block; padding: 0 10px"> $color__text-heading-darker: $color-gray-800;

</span><span class="cx" style="display: block; padding: 0 10px"> $color__link-button: $color-gray-500;

</span></span></pre></div>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssstylecss"></a>

<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style.css</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style.css  2021-06-21 20:30:28 UTC (rev 11055)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style.css    2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1 +1 @@

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@charset "UTF-8";[class*=col-]{margin:inherit}.row{display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width:768px){.row{flex-direction:column;flex-wrap:nowrap}}.row.gutters>.row{margin-left:-2%}@media (max-width:768px){.row.gutters>.row{margin-left:0}}.row.gutters>.row>[class*=col-]{margin-left:2%}@media (max-width:768px){.row.gutters>.row>[class*=col-]{margin-left:0}}.row.around{justify-content:space-around}.row.between{justify-content:space-between}.row.auto .col{flex-grow:1}.col-1{width:8.3333333333%}.offset-1{margin-left:8.3333333333%}.col-2{width:16.6666666667%}.offset-2{margin-left:16.6666666667%}.col-3{width:25%}.offset-3{margin-left:25%}.col-4{width:33.3333333333%}.offset-4{margin-left:33.3333333333%}.col-5{width:41.6666666667%}.offset-5{margin-left:41.6666666667%}.col-6{width:50%}.offset-6{margin-left:50%}.col-7{width:58.3333333333%}.offset-7{

 margin-left:58.3333333333%}.col-8{width:66.6666666667%}.offset-8{margin-left:66.6666666667%}.col-9{width:75%}.offset-9{margin-left:75%}.col-10{width:83.3333333333%}.offset-10{margin-left:83.3333333333%}.col-11{width:91.6666666667%}.offset-11{margin-left:91.6666666667%}.col-12{width:100%}.offset-12{margin-left:100%}.gutters>.col-1{width:6.33333%}.gutters>.col-1:nth-child(n+13){margin-top:2%}.gutters>.offset-1{margin-left:10.33333%!important}.gutters>.col-2{width:14.66667%}.gutters>.col-2:nth-child(n+7){margin-top:2%}.gutters>.offset-2{margin-left:18.66667%!important}.gutters>.col-3{width:23%}.gutters>.col-3:nth-child(n+5){margin-top:2%}.gutters>.offset-3{margin-left:27%!important}.gutters>.col-4{width:31.33333%}.gutters>.col-4:nth-child(n+4){margin-top:2%}.gutters>.offset-4{margin-left:35.33333%!important}.gutters>.col-5{width:39.66667%}.gutters>.offset-5{margin-left:43.66667%!important}.gutters>.col-6{width:48%}.gutters>.col-6:nth-chil

 d(n+3){margin-top:2%}.gutters>.offset-6{margin-left:52%!important}.gutters>.col-7{width:56.33333%}.gutters>.offset-7{margin-left:60.33333%!important}.gutters>.col-8{width:64.66667%}.gutters>.offset-8{margin-left:68.66667%!important}.gutters>.col-9{width:73%}.gutters>.offset-9{margin-left:77%!important}.gutters>.col-10{width:81.33333%}.gutters>.offset-10{margin-left:85.33333%!important}.gutters>.col-11{width:89.66667%}.gutters>.offset-11{margin-left:93.66667%!important}.gutters>.col-12{width:98%}.gutters>.offset-12{margin-left:102%!important}@media (max-width:768px){[class*=" offset-"],[class^=offset-]{margin-left:0}}.first{order:-1}.last{order:1}@media (max-width:768px){.row [class*=col-]{margin-left:0;width:100%}.row.gutters [class*=col-]{margin-bottom:16px}.first-sm{order:-1}.last-sm{order:1}}.gutters .column.push-left,.push-left{margin-right:auto}.gutters .column.push-right,.push-right{margin-left:auto}.gutters .column.push-center,

 .push-center{margin-left:auto;margin-right:auto}.gutters .column.push-middle,.push-middle{margin-bottom:auto;margin-top:auto}.push-bottom{margin-top:auto}@media (max-width:768px){.gutters .column.push-left-sm,.push-left-sm{margin-left:0}.gutters .column.push-center-sm,.push-center-sm{margin-left:auto;margin-right:auto}.push-top-sm{margin-top:0}}.align-middle{align-items:center}.align-right{justify-content:flex-end}.align-center{justify-content:center}@media (max-width:768px){.align-left-sm{justify-content:flex-start}}.float-right{float:right}.float-left{float:left}@media (max-width:768px){.float-left,.float-right{float:none}}.fixed{left:0;position:fixed;top:0;width:100%;z-index:100}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;he

 ight:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webki

 t-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}optgroup{font-weight:700}table{border-spacing:0}td,th{padding:0}p{margin:1rem 0}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5rem}address{margin:0 0 1.5rem}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6rem;max-width:100%;overflow:auto;padding:1.6rem}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"" ""}blockquote:af

 ter,blockquote:before,q:after,q:before{content:""}blockquote{border-left:2px solid #767676;color:#767676;margin:1rem 0;padding-left:.8rem}blockquote cite{font-size:.8rem}figure{margin:0}hr{background-color:#eee;border:0;height:2px;margin:5rem auto}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{clear:both;font-family:Open Sans,sans-serif;line-height:1.5;margin:2rem 0 1rem}.h1,h1{font-size:2.44140625rem}.h1,.h2,h1,h2{font-weight:300}.h2,h2{font-size:1.953125rem}.h3,h3{font-size:1.5625rem;font-weight:400}.h4,h4{color:#32373c;font-size:1.25rem;font-weight:600;padding:0}.h5,h5{font-size:1rem;letter-spacing:.01rem}.h5,.h6,h5,h6{font-weight:600;text-transform:uppercase}.h6,h6{font-size:.8rem;letter-spacing:.8px}a{color:#0073aa;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}li>a,p a{text-decoration:underline}li>a:hover,p a:hover{color:#d54e21}ol,ul{margin:0 0 1.5em 1.5em;padding:0}ul{list-style

 :square}ol{list-style:decimal}ol.unmarked-list,ul.unmarked-list{list-style:none;padding-left:0}li>ol,li>ul{margin-bottom:0}dt{font-weight:700}dd{margin:0 1.5em 1.5em}table{border:1px solid #eee;border-collapse:collapse;font-size:.8rem;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:.4rem;text-align:left;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}html{font-size:100%}body,button,input,select,textarea{color:#32373c;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}@media screen and (min-width:737px){html{font-size:1.125rem}}.custom-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 0L7 5L12 0L14 1L7 8L0 1L2 0Z" fill=&quo

 t;%23555D66"/%3E%3C/svg%3E%0A');background-position:right .7em top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #6c7782;border-radius:.5em;box-shadow:none;box-sizing:border-box;display:inline-block;font-size:1em;line-height:1.3;padding:.5rem 2rem .5rem .8rem;width:auto}.custom-select::-ms-expand{display:none}.custom-select:focus{box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.custom-select option{font-weight:400}html{font-size:1rem}@media screen and (min-width:737px){html{font-size:1rem}}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-in

 dex:100000}.site-content[tabindex="-1"]:focus{outline:0}.no-js .hide-if-no-js{display:none}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}@media screen and (max-width:480px){.alignleft,.alignright{display:block;float:none;margin-left:auto;margin-right:auto}}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{-webkit-appearance:none;border:1px solid;border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.8rem;height:1.5625rem;line-height:1;margin:0;padding:0 .8rem;text-decoration:none;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}.button-group.button-xl .button,.button.button-xl{font-size:1rem;height:2.44140625rem;line-height:1;padding:0 1.5rem}.button-grou

 p.button-large .button,.button.button-large{height:1.953125rem;line-height:1;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:.64rem;height:1.25rem;line-height:1;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:1.953125rem}.button-group.button-xl a.button,a.button.button-xl{line-height:2.44140625rem}.button-group.button-small a.button,a.button.button-small{line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#ccc;box-shadow:0 1px 0 #ccc;color:#555;vertical-align:top}p .button{vertical-align:baseline}.button-secondary:focus,.button-secondary:hover,.button.focus,.button.hover,.butt

 on:focus,.button:hover{background:#fafafa;border-color:#999;color:#23282d}.button-link:focus,.button-secondary:focus,.button.focus,.button:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.button-secondary:active,.button.active,.button.active:hover,.button:active{background:#eee;border-color:#999;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8)}.button-disabled,.button-secondary.disabled,.button-secondary:disabled,.button-secondary[disabled],.button.disabled,.button:disabled,.button[disabled]{background:#f7f7f7!important;border-color:#ddd!important;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link,input[type=submit].button-link{background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:0}.button-link:

 focus{outline:1px solid #5b9dd9}.button-primary,.download-button,.plugin-upload-form .button-primary{text-decoration:none;text-shadow:0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary.hover,.button-primary:focus,.button-primary:hover,.download-button.focus,.download-button.hover,.download-button:focus,.download-button:hover,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary.hover,.plugin-upload-form .button-primary:focus,.plugin-upload-form .button-primary:hover{background:#008ec2;border-color:#006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary:focus,.download-button.focus,.download-button:focus,.plugin-upload-fo

 rm .button-primary.focus,.plugin-upload-form .button-primary:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.button-primary.active,.button-primary.active:focus,.button-primary.active:hover,.button-primary:active,.download-button.active,.download-button.active:focus,.download-button.active:hover,.download-button:active,.plugin-upload-form .button-primary.active,.plugin-upload-form .button-primary.active:focus,.plugin-upload-form .button-primary.active:hover,.plugin-upload-form .button-primary:active{background:#0073aa;border-color:#006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.button-primary.disabled,.button-primary:disabled,.button-primary[disabled],.download-button.disabled,.download-button:disabled,.download-button[disabled],.plugin-upload-form .button-primary.disabled,.plugin-upload-form .button-primary:disabled,.plugin-upload-form .button-primary[disabled]{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66c6e4!impo

 rtant;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-primary.button.button-hero,.download-button.button.button-hero,.plugin-upload-form .button-primary.button.button-hero{box-shadow:0 2px 0 #006799}.button-primary.button.button-hero.active,.button-primary.button.button-hero.active:focus,.button-primary.button.button-hero.active:hover,.button-primary.button.button-hero:active,.download-button.button.button-hero.active,.download-button.button.button-hero.active:focus,.download-button.button.button-hero.active:hover,.download-button.button.button-hero:active,.plugin-upload-form .button-primary.button.button-hero.active,.plugin-upload-form .button-primary.button.button-hero.active:focus,.plugin-upload-form .button-primary.button.button-hero.active:hover,.plugin-upload-form .button-primary.button.button-hero:active{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66

 c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}.button-group>.button{border-radius:0;display:inline-block;margin-right:-1px;z-index:10}.button-group>.button-primary{z-index:100}.button-group>.button:hover{z-index:20}.button-group>.button:first-child{border-radius:3px 0 0 3px}.button-group>.button:last-child{border-radius:0 3px 3px 0}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.button,.button.button-large,.button.button-small,.plugin-upload-form .button-primary{font-size:14px;height:auto;line-height:normal;margin-bottom:4px;padding:6px 14px;vertical-align:middle}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.home-below:after,.home-below:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:

 before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.home-below:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{font-size:1.25rem}p.aside{font-size:.8rem}p.note{font-size:.64rem;letter-spacing:.01rem;max-width:18.1898940355rem}input,textarea{box-sizing:border-box}input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;outline:none;transition:border-color .05s ease-in-out}input[type=checkbox]:foc

 us,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:ltr}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{-webkit-appearance:none;background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 4px 0 0;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px}input[type=checkbox]:checked:before,input[type=radi

 o]:checked:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;float:left;font:normal 21px/1 dashicons;vertical-align:middle;width:16px}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}input[type=checkbox]:checked:before{color:#1e8cbe;content:"";margin:-3px 0 0 -4px}input[type=radio]{border-radius:50%;line-height:10px;margin-right:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"•";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input[type=search]{-webkit-appearance:te

 xtfield}input[type=search]::-webkit-search-decoration{display:none}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-moz-placeholder{color:#a9a9a9}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:hsla(0,0%,100%,.5);border-color:hsla(0,0%,87%,.75);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(51,51,51,.5)}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:none;box-shadow:none}input.large-text,textarea.

 large-text{width:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;width:50px}input[type=number].small-text{width:65px}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{height:9px;line-height:16px;margin:7px;vertical-align:middle;width:9px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{display:inline;margin:0 3px;max-width:55px;padding:3px 6

 px;width:auto}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:block}}a.button:active,a.button:focus,a.button:hover{text-decoration:none}.notice{background:#fff;border-left:4px solid #fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:1em 0;padding:1px 12px}.notice p{font-size:.8rem;margin:.5em 0;padding:2px}.notice.notice-alt{box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-left-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-left-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-left-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-left-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.error-404 .page-content,.error-404 .page-title{text-align:center}.error-404 .page-content .logo-swing{height:10rem;margin:6rem auto;position:relative;text-align:center

 ;width:10rem}.error-404 .page-content .logo-swing .wp-logo{left:0;max-width:none;position:absolute;top:0;width:10rem}@keyframes hinge{10%{height:180px;transform:rotate(0deg);width:180px}15%{height:185px;transform:rotate(0deg);width:185px}20%{height:180px;transform:rotate(5deg);width:180px}40%{animation-timing-function:ease-in-out;transform-origin:top left}60%{animation-timing-function:ease-in-out;transform:rotate(40deg);transform-origin:top left}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{opacity:0;transform:translate3d(0,700px,0)}}.hinge{animation-duration:2s;animation-name:hinge}.comments-area{margin-top:5em}.comments-area>:last-child{margin-bottom:0}.comments-area .comment-list+.comment-respond{border-top:1px solid #eaeaea}.comments-area .comment-list+.comment-respond,.comments-area .comment-navigation+.comment-respond{padding-top:1.6em}.comments-area .comments-title{margin-bottom:1.3333em}.comments-area .comment

 -list{list-style:none;margin:0}.comments-area .comment-list .pingback,.comments-area .comment-list .trackback,.comments-area .comment-list article{border-top:1px solid #eaeaea;padding:1.6em 0}.comments-area .comment-list article:not(:only-child){padding-bottom:0}.comments-area .comment-list article+.comment-respond{padding-bottom:1.6em}.comments-area .comment-list .children{list-style:none;margin:0}.comments-area .comment-list .children>li{padding-left:.8em}.comments-area .comment-list .alt{background:none}.comments-area .comment-author{color:#999;margin-bottom:.4em}.comments-area .comment-author .avatar{float:left;height:24px;margin-right:.8em;width:24px}.comments-area .comment-metadata,.comments-area .pingback .edit-link{color:#999;line-height:1.5}.comments-area .comment-metadata a,.comments-area .pingback .edit-link a{color:#777}.comments-area .comment-metadata{font-size:.8rem;margin-bottom:1.6em}.comments-area .comment-metadata .edit-link,.comments-area .pingback .edit-link{m

 argin-left:1em}.comments-area .pingback .edit-link:before{top:5px}.comments-area .comment-content ol,.comments-area .comment-content ul{margin:0 0 1.6em 1.3333em}.comments-area .comment-content>:last-child,.comments-area .comment-content li>ol,.comments-area .comment-content li>ul{margin-bottom:0}.comments-area .comment-content .reply{font-size:12px}.comments-area .comment-content .reply a{border:1px solid #eaeaea;color:#707070;display:inline-block;font-weight:700;line-height:1;margin-top:2em;padding:.4167em .8333em;text-transform:uppercase}.comments-area .comment-content .reply a:focus,.comments-area .comment-content .reply a:hover{border-color:#333;color:#333;outline:0}.comments-area .comment-reply-title a{font-weight:inherit}.comments-area .comment-form label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;line-height:1.5}.comments-area .comment-form input[type=email],.comments-area .comment-form input[type=text],.comments-area .comment-form input[type

 =url],.comments-area .comment-form textarea{width:100%}.comments-area .comment-awaiting-moderation,.comments-area .comment-notes,.comments-area .form-allowed-tags,.comments-area .logged-in-as{font-size:1rem;line-height:1.5;margin-bottom:2em}.comments-area .no-comments{border-top:1px solid #eaeaea;color:#999;font-weight:700;padding-top:1.6em}.comments-area .comment-navigation+.no-comments{border-top:0}.comments-area .form-allowed-tags code{font-family:Inconsolata,monospace}.comments-area .form-submit{margin-bottom:0}.comments-area .required{color:#c0392b}.entry-content{word-wrap:break-word;hyphens:auto}.entry-content>p:first-child{margin-top:0}.entry-content [class*=col-]~h1,.entry-content [class*=col-]~h2,.entry-content [class*=col-]~h3,.entry-content [class*=col-]~h4,.entry-content [class*=col-]~h5,.entry-content [class*=col-]~h6{clear:none}.entry-header{position:relative}.entry-header .sticky-post{color:#999;font-size:.8rem;font-style:italic;position:absolute;top:-.8rem}.entry-

 meta{color:#999;font-size:.8rem;margin-bottom:1rem}.entry-meta a{color:#777}.entry-meta>span{margin-right:1rem}.entry-meta>span :last-of-type{margin:0}.entry-meta .byline,.entry-meta .updated:not(.published),.sticky .entry-meta .posted-on{display:none}.group-blog .entry-meta .byline,.single .entry-meta .byline{display:inline}.entry-summary{word-wrap:break-word;hyphens:auto}body:not(.single):not(.search) .site-main .post{margin-bottom:3.0517578125rem;max-width:40em}.gallery{margin-bottom:1.5rem}.gallery .gallery-item{display:inline-block;margin:0;text-align:center;vertical-align:top;width:100%}.gallery.gallery-columns-2 .gallery-item{max-width:50%}.gallery.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery.gallery-columns-4 .gallery-item{max-width:25%}.gallery.gallery-columns-5 .gallery-item{max-width:20%}.gallery.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery.gallery-columns-8 .gallery-item{max-width:1

 2.5%}.gallery.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery .gallery-caption{display:block}.main-navigation{background:#0073aa;clear:both;left:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;left:-999em;position:absolute;top:1.5em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{left:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}.main-navigation li{border-top:1px solid hsla(0,0%,100%,.2);padding:1rem}.main-navigation a{color:hsla(0,0%,100%,.8);display:block;font-size:.8rem;text-decoration:none}.main-navigation a.active,.main-navigation a:hover{color:#fff}@media screen and (min-width:737px){.main-navigation a.active{border-bottom:1px solid}}.main-navigation.toggled{z-index:1}.main-

 navigation.toggled ul{display:block}.menu-toggle{background:transparent;border:none;color:#fff;height:3.5rem;position:absolute;right:1rem;top:-58px;width:3.5rem}.toggled .menu-toggle:before{content:""}@media screen and (min-width:737px){.menu-toggle{display:none}.main-navigation{float:right;position:static;width:auto}.main-navigation.toggled{padding:1px 0}.main-navigation ul{display:inline-block;font-size:0}.main-navigation ul li{border:0;display:inline-block;font-size:1rem;margin-right:1rem;padding:0}.main-navigation ul li:last-of-type{margin-right:0}}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}body.page .gutters .col-12{width:100%}body.page .entry-header{background:#0073aa;padding:1rem 0}body.page .entry-header .entry-title{color:#fff;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;padding:0 1.5625rem}body.page .entry-header.home{pad

 ding:1.5625rem 1.143rem;text-align:center}@media screen and (min-width:737px){body.page .site-header+.site-main .entry-title{padding:initial}}body.page .entry-content,body.page .entry-footer{margin:0 auto;max-width:960px;padding:3.0517578125rem 1.5625rem}.post-navigation{margin:5em auto;padding:0}.post-navigation a{border-bottom:1px solid #eaeaea;color:#444;display:block;font-weight:600;padding:11px 0 12px;text-transform:none;width:100%}.post-navigation a:hover{color:#21759b}.post-navigation .nav-links{word-wrap:break-word;border-top:1px solid #eaeaea;hyphens:auto}.post-navigation .meta-nav{color:#777;display:block;font-size:13px;line-height:2;text-transform:uppercase}.post-navigation .nav-next{text-align:right}.pagination .nav-links{text-align:center}.pagination .nav-links .page-numbers{background-color:#f9f9f9;cursor:hand;display:inline-block;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.dots,.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-n

 umbers.prev{background:none;font-size:.9em;width:auto}.pagination .nav-links .page-numbers.dots{cursor:inherit}@media screen and (max-width:737px){.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{font-size:0;min-width:auto;padding:0}.pagination .nav-links .page-numbers.next:after,.pagination .nav-links .page-numbers.prev:before{background-color:#f9f9f9;display:inline-block;font-size:1rem;line-height:1.5;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.prev:before{content:"‹"}.pagination .nav-links .page-numbers.next:after{content:"›"}}.pagination .nav-links span.page-numbers{background-color:#f7f7f7;font-weight:700}.search-form .search-field{line-height:normal;margin:0;padding:4px 5px;vertical-align:text-bottom}body.search .gutters .col-12{width:100%}body.search .site-main{margin:0 auto;max-width:960px;padding:0 1.5625rem 3.0517578125rem}.site-content{max-width:960px;padding:0 1.5625rem}@media screen and (min-w

 idth:737px){.site-content{padding:0 10px 3.0517578125rem}}@media screen and (max-width:737px){.site-content .site-main{float:none;margin:0;width:auto}}.home .site-content,.page .site-content,.site-content.page{margin:auto;max-width:none;padding:0}.site-content .page-title{font-size:1.25rem;font-weight:400}.site-content .no-results{margin:0 auto 3.0517578125rem;max-width:40em;padding:0 2rem}.site-description{color:hsla(0,0%,100%,.8);font-size:1.25rem;font-weight:300;margin:-.4rem auto 2rem;text-align:center}.site-header{background:#0073aa;padding:1rem 0;position:relative}.site-header .site-branding{margin:0 auto;max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-header .site-branding{padding:0 10px}}.site-header.home{padding:1.5625rem 1.143rem;text-align:center}.site-title{display:inline-block;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 2rem 0 0;max-width:none}.site-title a{color:#fff;font-weight:300}.site-title a:active,.site-title a:focus,.

 site-title a:hover{text-decoration:none}.site-header.home .site-title{display:inherit;font-size:3.8146972656rem;margin:2rem 0 1rem}.widget-area{font-size:.8rem}@media screen and (min-width:480px) and (max-width:768px){.widget-area{display:flex}.widget-area .widget{width:48%}}#wporg-footer{background-color:#f7f7f7;border-top:1px solid #dfdfdf;padding:22px 14px 65px}#wporg-footer,#wporg-footer .wrapper{clear:both;margin:0 auto;overflow:auto}#wporg-footer .wrapper{max-width:930px}#wporg-footer ul{float:left;margin-bottom:20px;margin-left:24px;overflow:auto;padding-left:0;width:135px}@media screen and (min-width:960px){#wporg-footer ul:first-child{margin-left:0}}#wporg-footer ul li{color:#bbb;font-size:14px;list-style-type:none;margin-bottom:1px}#wporg-footer ul li a{text-decoration:none;text-decoration-skip-ink:none}#wporg-footer ul li a:hover{color:#0073aa;text-decoration:underline}#wporg-footer .social-media-links .dashicons{margin-right:4px}#wporg-footer .cip{clear:both;color:#ccc;f

 loat:none;font-size:.8rem;letter-spacing:.3em;margin:35px auto 0;text-align:center;text-transform:uppercase}#wporg-footer .cip.cip-image{background:url(//s.w.org/style/images/codeispoetry.png?1=) 50% no-repeat;background-size:190px 15px;height:15px;text-indent:-9999px;width:190px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi){#wporg-footer .cip.cip-image{background-image:url(//s.w.org/style/images/codeispoetry-2x.png?1=)}}@media screen and (min-width:561px) and (max-width:959px){#wporg-footer .wrapper{max-width:600px}#wporg-footer ul{margin-left:2%;width:32%}#wporg-footer ul:nth-child(3n+1){margin-left:0}#wporg-footer ul:nth-child(4n){clear:both}}@media screen and (max-width:560px){#wporg-footer .wrapper{max-width:360px}#wporg-footer ul{margin-left:4%;width:48%}#wporg-footer ul:nth-child(odd){clear:both;margin-left:0}}#wporg-header{background:#23282d;height:140px;position:relative;text-alig

 n:center;width:100%}#wporg-header .wrapper{margin:0 auto;max-width:960px}#wporg-header h1{display:inline-block;margin:auto;width:303px}#wporg-header h1 a{background:url(//s.w.org/style/images/wporg-logo.svg?3=) 0 no-repeat;background-size:290px 46px;display:block;height:88px;text-indent:-9999px}#wporg-header h2.rosetta{clear:none;color:#dfdfdf;font-family:Georgia,Times New Roman,serif;font-size:30px;margin:0 0 0 60px}#wporg-header h2.rosetta a{border-bottom:none;color:#dfdfdf;display:block;height:52px;line-height:22px;padding:0}#wporg-header h2.rosetta a:hover{text-decoration:none}#wporg-header #wporg-header-menu{background:#23282d;left:-75%;list-style:none;margin:0;max-width:75%;min-width:200px;position:absolute;text-align:left;top:100%;transition:left .3s;z-index:100000}#wporg-header #wporg-header-menu.toggled{left:0}#wporg-header ul li{list-style-type:none;position:relative}#wporg-header ul li a{color:#eee;display:block;font-family:Open Sans,Helvetica,Arial,Liberation Sans,sans-s

 erif;font-size:13px;font-weight:600;height:34px;line-height:34px;margin:0 4px;padding:10px 30px;text-decoration:none}#wporg-header ul li a.subcurrent{font-weight:700}@media (max-width:768px){#wporg-header ul li a{height:auto}}#wporg-header ul li.current-menu-item a,#wporg-header ul li.current_page_parent a,#wporg-header ul li a.current,#wporg-header ul li a:hover{color:#00a0d2}#wporg-header ul li#download,#wporg-header ul li.download{float:right;height:34px;margin-right:14px;overflow:hidden;padding:0 0 34px}@media screen and (max-width:767px){#wporg-header ul li#download,#wporg-header ul li.download{display:block;float:none;height:auto;margin:10px 20px 20px;padding-bottom:0}#wporg-header ul li#download a,#wporg-header ul li.download a{padding:4px 10px;text-align:center}}#wporg-header ul li#download a,#wporg-header ul li.download a{margin:0;padding:0 16px}#wporg-header ul li#download a:hover,#wporg-header ul li.download a:hover{color:#eee}#wporg-header ul li#download.current,#wporg-h

 eader ul li#download.current-menu-item,#wporg-header ul li#download .uparrow,#wporg-header ul li.download.current,#wporg-header ul li.download.current-menu-item,#wporg-header ul li.download .uparrow{display:none}#wporg-header ul li .nav-submenu{clip:rect(1px,1px,1px,1px);height:1px;left:-2px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;z-index:99999}#wporg-header ul li .nav-submenu li a{display:inline-block;height:24px;line-height:24px;margin:0;white-space:nowrap}@media screen and (min-width:768px){#wporg-header #head-search{float:right;margin-right:14px;padding-top:30px}}#wporg-header #head-search form{border-bottom:1px solid #3f3f3f;display:inline-block;margin-left:60px;width:288px}#wporg-header #head-search form input.text{background:#191e23;border:0;border-radius:0;box-sizing:content-box;color:#b4b9be;float:left;font-family:Open Sans,sans-serif;font-size:12px;height:24px;margin:0;outline:none;padding:3px;vertical-align:top;width:256px}#wporg-header #head-search

  form input.text::-moz-placeholder{color:#eee}@media screen and (max-width:480px){#wporg-header #head-search form input.text{width:216px}}#wporg-header #head-search form .button{background:#191e23 url(//s.w.org/wp-includes/images/admin-bar-sprite.png?d=20120831) no-repeat 2px 5px;border:none;border-radius:0;box-shadow:none;float:left;height:30px;margin:0;padding:0;text-shadow:none!important;width:26px}@media screen and (max-width:480px){#wporg-header #head-search form{width:248px}}@media screen and (min-width:480px){#wporg-header #head-search form{margin-left:0}}@media screen and (min-width:768px){#wporg-header{height:120px;text-align:inherit}#wporg-header h1{float:left;padding-left:10px}#wporg-header h2.rosetta{float:left;margin-left:0;padding:36px 27px 0}#wporg-header #headline h2{text-rendering:optimizeLegibility}#wporg-header #wporg-header-menu{float:left;height:46px;list-style:none;margin:-15px 0 0;max-width:inherit;min-width:0;padding:0;position:static;width:100%}#wporg-header

  ul li{float:left;position:relative}#wporg-header ul li a{height:46px;padding:0 6px}#wporg-header ul li a.current~.uparrow{border-bottom:9px solid #f7f7f7;border-left:9px solid transparent;border-right:9px solid transparent;height:0;margin:-8px auto 0;width:0}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after{border-bottom:9px solid #f7f7f7;border-left:9px solid transparent;border-right:9px solid transparent;content:"";height:0;left:50%;margin:-8px 0 0 -9px;position:absolute;width:0}#wporg-header ul li .nav-submenu:hover~.uparrow,#wporg-header ul li:hover .nav-submenu~.uparrow{border-bottom:9px solid #32373c;border-left:9px solid transparent;border-right:9px solid transparent;height:0;margin:-10px auto 0;width:0}#wporg-header ul li .nav-submenu{background:#32373c;border:1px solid #32373c;border-top:0;margin-top:-1px;min-width:0}#wporg-header ul li .nav-submenu li{float:none}#wporg-header ul li .nav-submenu li a{height:34px;line-height

 :34px}#wporg-header .nav-menu .focus>ul,#wporg-header .nav-menu ul li:hover>ul,#wporg-header ul.nav-menu .focus>ul,#wporg-header ul.nav-menu li:hover>ul{clip:inherit;height:inherit;overflow:inherit;width:inherit}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after,#wporg-header ul li a.current~.uparrow{border-bottom-color:#0073aa}}.page-download #wporg-header #download,.page-parent-download #wporg-header #download{display:none}#mobile-menu-button{background:none;box-shadow:none;display:block;font-family:dashicons;font-size:16px;font-style:normal;font-weight:400;left:10px;line-height:1;padding:1px;position:absolute;text-align:center;text-decoration:inherit;text-shadow:none;top:75px;transition:color .1s ease-in;vertical-align:top}#mobile-menu-button,#mobile-menu-button:before{-webkit-font-smoothing:antialiased;border:none;float:left}#mobile-menu-button:before{box-sizing:border-box;color:#888;content:"";display:inline-block;

 font:normal 50px/1 Dashicons;margin:0;outline:none;padding:3px;text-decoration:none;vertical-align:middle}@media screen and (min-width:768px){#mobile-menu-button{display:none}}#download-mobile{background:#f7f7f7;border-bottom:1px solid #ddd}#download-mobile .wrapper{padding:20px 0;text-align:center}#download-mobile span.download-ready{font-size:1.6em;margin:0 .25em}#download-mobile a.download-button{font-size:1.6em;height:inherit;margin:10px .25em;padding:10px 15px}.category-context-bar{background:#edeff0;border-radius:2px;font-size:.8125rem;margin:0 1.5rem;overflow:auto;transition:all .3s ease-out}@media (prefers-reduced-motion){.category-context-bar{transition:none}}.category-context-bar>div{align-items:center;display:flex;justify-content:space-between}@media only screen and (min-width:782px){.category-context-bar{margin:0 1.5rem}}@media only screen and (min-width:960px){.category-context-bar{margin:0 auto;max-width:960px}}.category-context-bar ul{display:flex;justify-content:s

 pace-between;margin:0;padding:0}.category-context-bar ul li{font-size:.8125rem;list-style:none}.category-context-bar ul li a{display:block;padding:1.125rem .75rem;text-decoration:none}.category-context-bar ul li:last-child a{padding-right:1.5rem}.category-context-bar__copy{align-items:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.category-context-bar__title{color:#555d66;font-size:.75rem;font-weight:400;margin:0;padding-right:1.5rem;text-transform:uppercase}.category-context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.category-context-bar__links{display:none}}.category-context-bar__spinner{display:flex;margin:0;transform:scale(1);transition:transform .1s linear,width .15s ease-out,opacity 50ms linear 50ms;width:28px}@media (prefers-reduced-motion){.category-context-bar__spinner{transition:none}}.category-context-bar__spinner .components-spinner{margin:0}.category-context-bar__spinner--is-hidden{opaci

 ty:0;overflow:hidden;transform:scale(0);width:0}.pattern-copy-button.is-small-label{box-shadow:0 1px 2px rgba(0,0,0,.15)}.pattern-favorite-button{border-radius:2px;color:#555d66;font-size:.875rem;height:2.25rem;position:relative;width:2.25rem}.pattern-favorite-button svg{height:1.5rem;left:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transition:all .15s ease-out;width:1.5rem}.pattern-favorite-button svg path{fill:#6c7782}.pattern-favorite-button .pattern__favorite-filled{opacity:0}.pattern-favorite-button:hover{background:transparent;color:#555d66}.pattern-favorite-button:hover svg path{fill:#555d66}.pattern-favorite-button:active{background:transparent;box-shadow:none;transform:none}.pattern-favorite-button.has-label{height:auto;padding:12px 18px 12px 38px;width:auto}.pattern-favorite-button.has-label svg{left:9px;top:calc(50% - 12px)}.pattern-favorite-button.has-label svg path{fill:#000}.pattern-favorite-button.is-favorited svg path{fill:#d94f4f}.pattern-favorite-bu

 tton.is-favorited .pattern__favorite-outline{opacity:0;transform:scale(2.8)}.pattern-favorite-button.is-favorited .pattern__favorite-filled{opacity:1}.pattern-favorite-button.is-favorited:hover .pattern__favorite-filled{animation:HeartBeat .9s infinite}@media (prefers-reduced-motion){.pattern-favorite-button.is-favorited:hover .pattern__favorite-filled{animation:none}}@keyframes HeartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}40%{transform:scale(1)}60%{transform:scale(1.2)}to{transform:scale(1)}}.main-navigation{float:none;position:static;width:auto}.main-navigation a{font-size:.8125rem}.main-navigation.toggled div.menu{background:#0073aa;position:absolute;right:0;top:57px;width:100%}.menu-toggle{-webkit-appearance:none;font-size:1.5625rem;height:auto;overflow:hidden;position:static;width:auto}body.page .entry-header{background:none;padding:0}body.page .entry-header .entry-title{color:inherit;margin:2rem auto 1rem;max-width:960px}@media screen and (min-width:737px){body.pag

 e .entry-header .entry-title{padding:0 10px}}.pattern-grid-menu{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:960px}.pattern-grid-menu .pattern-menu{width:100%}.pattern-grid-menu>form{margin:1.5rem;width:calc(100% - 3rem)}@media only screen and (min-width:783px){.pattern-grid-menu{flex-direction:row;margin:1.5rem}.pattern-grid-menu>form{margin:0;width:auto}}@media only screen and (min-width:960px){.pattern-grid-menu{margin:1.5rem auto}}.pattern-grid{margin:1.5rem;max-width:960px}@media screen and (min-width:600px){.pattern-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pattern-grid>*{align-self:baseline}}@media screen and (min-width:960px){.pattern-grid{margin-left:auto;margin-right:auto}}.pattern-grid__pattern{border:1px solid #d7dade;border-radius:2px;margin:0 0 1.5rem;position:relative;transition:all 75ms ease-in-out}@media screen and (min-width:600px){.pattern-grid__pa

 ttern{display:inline-block;margin:0}}.pattern-grid__pattern .pattern-grid__preview{overflow:hidden}.pattern-grid__pattern .pattern-grid__actions{align-items:center;backdrop-filter:blur(3px);background:hsla(0,0%,100%,.8);bottom:0;display:flex;left:0;opacity:0;padding:.375rem;position:absolute;right:0;transform:translateY(6px);transition:all 75ms ease-in-out}.pattern-grid__pattern .pattern-grid__actions .pattern-grid__title{flex-grow:1;font-size:.75rem;margin:0;padding:0 .375rem 0 .75rem;pointer-events:none}.pattern-grid__pattern .pattern-grid__actions .pattern-copy-button,.pattern-grid__pattern .pattern-grid__actions .pattern-favorite-button{flex-shrink:0}.pattern-grid__pattern .pattern-grid__actions .button+.components-button{margin-left:.375rem}.pattern-grid__pattern:focus-within .pattern-grid__actions,.pattern-grid__pattern:hover .pattern-grid__actions{opacity:1;transform:translateY(0)}.pattern-menu:not(.is-mobile){margin:0;padding:0;position:relative}.pattern-menu:not(.is-mobile)

  li{display:inline-block;list-style:none;margin:0}.pattern-menu:not(.is-mobile) a{color:#40464d;display:block;font-size:.875rem;padding:.5rem .75rem;text-decoration:none}.pattern-menu:not(.is-mobile) a:active,.pattern-menu:not(.is-mobile) a:focus,.pattern-menu:not(.is-mobile) a:hover{color:#000}.pattern-menu .pattern-menu__item.is-active{background:#0073aa;border-radius:2px;color:#fff}.pattern-menu .pattern-menu__item.is-active:focus,.pattern-menu .pattern-menu__item.is-active:hover{color:#fff}.pattern-menu.is-mobile{border-top:none!important;padding:0!important}.pattern-menu.is-mobile ul{background:#23282d;margin:0;padding:0}.pattern-menu.is-mobile li{border-top:1px solid #32373c;list-style:none}.pattern-menu.is-mobile li a{color:#ccd0d4;display:block;font-size:.875rem;padding:1rem 1.5rem;text-decoration:none}.pattern-menu.is-mobile>.components-panel__body-title{margin:0!important}.pattern-menu.is-mobile>.components-panel__body-title>button{padding:1.5rem}.pattern-menu.is-

 loading{height:24px;position:relative}.pattern-menu.is-loading:after{background:#f3f4f5;border-radius:4px;content:"";height:24px;left:0;position:absolute;top:calc(50% - 12px);transition:none;width:80%}.pagination{margin:1.5rem;max-width:960px}@media screen and (min-width:960px){.pagination{margin-left:auto;margin-right:auto}}.pagination__list{align-items:center;display:flex;gap:.75rem;justify-content:center;list-style:none;margin:0}@media (max-width:480px){.pagination__list{gap:.25rem}}.pagination__item,.pagination__link{display:inline-block}.pagination__link{background:#fff;border:1px solid #d7dade;border-radius:2px;line-height:1;padding:.75rem}.pagination__link,.pagination__link:active,.pagination__link:hover{text-decoration:none}.pagination__link[aria-current=page]{background:#191e23;border:1px solid #191e23;color:#fff}@media (max-width:480px){.pagination__link{padding:.5rem}}@media (max-width:600px){.pagination__item-next-page .pagination__link span[aria-hidden],.pagin

 ation__item-previous-page .pagination__link span[aria-hidden]{display:none}.pagination__item-previous-page .pagination__link:before{content:"<"}.pagination__item-next-page .pagination__link:before{content:">"}}.pattern-preview__container{background:#f3f4f5;padding:0}.pattern-preview__size-control{margin:0 auto;max-width:12rem;padding:1rem 0}.pattern-preview__size-control .components-base-control__field{margin-bottom:0}.pattern-preview__viewport{margin:0 auto;max-width:100vw;min-width:320px;padding:0 20px;position:relative}.pattern-preview__viewport .pattern-preview__viewport-iframe{background:#fff;border:1px solid #e8eaeb;max-width:100vw;vertical-align:middle}.pattern-preview__viewport:focus-within .pattern-preview__resize-help{clip:auto;background:#fff;border:1px solid #d7dade;border-radius:2px;bottom:-1rem;clip-path:none;height:auto;left:20px;margin:initial;overflow:initial;padding:8px 16px;right:20px;text-align:center;width:auto}.pattern-preview__drag-ha

 ndle{bottom:0;position:absolute;top:0;width:20px}.pattern-preview__drag-handle.is-left{left:0}.pattern-preview__drag-handle.is-right{right:0}.pattern-preview__drag-handle-button{appearance:none;background:#7e8993;border:none;border-radius:99999px;cursor:grab;height:100px;left:6px;outline:none;padding:0;position:absolute;top:calc(50% - 50px);width:8px}.pattern-preview__drag-handle-button:hover{background:#6c7782}.pattern-preview__drag-handle-button:active{background:#606a74;cursor:grabbing}.pattern-preview__drag-handle-button:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.pattern-report-button{color:#23282d!important}.pattern-report-button__copy{align-items:center;display:flex;justify-content:center;margin:0}.pattern-report-button__copy svg{margin-right:.375rem}.pattern-report-modal{max-width:400px;width:100%}@media screen and (min-width:600px){.pattern-report-modal{width:400px}}.pattern-report-modal form>:first-child{padding-bottom:1.5rem}.pattern-report-modal__has-fixed-h

 eight{min-height:400px}.pattern-report-modal__copy{line-height:1.5;text-align:center}.pattern-report-modal__actions{column-gap:4%;display:grid;grid-template-columns:48% 48%;margin-top:1.5rem}.pattern-report-modal__actions button{justify-content:center}.pattern-report-modal__radio .components-radio-control__option{margin-top:.75rem}.pattern-search{align-items:center;background:#fff;border:1px solid #6c7782;border-radius:2px;display:flex}.pattern-search input[type=search]{border:none;box-shadow:none;flex-grow:1;font-size:.8125rem;margin:0;padding:.25rem .5rem}.pattern-search input[type=search]:focus{outline:1px auto #0073aa}.pattern-search.is-loading{background:#f3f4f5;border-radius:4px;display:block;height:24px;min-width:100%}@media only screen and (min-width:480px){.pattern-search.is-loading{min-width:auto!important;width:224px!important}}.pattern-search__button{background:transparent;border:none;color:#6c7782;display:flex}.pattern-search__button:active{background:#d7dade}.pattern-s

 earch__button:focus{outline:1px auto #0073aa}body.single-wporg-pattern{box-sizing:border-box;font-size:14px;font-weight:400;line-height:1.2}body.single-wporg-pattern .site-content{margin:auto;max-width:none;padding:0}body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{margin-left:auto;margin-right:auto;max-width:960px;padding:1.5rem}@media only screen and (min-width:960px){body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{padding-left:0;padding-right:0}}body.single-wporg-pattern .entry-header{padding-bottom:1.875rem;padding-top:2.625rem}body.single-wporg-pattern .entry-header .entry-title{font-weight:600;line-height:1.2;margin-top:0}body.single-wporg-pattern .pattern__categories a{display:inline-block;margin-right:1rem}body.single-wporg-pattern .pattern__categories a:last-of-type{margin-right:0}body.single-wporg-patte

 rn .pattern__categories-label{font-size:.75rem;font-weight:600;line-height:1.3333;margin-right:1rem;text-transform:uppercase}body.single-wporg-pattern .pattern-actions{background:#fff;padding:0 1.5rem 2rem}body.single-wporg-pattern .pattern-actions button{margin:0}@media only screen and (min-width:960px){body.single-wporg-pattern .pattern-actions{padding-left:0;padding-right:0}}body.single-wporg-pattern .pattern-actions__container{align-items:center;display:flex;flex-wrap:wrap;gap:.5em 2em;justify-content:flex-start;padding:0}@media (max-width:480px){body.single-wporg-pattern .pattern-actions__container{justify-content:center}}body.single-wporg-pattern .pattern-actions__notice{flex-basis:100%;height:auto;margin:1.5rem 0 0}body.single-wporg-pattern .pattern-actions__notice>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:0}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:.75rem}@media only screen and (min-wid

 th:600px){body.single-wporg-pattern .pattern-actions__notice>*{align-items:center;flex-direction:row}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:0}}body.single-wporg-pattern .pattern-actions__guide{height:auto;max-height:none;max-width:384px}body.single-wporg-pattern .pattern-actions__guide-content{line-height:1.5;padding:1.5rem}body.single-wporg-pattern .pattern-actions__guide-title{margin:0}body.single-wporg-pattern .pattern-actions__guide-shortcut{background:#edeff0;border-radius:2px;box-shadow:0 0 0 1px #ccd0d4;display:inline-block;font-weight:600;min-width:20px;padding:1px;text-align:center}body.single-wporg-pattern .entry-content{margin-left:auto;margin-right:auto;max-width:960px}body.single-wporg-pattern .pattern__meta{display:flex;justify-content:flex-end}.site-content{margin:0 auto;max-width:none;padding:0}body.home .site-header{padding:3.75rem 1rem;text-align:left}body.home .site-branding{display:grid;grid-template-columns:1fr 22rem;grid-te

 mplate-rows:auto 1fr}body.home .site-branding>*{align-self:center}@media screen and (max-width:736px){body.home .site-branding{display:block}}body.home .site-title.site-title{font-size:3rem;grid-column-start:1;grid-row-start:1;line-height:1.25;margin-top:0;text-align:left}body.home .site-description{color:#fff;font-size:1.25rem;grid-column-start:1;grid-row-start:2;line-height:1.6;margin:0;text-align:left}body:not(.home) .site-branding{align-items:center;color:#fff;display:flex;font-size:.8125rem;justify-content:space-between}body:not(.home) .site-branding a{color:#fff}body:not(.home) .site-branding .sep{margin-left:.5rem;margin-right:.5rem}body:not(.home) .site-branding .is-current-page{font-weight:600}.site-title a{text-decoration:none}.site-title a:active,.site-title a:focus,.site-title a:hover{color:#fff}.has-wporg-blue-color{color:#1e8cbe}.has-wporg-blue-background-color{background-color:#1e8cbe}.has-wporg-purple-color{color:#826eb4}.has-wporg-purple-background-color{backgrou

 nd-color:#826eb4}.has-wporg-white-color{color:#fff}.has-wporg-white-background-color{background-color:#fff}.home-page .shapes{margin:0 auto;position:relative}.home-page .shapes .parallelogram p:before{font-size:64px;height:64px;left:-16px;position:relative}.home-page .shapes .parallelogram{color:#fff;display:block;margin:0 auto;opacity:.9;padding:60px 40px;text-align:center;text-decoration:none}.home-page .shapes strong{display:block;font-size:28px;font-weight:300;padding-bottom:15px;padding-top:15px}.home-page .shapes p{color:#fff;font-size:16px;font-weight:300;margin:0}.home-page .shapes u{display:block;font-size:18px;padding-top:15px}@media only screen and (min-width:768px){.home-page .shapes{height:400px}.home-page .shapes .parallelogram{padding:50px 90px;position:absolute;width:50%}}@media only screen and (min-width:960px){.home-page .shapes .parallelogram{-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);transform:skew(-15deg)}.home-page .shapes .parallelogram:before,.

 home-page .shapes p{-webkit-transform:skew(15deg);-ms-transform:skew(15deg);transform:skew(15deg)}}@media only screen and (min-width:1200px){.home-page .shapes{margin:0 -60px}}.terms{font-size:14px;font-style:italic}

</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@charset "UTF-8";[class*=col-]{margin:inherit}.row{display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width:768px){.row{flex-direction:column;flex-wrap:nowrap}}.row.gutters>.row{margin-left:-2%}@media (max-width:768px){.row.gutters>.row{margin-left:0}}.row.gutters>.row>[class*=col-]{margin-left:2%}@media (max-width:768px){.row.gutters>.row>[class*=col-]{margin-left:0}}.row.around{justify-content:space-around}.row.between{justify-content:space-between}.row.auto .col{flex-grow:1}.col-1{width:8.3333333333%}.offset-1{margin-left:8.3333333333%}.col-2{width:16.6666666667%}.offset-2{margin-left:16.6666666667%}.col-3{width:25%}.offset-3{margin-left:25%}.col-4{width:33.3333333333%}.offset-4{margin-left:33.3333333333%}.col-5{width:41.6666666667%}.offset-5{margin-left:41.6666666667%}.col-6{width:50%}.offset-6{margin-left:50%}.col-7{width:58.3333333333%}.offset-7{

 margin-left:58.3333333333%}.col-8{width:66.6666666667%}.offset-8{margin-left:66.6666666667%}.col-9{width:75%}.offset-9{margin-left:75%}.col-10{width:83.3333333333%}.offset-10{margin-left:83.3333333333%}.col-11{width:91.6666666667%}.offset-11{margin-left:91.6666666667%}.col-12{width:100%}.offset-12{margin-left:100%}.gutters>.col-1{width:6.33333%}.gutters>.col-1:nth-child(n+13){margin-top:2%}.gutters>.offset-1{margin-left:10.33333%!important}.gutters>.col-2{width:14.66667%}.gutters>.col-2:nth-child(n+7){margin-top:2%}.gutters>.offset-2{margin-left:18.66667%!important}.gutters>.col-3{width:23%}.gutters>.col-3:nth-child(n+5){margin-top:2%}.gutters>.offset-3{margin-left:27%!important}.gutters>.col-4{width:31.33333%}.gutters>.col-4:nth-child(n+4){margin-top:2%}.gutters>.offset-4{margin-left:35.33333%!important}.gutters>.col-5{width:39.66667%}.gutters>.offset-5{margin-left:43.66667%!important}.gutters>.col-6{width:48%}.gutters>.col-6:nth-chil

 d(n+3){margin-top:2%}.gutters>.offset-6{margin-left:52%!important}.gutters>.col-7{width:56.33333%}.gutters>.offset-7{margin-left:60.33333%!important}.gutters>.col-8{width:64.66667%}.gutters>.offset-8{margin-left:68.66667%!important}.gutters>.col-9{width:73%}.gutters>.offset-9{margin-left:77%!important}.gutters>.col-10{width:81.33333%}.gutters>.offset-10{margin-left:85.33333%!important}.gutters>.col-11{width:89.66667%}.gutters>.offset-11{margin-left:93.66667%!important}.gutters>.col-12{width:98%}.gutters>.offset-12{margin-left:102%!important}@media (max-width:768px){[class*=" offset-"],[class^=offset-]{margin-left:0}}.first{order:-1}.last{order:1}@media (max-width:768px){.row [class*=col-]{margin-left:0;width:100%}.row.gutters [class*=col-]{margin-bottom:16px}.first-sm{order:-1}.last-sm{order:1}}.gutters .column.push-left,.push-left{margin-right:auto}.gutters .column.push-right,.push-right{margin-left:auto}.gutters .column.push-center,

 .push-center{margin-left:auto;margin-right:auto}.gutters .column.push-middle,.push-middle{margin-bottom:auto;margin-top:auto}.push-bottom{margin-top:auto}@media (max-width:768px){.gutters .column.push-left-sm,.push-left-sm{margin-left:0}.gutters .column.push-center-sm,.push-center-sm{margin-left:auto;margin-right:auto}.push-top-sm{margin-top:0}}.align-middle{align-items:center}.align-right{justify-content:flex-end}.align-center{justify-content:center}@media (max-width:768px){.align-left-sm{justify-content:flex-start}}.float-right{float:right}.float-left{float:left}@media (max-width:768px){.float-left,.float-right{float:none}}.fixed{left:0;position:fixed;top:0;width:100%;z-index:100}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;he

 ight:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webki

 t-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}optgroup{font-weight:700}table{border-spacing:0}td,th{padding:0}p{margin:1rem 0}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5rem}address{margin:0 0 1.5rem}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6rem;max-width:100%;overflow:auto;padding:1.6rem}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"" ""}blockquote:af

 ter,blockquote:before,q:after,q:before{content:""}blockquote{border-left:2px solid #767676;color:#767676;margin:1rem 0;padding-left:.8rem}blockquote cite{font-size:.8rem}figure{margin:0}hr{background-color:#eee;border:0;height:2px;margin:5rem auto}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{clear:both;font-family:Open Sans,sans-serif;line-height:1.5;margin:2rem 0 1rem}.h1,h1{font-size:2.44140625rem}.h1,.h2,h1,h2{font-weight:300}.h2,h2{font-size:1.953125rem}.h3,h3{font-size:1.5625rem;font-weight:400}.h4,h4{color:#32373c;font-size:1.25rem;font-weight:600;padding:0}.h5,h5{font-size:1rem;letter-spacing:.01rem}.h5,.h6,h5,h6{font-weight:600;text-transform:uppercase}.h6,h6{font-size:.8rem;letter-spacing:.8px}a{color:#0073aa;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}li>a,p a{text-decoration:underline}li>a:hover,p a:hover{color:#d54e21}ol,ul{margin:0 0 1.5em 1.5em;padding:0}ul{list-style

 :square}ol{list-style:decimal}ol.unmarked-list,ul.unmarked-list{list-style:none;padding-left:0}li>ol,li>ul{margin-bottom:0}dt{font-weight:700}dd{margin:0 1.5em 1.5em}table{border:1px solid #eee;border-collapse:collapse;font-size:.8rem;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:.4rem;text-align:left;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}html{font-size:100%}body,button,input,select,textarea{color:#32373c;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}@media screen and (min-width:737px){html{font-size:1.125rem}}.custom-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 0L7 5L12 0L14 1L7 8L0 1L2 0Z" fill=&quo

 t;%23555D66"/%3E%3C/svg%3E%0A');background-position:right .7em top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #6c7782;border-radius:.5em;box-shadow:none;box-sizing:border-box;display:inline-block;font-size:1em;line-height:1.3;padding:.5rem 2rem .5rem .8rem;width:auto}.custom-select::-ms-expand{display:none}.custom-select:focus{box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.custom-select option{font-weight:400}html{font-size:1rem}@media screen and (min-width:737px){html{font-size:1rem}}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-in

 dex:100000}.site-content[tabindex="-1"]:focus{outline:0}.no-js .hide-if-no-js{display:none}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}@media screen and (max-width:480px){.alignleft,.alignright{display:block;float:none;margin-left:auto;margin-right:auto}}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{-webkit-appearance:none;border:1px solid;border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.8rem;height:1.5625rem;line-height:1;margin:0;padding:0 .8rem;text-decoration:none;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}.button-group.button-xl .button,.button.button-xl{font-size:1rem;height:2.44140625rem;line-height:1;padding:0 1.5rem}.button-grou

 p.button-large .button,.button.button-large{height:1.953125rem;line-height:1;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:.64rem;height:1.25rem;line-height:1;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:1.953125rem}.button-group.button-xl a.button,a.button.button-xl{line-height:2.44140625rem}.button-group.button-small a.button,a.button.button-small{line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#ccc;box-shadow:0 1px 0 #ccc;color:#555;vertical-align:top}p .button{vertical-align:baseline}.button-secondary:focus,.button-secondary:hover,.button.focus,.button.hover,.butt

 on:focus,.button:hover{background:#fafafa;border-color:#999;color:#23282d}.button-link:focus,.button-secondary:focus,.button.focus,.button:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.button-secondary:active,.button.active,.button.active:hover,.button:active{background:#eee;border-color:#999;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8)}.button-disabled,.button-secondary.disabled,.button-secondary:disabled,.button-secondary[disabled],.button.disabled,.button:disabled,.button[disabled]{background:#f7f7f7!important;border-color:#ddd!important;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link,input[type=submit].button-link{background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:0}.button-link:

 focus{outline:1px solid #5b9dd9}.button-primary,.download-button,.plugin-upload-form .button-primary{text-decoration:none;text-shadow:0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary.hover,.button-primary:focus,.button-primary:hover,.download-button.focus,.download-button.hover,.download-button:focus,.download-button:hover,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary.hover,.plugin-upload-form .button-primary:focus,.plugin-upload-form .button-primary:hover{background:#008ec2;border-color:#006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary:focus,.download-button.focus,.download-button:focus,.plugin-upload-fo

 rm .button-primary.focus,.plugin-upload-form .button-primary:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.button-primary.active,.button-primary.active:focus,.button-primary.active:hover,.button-primary:active,.download-button.active,.download-button.active:focus,.download-button.active:hover,.download-button:active,.plugin-upload-form .button-primary.active,.plugin-upload-form .button-primary.active:focus,.plugin-upload-form .button-primary.active:hover,.plugin-upload-form .button-primary:active{background:#0073aa;border-color:#006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.button-primary.disabled,.button-primary:disabled,.button-primary[disabled],.download-button.disabled,.download-button:disabled,.download-button[disabled],.plugin-upload-form .button-primary.disabled,.plugin-upload-form .button-primary:disabled,.plugin-upload-form .button-primary[disabled]{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66c6e4!impo

 rtant;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-primary.button.button-hero,.download-button.button.button-hero,.plugin-upload-form .button-primary.button.button-hero{box-shadow:0 2px 0 #006799}.button-primary.button.button-hero.active,.button-primary.button.button-hero.active:focus,.button-primary.button.button-hero.active:hover,.button-primary.button.button-hero:active,.download-button.button.button-hero.active,.download-button.button.button-hero.active:focus,.download-button.button.button-hero.active:hover,.download-button.button.button-hero:active,.plugin-upload-form .button-primary.button.button-hero.active,.plugin-upload-form .button-primary.button.button-hero.active:focus,.plugin-upload-form .button-primary.button.button-hero.active:hover,.plugin-upload-form .button-primary.button.button-hero:active{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66

 c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}.button-group>.button{border-radius:0;display:inline-block;margin-right:-1px;z-index:10}.button-group>.button-primary{z-index:100}.button-group>.button:hover{z-index:20}.button-group>.button:first-child{border-radius:3px 0 0 3px}.button-group>.button:last-child{border-radius:0 3px 3px 0}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.button,.button.button-large,.button.button-small,.plugin-upload-form .button-primary{font-size:14px;height:auto;line-height:normal;margin-bottom:4px;padding:6px 14px;vertical-align:middle}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.home-below:after,.home-below:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:

 before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.home-below:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{font-size:1.25rem}p.aside{font-size:.8rem}p.note{font-size:.64rem;letter-spacing:.01rem;max-width:18.1898940355rem}input,textarea{box-sizing:border-box}input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;outline:none;transition:border-color .05s ease-in-out}input[type=checkbox]:foc

 us,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:ltr}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{-webkit-appearance:none;background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 4px 0 0;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px}input[type=checkbox]:checked:before,input[type=radi

 o]:checked:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;float:left;font:normal 21px/1 dashicons;vertical-align:middle;width:16px}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}input[type=checkbox]:checked:before{color:#1e8cbe;content:"";margin:-3px 0 0 -4px}input[type=radio]{border-radius:50%;line-height:10px;margin-right:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"•";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input[type=search]{-webkit-appearance:te

 xtfield}input[type=search]::-webkit-search-decoration{display:none}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-moz-placeholder{color:#a9a9a9}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:hsla(0,0%,100%,.5);border-color:hsla(0,0%,87%,.75);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(51,51,51,.5)}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:none;box-shadow:none}input.large-text,textarea.

 large-text{width:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;width:50px}input[type=number].small-text{width:65px}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{height:9px;line-height:16px;margin:7px;vertical-align:middle;width:9px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{display:inline;margin:0 3px;max-width:55px;padding:3px 6

 px;width:auto}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:block}}a.button:active,a.button:focus,a.button:hover{text-decoration:none}.notice{background:#fff;border-left:4px solid #fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:1em 0;padding:1px 12px}.notice p{font-size:.8rem;margin:.5em 0;padding:2px}.notice.notice-alt{box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-left-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-left-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-left-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-left-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.button.button-outline{background:#fff;border:1px solid #c3c4c7;border-radius:2px;box-shadow:none;box-sizing:border-box;color:#2271b1;font-weight:600;height:auto;paddin

 g:.25rem 1rem}.button.button-outline:hover{border-color:#3582c4}.button.button-outline:focus{border-color:#3582c4;box-shadow:0 0 3px #72aee6}.error-404 .page-content,.error-404 .page-title{text-align:center}.error-404 .page-content .logo-swing{height:10rem;margin:6rem auto;position:relative;text-align:center;width:10rem}.error-404 .page-content .logo-swing .wp-logo{left:0;max-width:none;position:absolute;top:0;width:10rem}@keyframes hinge{10%{height:180px;transform:rotate(0deg);width:180px}15%{height:185px;transform:rotate(0deg);width:185px}20%{height:180px;transform:rotate(5deg);width:180px}40%{animation-timing-function:ease-in-out;transform-origin:top left}60%{animation-timing-function:ease-in-out;transform:rotate(40deg);transform-origin:top left}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{opacity:0;transform:translate3d(0,700px,0)}}.hinge{animation-duration:2s;animation-name:hinge}.comments-area{margin-top:5em}.comm

 ents-area>:last-child{margin-bottom:0}.comments-area .comment-list+.comment-respond{border-top:1px solid #eaeaea}.comments-area .comment-list+.comment-respond,.comments-area .comment-navigation+.comment-respond{padding-top:1.6em}.comments-area .comments-title{margin-bottom:1.3333em}.comments-area .comment-list{list-style:none;margin:0}.comments-area .comment-list .pingback,.comments-area .comment-list .trackback,.comments-area .comment-list article{border-top:1px solid #eaeaea;padding:1.6em 0}.comments-area .comment-list article:not(:only-child){padding-bottom:0}.comments-area .comment-list article+.comment-respond{padding-bottom:1.6em}.comments-area .comment-list .children{list-style:none;margin:0}.comments-area .comment-list .children>li{padding-left:.8em}.comments-area .comment-list .alt{background:none}.comments-area .comment-author{color:#999;margin-bottom:.4em}.comments-area .comment-author .avatar{float:left;height:24px;margin-right:.8em;width:24px}.comments-area .comme

 nt-metadata,.comments-area .pingback .edit-link{color:#999;line-height:1.5}.comments-area .comment-metadata a,.comments-area .pingback .edit-link a{color:#777}.comments-area .comment-metadata{font-size:.8rem;margin-bottom:1.6em}.comments-area .comment-metadata .edit-link,.comments-area .pingback .edit-link{margin-left:1em}.comments-area .pingback .edit-link:before{top:5px}.comments-area .comment-content ol,.comments-area .comment-content ul{margin:0 0 1.6em 1.3333em}.comments-area .comment-content>:last-child,.comments-area .comment-content li>ol,.comments-area .comment-content li>ul{margin-bottom:0}.comments-area .comment-content .reply{font-size:12px}.comments-area .comment-content .reply a{border:1px solid #eaeaea;color:#707070;display:inline-block;font-weight:700;line-height:1;margin-top:2em;padding:.4167em .8333em;text-transform:uppercase}.comments-area .comment-content .reply a:focus,.comments-area .comment-content .reply a:hover{border-color:#333;color:#333;outline:0

 }.comments-area .comment-reply-title a{font-weight:inherit}.comments-area .comment-form label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;line-height:1.5}.comments-area .comment-form input[type=email],.comments-area .comment-form input[type=text],.comments-area .comment-form input[type=url],.comments-area .comment-form textarea{width:100%}.comments-area .comment-awaiting-moderation,.comments-area .comment-notes,.comments-area .form-allowed-tags,.comments-area .logged-in-as{font-size:1rem;line-height:1.5;margin-bottom:2em}.comments-area .no-comments{border-top:1px solid #eaeaea;color:#999;font-weight:700;padding-top:1.6em}.comments-area .comment-navigation+.no-comments{border-top:0}.comments-area .form-allowed-tags code{font-family:Inconsolata,monospace}.comments-area .form-submit{margin-bottom:0}.comments-area .required{color:#c0392b}.entry-content{word-wrap:break-word;hyphens:auto}.entry-content>p:first-child{margin-top:0}.entry-content [class*=col-]~h1,.e

 ntry-content [class*=col-]~h2,.entry-content [class*=col-]~h3,.entry-content [class*=col-]~h4,.entry-content [class*=col-]~h5,.entry-content [class*=col-]~h6{clear:none}.entry-header{position:relative}.entry-header .sticky-post{color:#999;font-size:.8rem;font-style:italic;position:absolute;top:-.8rem}.entry-meta{color:#999;font-size:.8rem;margin-bottom:1rem}.entry-meta a{color:#777}.entry-meta>span{margin-right:1rem}.entry-meta>span :last-of-type{margin:0}.entry-meta .byline,.entry-meta .updated:not(.published),.sticky .entry-meta .posted-on{display:none}.group-blog .entry-meta .byline,.single .entry-meta .byline{display:inline}.entry-summary{word-wrap:break-word;hyphens:auto}body:not(.single):not(.search) .site-main .post{margin-bottom:3.0517578125rem;max-width:40em}.gallery{margin-bottom:1.5rem}.gallery .gallery-item{display:inline-block;margin:0;text-align:center;vertical-align:top;width:100%}.gallery.gallery-columns-2 .gallery-item{max-width:50%}.gallery.gallery-columns-3 

 .gallery-item{max-width:33.33%}.gallery.gallery-columns-4 .gallery-item{max-width:25%}.gallery.gallery-columns-5 .gallery-item{max-width:20%}.gallery.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery .gallery-caption{display:block}.main-navigation{background:#0073aa;clear:both;left:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;left:-999em;position:absolute;top:1.5em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{left:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}.main-navigation li{border-top:1px solid hsla(0,0

 %,100%,.2);padding:1rem}.main-navigation a{color:hsla(0,0%,100%,.8);display:block;font-size:.8rem;text-decoration:none}.main-navigation a.active,.main-navigation a:hover{color:#fff}@media screen and (min-width:737px){.main-navigation a.active{border-bottom:1px solid}}.main-navigation.toggled{z-index:1}.main-navigation.toggled ul{display:block}.menu-toggle{background:transparent;border:none;color:#fff;height:3.5rem;position:absolute;right:1rem;top:-58px;width:3.5rem}.toggled .menu-toggle:before{content:""}@media screen and (min-width:737px){.menu-toggle{display:none}.main-navigation{float:right;position:static;width:auto}.main-navigation.toggled{padding:1px 0}.main-navigation ul{display:inline-block;font-size:0}.main-navigation ul li{border:0;display:inline-block;font-size:1rem;margin-right:1rem;padding:0}.main-navigation ul li:last-of-type{margin-right:0}}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-to

 p:0;padding:0}embed,iframe,object{max-width:100%}body.page .gutters .col-12{width:100%}body.page .entry-header{background:#0073aa;padding:1rem 0}body.page .entry-header .entry-title{color:#fff;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;padding:0 1.5625rem}body.page .entry-header.home{padding:1.5625rem 1.143rem;text-align:center}@media screen and (min-width:737px){body.page .site-header+.site-main .entry-title{padding:initial}}body.page .entry-content,body.page .entry-footer{margin:0 auto;max-width:960px;padding:3.0517578125rem 1.5625rem}.post-navigation{margin:5em auto;padding:0}.post-navigation a{border-bottom:1px solid #eaeaea;color:#444;display:block;font-weight:600;padding:11px 0 12px;text-transform:none;width:100%}.post-navigation a:hover{color:#21759b}.post-navigation .nav-links{word-wrap:break-word;border-top:1px solid #eaeaea;hyphens:auto}.post-navigation .meta-nav{color:#777;display:block;font-size:13px;line-height:2;text-transform:uppercase}.post-navig

 ation .nav-next{text-align:right}.pagination .nav-links{text-align:center}.pagination .nav-links .page-numbers{background-color:#f9f9f9;cursor:hand;display:inline-block;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.dots,.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{background:none;font-size:.9em;width:auto}.pagination .nav-links .page-numbers.dots{cursor:inherit}@media screen and (max-width:737px){.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{font-size:0;min-width:auto;padding:0}.pagination .nav-links .page-numbers.next:after,.pagination .nav-links .page-numbers.prev:before{background-color:#f9f9f9;display:inline-block;font-size:1rem;line-height:1.5;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.prev:before{content:"‹"}.pagination .nav-links .page-numbers.next:after{content:"›"}}.pagination .nav-links span.page-numbers{background-color:#f7f7f7;font-wei

 ght:700}.search-form .search-field{line-height:normal;margin:0;padding:4px 5px;vertical-align:text-bottom}body.search .gutters .col-12{width:100%}body.search .site-main{margin:0 auto;max-width:960px;padding:0 1.5625rem 3.0517578125rem}.site-content{max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-content{padding:0 10px 3.0517578125rem}}@media screen and (max-width:737px){.site-content .site-main{float:none;margin:0;width:auto}}.home .site-content,.page .site-content,.site-content.page{margin:auto;max-width:none;padding:0}.site-content .page-title{font-size:1.25rem;font-weight:400}.site-content .no-results{margin:0 auto 3.0517578125rem;max-width:40em;padding:0 2rem}.site-description{color:hsla(0,0%,100%,.8);font-size:1.25rem;font-weight:300;margin:-.4rem auto 2rem;text-align:center}.site-header{background:#0073aa;padding:1rem 0;position:relative}.site-header .site-branding{margin:0 auto;max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737p

 x){.site-header .site-branding{padding:0 10px}}.site-header.home{padding:1.5625rem 1.143rem;text-align:center}.site-title{display:inline-block;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 2rem 0 0;max-width:none}.site-title a{color:#fff;font-weight:300}.site-title a:active,.site-title a:focus,.site-title a:hover{text-decoration:none}.site-header.home .site-title{display:inherit;font-size:3.8146972656rem;margin:2rem 0 1rem}.widget-area{font-size:.8rem}@media screen and (min-width:480px) and (max-width:768px){.widget-area{display:flex}.widget-area .widget{width:48%}}#wporg-footer{background-color:#f7f7f7;border-top:1px solid #dfdfdf;padding:22px 14px 65px}#wporg-footer,#wporg-footer .wrapper{clear:both;margin:0 auto;overflow:auto}#wporg-footer .wrapper{max-width:930px}#wporg-footer ul{float:left;margin-bottom:20px;margin-left:24px;overflow:auto;padding-left:0;width:135px}@media screen and (min-width:960px){#wporg-footer ul:first-child{margin-left:0}}#wporg-footer ul li{c

 olor:#bbb;font-size:14px;list-style-type:none;margin-bottom:1px}#wporg-footer ul li a{text-decoration:none;text-decoration-skip-ink:none}#wporg-footer ul li a:hover{color:#0073aa;text-decoration:underline}#wporg-footer .cip{clear:both;color:#ccc;float:none;font-size:.8rem;letter-spacing:.3em;margin:35px auto 0;text-align:center;text-transform:uppercase}#wporg-footer .cip.cip-image{background:url(//s.w.org/style/images/codeispoetry.png?1=) 50% no-repeat;background-size:190px 15px;height:15px;text-indent:-9999px;width:190px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi){#wporg-footer .cip.cip-image{background-image:url(//s.w.org/style/images/codeispoetry-2x.png?1=)}}@media screen and (min-width:561px) and (max-width:959px){#wporg-footer .wrapper{max-width:600px}#wporg-footer ul{margin-left:2%;width:32%}#wporg-footer ul:nth-child(3n+1){margin-left:0}#wporg-footer ul:nth-child(4n){clear:both}}@

 media screen and (max-width:560px){#wporg-footer .wrapper{max-width:360px}#wporg-footer ul{margin-left:4%;width:48%}#wporg-footer ul:nth-child(odd){clear:both;margin-left:0}}#wporg-header{background:#23282d;height:140px;position:relative;text-align:center;width:100%}#wporg-header .wrapper{margin:0 auto;max-width:960px}#wporg-header h1{display:inline-block;margin:auto;width:303px}#wporg-header h1 a{background:url(//s.w.org/style/images/wporg-logo.svg?3=) 0 no-repeat;background-size:290px 46px;display:block;height:88px;text-indent:-9999px}#wporg-header h2.rosetta{clear:none;color:#dfdfdf;font-family:Georgia,Times New Roman,serif;font-size:30px;margin:0 0 0 60px}#wporg-header h2.rosetta a{border-bottom:none;color:#dfdfdf;display:block;height:52px;line-height:22px;padding:0}#wporg-header h2.rosetta a:hover{text-decoration:none}#wporg-header #wporg-header-menu{background:#23282d;left:-75%;list-style:none;margin:0;max-width:75%;min-width:200px;position:absolute;text-align:left;top:100%;tr

 ansition:left .3s;z-index:100000}#wporg-header #wporg-header-menu.toggled{left:0}#wporg-header ul li{list-style-type:none;position:relative}#wporg-header ul li a{color:#eee;display:block;font-family:Open Sans,Helvetica,Arial,Liberation Sans,sans-serif;font-size:13px;font-weight:600;height:34px;line-height:34px;margin:0 4px;padding:10px 30px;text-decoration:none}#wporg-header ul li a.subcurrent{font-weight:700}@media (max-width:768px){#wporg-header ul li a{height:auto}}#wporg-header ul li.current-menu-item a,#wporg-header ul li.current_page_parent a,#wporg-header ul li a.current,#wporg-header ul li a:hover{color:#00a0d2}#wporg-header ul li#download,#wporg-header ul li.download{float:right;height:34px;margin-right:14px;overflow:hidden;padding:0 0 34px}@media screen and (max-width:767px){#wporg-header ul li#download,#wporg-header ul li.download{display:block;float:none;height:auto;margin:10px 20px 20px;padding-bottom:0}#wporg-header ul li#download a,#wporg-header ul li.download a{paddi

 ng:4px 10px;text-align:center}}#wporg-header ul li#download a,#wporg-header ul li.download a{margin:0;padding:0 16px}#wporg-header ul li#download a:hover,#wporg-header ul li.download a:hover{color:#eee}#wporg-header ul li#download.current,#wporg-header ul li#download.current-menu-item,#wporg-header ul li#download .uparrow,#wporg-header ul li.download.current,#wporg-header ul li.download.current-menu-item,#wporg-header ul li.download .uparrow{display:none}#wporg-header ul li .nav-submenu{clip:rect(1px,1px,1px,1px);height:1px;left:-2px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;z-index:99999}#wporg-header ul li .nav-submenu li a{display:inline-block;height:24px;line-height:24px;margin:0;white-space:nowrap}@media screen and (min-width:768px){#wporg-header #head-search{float:right;margin-right:14px;padding-top:30px}}#wporg-header #head-search form{border-bottom:1px solid #3f3f3f;display:inline-block;margin-left:60px;width:288px}#wporg-header #head-search form input.t

 ext{background:#191e23;border:0;border-radius:0;box-sizing:content-box;color:#b4b9be;float:left;font-family:Open Sans,sans-serif;font-size:12px;height:24px;margin:0;outline:none;padding:3px;vertical-align:top;width:256px}#wporg-header #head-search form input.text::-moz-placeholder{color:#eee}@media screen and (max-width:480px){#wporg-header #head-search form input.text{width:216px}}#wporg-header #head-search form .button{background:#191e23 url(//s.w.org/wp-includes/images/admin-bar-sprite.png?d=20120831) no-repeat 2px 5px;border:none;border-radius:0;box-shadow:none;float:left;height:30px;margin:0;padding:0;text-shadow:none!important;width:26px}@media screen and (max-width:480px){#wporg-header #head-search form{width:248px}}@media screen and (min-width:480px){#wporg-header #head-search form{margin-left:0}}@media screen and (min-width:768px){#wporg-header{height:120px;text-align:inherit}#wporg-header h1{float:left;padding-left:10px}#wporg-header h2.rosetta{float:left;margin-left:0;pad

 ding:36px 27px 0}#wporg-header #headline h2{text-rendering:optimizeLegibility}#wporg-header #wporg-header-menu{float:left;height:46px;list-style:none;margin:-15px 0 0;max-width:inherit;min-width:0;padding:0;position:static;width:100%}#wporg-header ul li{float:left;position:relative}#wporg-header ul li a{height:46px;padding:0 6px}#wporg-header ul li a.current~.uparrow{border-bottom:9px solid #f7f7f7;border-left:9px solid transparent;border-right:9px solid transparent;height:0;margin:-8px auto 0;width:0}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after{border-bottom:9px solid #f7f7f7;border-left:9px solid transparent;border-right:9px solid transparent;content:"";height:0;left:50%;margin:-8px 0 0 -9px;position:absolute;width:0}#wporg-header ul li .nav-submenu:hover~.uparrow,#wporg-header ul li:hover .nav-submenu~.uparrow{border-bottom:9px solid #32373c;border-left:9px solid transparent;border-right:9px solid transparent;height:0;margin:

 -10px auto 0;width:0}#wporg-header ul li .nav-submenu{background:#32373c;border:1px solid #32373c;border-top:0;margin-top:-1px;min-width:0}#wporg-header ul li .nav-submenu li{float:none}#wporg-header ul li .nav-submenu li a{height:34px;line-height:34px}#wporg-header .nav-menu .focus>ul,#wporg-header .nav-menu ul li:hover>ul,#wporg-header ul.nav-menu .focus>ul,#wporg-header ul.nav-menu li:hover>ul{clip:inherit;height:inherit;overflow:inherit;width:inherit}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after,#wporg-header ul li a.current~.uparrow{border-bottom-color:#0073aa}}.page-download #wporg-header #download,.page-parent-download #wporg-header #download{display:none}#mobile-menu-button{background:none;box-shadow:none;display:block;font-family:dashicons;font-size:16px;font-style:normal;font-weight:400;left:10px;line-height:1;padding:1px;position:absolute;text-align:center;text-decoration:inherit;text-shadow:none;top:75px;transition:

 color .1s ease-in;vertical-align:top}#mobile-menu-button,#mobile-menu-button:before{-webkit-font-smoothing:antialiased;border:none;float:left}#mobile-menu-button:before{box-sizing:border-box;color:#888;content:"";display:inline-block;font:normal 50px/1 Dashicons;margin:0;outline:none;padding:3px;text-decoration:none;vertical-align:middle}@media screen and (min-width:768px){#mobile-menu-button{display:none}}#download-mobile{background:#f7f7f7;border-bottom:1px solid #ddd}#download-mobile .wrapper{padding:20px 0;text-align:center}#download-mobile span.download-ready{font-size:1.6em;margin:0 .25em}#download-mobile a.download-button{font-size:1.6em;height:inherit;margin:10px .25em;padding:10px 15px}.category-context-bar{background:#edeff0;border-radius:2px;font-size:.8125rem;margin:0 1.5rem;overflow:auto;transition:all .3s ease-out}@media (prefers-reduced-motion){.category-context-bar{transition:none}}.category-context-bar>div{align-items:center;display:flex;justify-cont

 ent:space-between}@media only screen and (min-width:782px){.category-context-bar{margin:0 1.5rem}}@media only screen and (min-width:960px){.category-context-bar{margin:0 auto;max-width:960px}}.category-context-bar ul{display:flex;justify-content:space-between;margin:0;padding:0}.category-context-bar ul li{font-size:.8125rem;list-style:none}.category-context-bar ul li a{display:block;padding:1.125rem .75rem;text-decoration:none}.category-context-bar ul li:last-child a{padding-right:1.5rem}.category-context-bar__copy{align-items:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.category-context-bar__title{color:#50575e;font-size:.75rem;font-weight:400;margin:0;padding-right:1.5rem;text-transform:uppercase}.category-context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.category-context-bar__links{display:none}}.category-context-bar__spinner{display:flex;margin:0;transform:scale(1);transition:transform .1s lin

 ear,width .15s ease-out,opacity 50ms linear 50ms;width:28px}@media (prefers-reduced-motion){.category-context-bar__spinner{transition:none}}.category-context-bar__spinner .components-spinner{margin:0}.category-context-bar__spinner--is-hidden{opacity:0;overflow:hidden;transform:scale(0);width:0}.pattern-copy-button.is-small-label{box-shadow:0 1px 2px rgba(0,0,0,.15)}.pattern-favorite-button{border-radius:2px;color:#50575e;font-size:.875rem;height:2.25rem;position:relative;width:2.25rem}.pattern-favorite-button svg{height:1.5rem;left:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transition:all .15s ease-out;width:1.5rem}.pattern-favorite-button svg path{fill:#6c7782}.pattern-favorite-button .pattern__favorite-filled{opacity:0}.pattern-favorite-button:hover{background:transparent;color:#50575e}.pattern-favorite-button:hover svg path{fill:#50575e}.pattern-favorite-button:active{background:transparent;box-shadow:none;transform:none}.pattern-favorite-button.has-label{height:

 auto;padding:12px 18px 12px 38px;width:auto}.pattern-favorite-button.has-label svg{left:9px;top:calc(50% - 12px)}.pattern-favorite-button.has-label svg path{fill:#000}.pattern-favorite-button.is-favorited svg path{fill:#e65054}.pattern-favorite-button.is-favorited .pattern__favorite-outline{opacity:0;transform:scale(2.8)}.pattern-favorite-button.is-favorited .pattern__favorite-filled{opacity:1}.pattern-favorite-button.is-favorited:hover .pattern__favorite-filled{animation:HeartBeat .9s infinite}@media (prefers-reduced-motion){.pattern-favorite-button.is-favorited:hover .pattern__favorite-filled{animation:none}}@keyframes HeartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}40%{transform:scale(1)}60%{transform:scale(1.2)}to{transform:scale(1)}}.main-navigation{float:none;position:static;width:auto}.main-navigation a{font-size:.8125rem}.main-navigation.toggled div.menu{background:#0073aa;position:absolute;right:0;top:57px;width:100%}.menu-toggle{-webkit-appearance:none;font-size:1

 .5625rem;height:auto;overflow:hidden;position:static;width:auto}body.page.my-patterns .entry-header{align-items:center;display:flex;margin:2rem auto 1rem;max-width:960px}body.page.my-patterns .entry-header .entry-title{display:inline-block;line-height:1.2;margin:0 2rem 0 0}body.page .entry-header{background:none;padding:0}body.page .entry-header .entry-title{color:inherit;margin:2rem auto 1rem;max-width:960px}@media screen and (min-width:737px){body.page .entry-header .entry-title{padding:0 10px}}.pattern-grid-menu{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:960px}.pattern-grid-menu .pattern-menu{width:100%}.pattern-grid-menu>form{margin:1.5rem;width:calc(100% - 3rem)}@media only screen and (min-width:783px){.pattern-grid-menu{flex-direction:row;margin:1.5rem}.pattern-grid-menu>form{margin:0;width:auto}}@media only screen and (min-width:960px){.pattern-grid-menu{margin:1.5rem auto}}.pattern-grid{margin:1.5rem;max-

 width:960px}@media screen and (min-width:600px){.pattern-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pattern-grid>*{align-self:baseline}}@media screen and (min-width:960px){.pattern-grid{margin-left:auto;margin-right:auto}}.pattern-grid__pattern{border:1px solid #d7dade;border-radius:2px;margin:0 0 1.5rem;position:relative;transition:all 75ms ease-in-out}@media screen and (min-width:600px){.pattern-grid__pattern{display:inline-block;margin:0}}.pattern-grid__pattern .pattern-grid__preview{overflow:hidden}.pattern-grid__pattern .pattern-grid__actions{align-items:center;backdrop-filter:blur(3px);background:hsla(0,0%,100%,.8);bottom:0;display:flex;left:0;opacity:0;padding:.375rem;position:absolute;right:0;transform:translateY(6px);transition:all 75ms ease-in-out}.pattern-grid__pattern .pattern-grid__actions .pattern-grid__title{flex-grow:1;font-size:.75rem;margin:0;padding:0 .375rem 0 .75rem;pointer-events:none}.pattern-grid__pattern .patte

 rn-grid__actions .pattern-copy-button,.pattern-grid__pattern .pattern-grid__actions .pattern-favorite-button{flex-shrink:0}.pattern-grid__pattern .pattern-grid__actions .button+.components-button{margin-left:.375rem}.pattern-grid__pattern:focus-within .pattern-grid__actions,.pattern-grid__pattern:hover .pattern-grid__actions{opacity:1;transform:translateY(0)}.pattern-menu:not(.is-mobile){margin:0;padding:0;position:relative}.pattern-menu:not(.is-mobile) li{display:inline-block;list-style:none;margin:0}.pattern-menu:not(.is-mobile) a{color:#40464d;display:block;font-size:.875rem;padding:.5rem .75rem;text-decoration:none}.pattern-menu:not(.is-mobile) a:active,.pattern-menu:not(.is-mobile) a:focus,.pattern-menu:not(.is-mobile) a:hover{color:#000}.pattern-menu .pattern-menu__item.is-active{background:#0073aa;border-radius:2px;color:#fff}.pattern-menu .pattern-menu__item.is-active:focus,.pattern-menu .pattern-menu__item.is-active:hover{color:#fff}.pattern-menu.is-mobile{border-top:none!i

 mportant;padding:0!important}.pattern-menu.is-mobile ul{background:#23282d;margin:0;padding:0}.pattern-menu.is-mobile li{border-top:1px solid #32373c;list-style:none}.pattern-menu.is-mobile li a{color:#ccd0d4;display:block;font-size:.875rem;padding:1rem 1.5rem;text-decoration:none}.pattern-menu.is-mobile>.components-panel__body-title{margin:0!important}.pattern-menu.is-mobile>.components-panel__body-title>button{padding:1.5rem}.pattern-menu.is-loading{height:24px;position:relative}.pattern-menu.is-loading:after{background:#f3f4f5;border-radius:4px;content:"";height:24px;left:0;position:absolute;top:calc(50% - 12px);transition:none;width:80%}.pagination{margin:1.5rem;max-width:960px}@media screen and (min-width:960px){.pagination{margin-left:auto;margin-right:auto}}.pagination__list{align-items:center;display:flex;gap:.75rem;justify-content:center;list-style:none;margin:0}@media (max-width:480px){.pagination__list{gap:.25rem}}.pagination__item,.pagination__link{dis

 play:inline-block}.pagination__link{background:#fff;border:1px solid #d7dade;border-radius:2px;line-height:1;padding:.75rem}.pagination__link,.pagination__link:active,.pagination__link:hover{text-decoration:none}.pagination__link[aria-current=page]{background:#191e23;border:1px solid #191e23;color:#fff}@media (max-width:480px){.pagination__link{padding:.5rem}}@media (max-width:600px){.pagination__item-next-page .pagination__link span[aria-hidden],.pagination__item-previous-page .pagination__link span[aria-hidden]{display:none}.pagination__item-previous-page .pagination__link:before{content:"<"}.pagination__item-next-page .pagination__link:before{content:">"}}.pattern-preview__container{background:#f3f4f5;padding:0}.pattern-preview__size-control{margin:0 auto;max-width:12rem;padding:1rem 0}.pattern-preview__size-control .components-base-control__field{margin-bottom:0}.pattern-preview__viewport{margin:0 auto;max-width:100vw;min-width:320px;padding:0 20px;posi

 tion:relative}.pattern-preview__viewport .pattern-preview__viewport-iframe{background:#fff;border:1px solid #e8eaeb;max-width:100vw;vertical-align:middle}.pattern-preview__viewport:focus-within .pattern-preview__resize-help{clip:auto;background:#fff;border:1px solid #d7dade;border-radius:2px;bottom:-1rem;clip-path:none;height:auto;left:20px;margin:initial;overflow:initial;padding:8px 16px;right:20px;text-align:center;width:auto}.pattern-preview__drag-handle{bottom:0;position:absolute;top:0;width:20px}.pattern-preview__drag-handle.is-left{left:0}.pattern-preview__drag-handle.is-right{right:0}.pattern-preview__drag-handle-button{appearance:none;background:#7e8993;border:none;border-radius:99999px;cursor:grab;height:100px;left:6px;outline:none;padding:0;position:absolute;top:calc(50% - 50px);width:8px}.pattern-preview__drag-handle-button:hover{background:#6c7782}.pattern-preview__drag-handle-button:active{background:#606a74;cursor:grabbing}.pattern-preview__drag-handle-button:focus{box

 -shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.pattern-report-button{color:#23282d!important}.pattern-report-button__copy{align-items:center;display:flex;justify-content:center;margin:0}.pattern-report-button__copy svg{margin-right:.375rem}.pattern-report-modal{max-width:400px;width:100%}@media screen and (min-width:600px){.pattern-report-modal{width:400px}}.pattern-report-modal form>:first-child{padding-bottom:1.5rem}.pattern-report-modal__has-fixed-height{min-height:400px}.pattern-report-modal__copy{line-height:1.5;text-align:center}.pattern-report-modal__actions{column-gap:4%;display:grid;grid-template-columns:48% 48%;margin-top:1.5rem}.pattern-report-modal__actions button{justify-content:center}.pattern-report-modal__radio .components-radio-control__option{margin-top:.75rem}.pattern-search{align-items:center;background:#fff;border:1px solid #6c7782;border-radius:2px;display:flex}.pattern-search input[type=search]{border:none;box-shadow:none;flex-grow:1;font-size:.8125rem;margin

 :0;padding:.25rem .5rem}.pattern-search input[type=search]:focus{outline:1px auto #0073aa}.pattern-search.is-loading{background:#f3f4f5;border-radius:4px;display:block;height:24px;min-width:100%}@media only screen and (min-width:480px){.pattern-search.is-loading{min-width:auto!important;width:224px!important}}.pattern-search__button{background:transparent;border:none;color:#6c7782;display:flex}.pattern-search__button:active{background:#d7dade}.pattern-search__button:focus{outline:1px auto #0073aa}body.single-wporg-pattern{box-sizing:border-box;font-size:14px;font-weight:400;line-height:1.2}body.single-wporg-pattern .site-content{margin:auto;max-width:none;padding:0}body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{margin-left:auto;margin-right:auto;max-width:960px;padding:1.5rem}@media only screen and (min-width:960px){body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-action

 s__container,body.single-wporg-pattern .pattern__meta{padding-left:0;padding-right:0}}body.single-wporg-pattern .entry-header{padding-bottom:1.875rem;padding-top:2.625rem}body.single-wporg-pattern .entry-header .entry-title{font-weight:600;line-height:1.2;margin-top:0}body.single-wporg-pattern .pattern__categories a{display:inline-block;margin-right:1rem}body.single-wporg-pattern .pattern__categories a:last-of-type{margin-right:0}body.single-wporg-pattern .pattern__categories-label{font-size:.75rem;font-weight:600;line-height:1.3333;margin-right:1rem;text-transform:uppercase}body.single-wporg-pattern .pattern-actions{background:#fff;padding:0 1.5rem 2rem}body.single-wporg-pattern .pattern-actions button{margin:0}@media only screen and (min-width:960px){body.single-wporg-pattern .pattern-actions{padding-left:0;padding-right:0}}body.single-wporg-pattern .pattern-actions__container{align-items:center;display:flex;flex-wrap:wrap;gap:.5em 2em;justify-content:flex-start;padding:0}@media (

 max-width:480px){body.single-wporg-pattern .pattern-actions__container{justify-content:center}}body.single-wporg-pattern .pattern-actions__notice{flex-basis:100%;height:auto;margin:1.5rem 0 0}body.single-wporg-pattern .pattern-actions__notice>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:0}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:.75rem}@media only screen and (min-width:600px){body.single-wporg-pattern .pattern-actions__notice>*{align-items:center;flex-direction:row}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:0}}body.single-wporg-pattern .pattern-actions__guide{height:auto;max-height:none;max-width:384px}body.single-wporg-pattern .pattern-actions__guide-content{line-height:1.5;padding:1.5rem}body.single-wporg-pattern .pattern-actions__guide-title{margin:0}body.single-wporg-pattern .pattern-actions__guide-shortcut{background:#edeff0;border-radius:2px;box-shadow:0 0 

 0 1px #ccd0d4;display:inline-block;font-weight:600;min-width:20px;padding:1px;text-align:center}body.single-wporg-pattern .entry-content{margin-left:auto;margin-right:auto;max-width:960px}body.single-wporg-pattern .pattern__meta{display:flex;justify-content:flex-end}.site-content{margin:0 auto;max-width:none;padding:0}body.home .site-header{padding:3.75rem 1rem;text-align:left}body.home .site-branding{display:grid;grid-template-columns:1fr 22rem;grid-template-rows:auto 1fr}body.home .site-branding>*{align-self:center}@media screen and (max-width:736px){body.home .site-branding{display:block}}body.home .site-title.site-title{font-size:3rem;grid-column-start:1;grid-row-start:1;line-height:1.25;margin-top:0;text-align:left}body.home .site-description{color:#fff;font-size:1.25rem;grid-column-start:1;grid-row-start:2;line-height:1.6;margin:0;text-align:left}body:not(.home) .site-branding{align-items:center;color:#fff;display:flex;font-size:.8125rem;justify-content:space-between}body:n

 ot(.home) .site-branding a{color:#fff}body:not(.home) .site-branding .sep{margin-left:.5rem;margin-right:.5rem}body:not(.home) .site-branding .is-current-page{font-weight:600}.site-title a{text-decoration:none}.site-title a:active,.site-title a:focus,.site-title a:hover{color:#fff}.has-wporg-blue-color{color:#1e8cbe}.has-wporg-blue-background-color{background-color:#1e8cbe}.has-wporg-purple-color{color:#826eb4}.has-wporg-purple-background-color{background-color:#826eb4}.has-wporg-white-color{color:#fff}.has-wporg-white-background-color{background-color:#fff}.home-page .shapes{margin:0 auto;position:relative}.home-page .shapes .parallelogram p:before{font-size:64px;height:64px;left:-16px;position:relative}.home-page .shapes .parallelogram{color:#fff;display:block;margin:0 auto;opacity:.9;padding:60px 40px;text-align:center;text-decoration:none}.home-page .shapes strong{display:block;font-size:28px;font-weight:300;padding-bottom:15px;padding-top:15px}.home-page .shapes p{color:#fff;fo

 nt-size:16px;font-weight:300;margin:0}.home-page .shapes u{display:block;font-size:18px;padding-top:15px}@media only screen and (min-width:768px){.home-page .shapes{height:400px}.home-page .shapes .parallelogram{padding:50px 90px;position:absolute;width:50%}}@media only screen and (min-width:960px){.home-page .shapes .parallelogram{-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);transform:skew(-15deg)}.home-page .shapes .parallelogram:before,.home-page .shapes p{-webkit-transform:skew(15deg);-ms-transform:skew(15deg);transform:skew(15deg)}}@media only screen and (min-width:1200px){.home-page .shapes{margin:0 -60px}}.terms{font-size:14px;font-style:italic}

</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file

</span></span></pre></div>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsfunctionsphp"></a>

<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/functions.php</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/functions.php  2021-06-21 20:30:28 UTC (rev 11055)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/functions.php    2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,7 +8,9 @@

</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'after_setup_theme', __NAMESPACE__ . '\setup' );

</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\enqueue_assets' );

</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'wp_head', __NAMESPACE__ . '\generate_block_editor_styles_html' );

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+add_action( 'body_class', __NAMESPACE__ . '\body_class', 10, 2 );

</ins><span class="cx" style="display: block; padding: 0 10px"> add_action( 'pre_get_posts', __NAMESPACE__ . '\pre_get_posts' );

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+add_filter( 'init', __NAMESPACE__ . '\add_rewrite' );

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'search_template', __NAMESPACE__ . '\use_index_php_as_template' );

</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'archive_template', __NAMESPACE__ . '\use_index_php_as_template' );

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -71,9 +73,10 @@

</span><span class="cx" style="display: block; padding: 0 10px">                wp_add_inline_script(

</span><span class="cx" style="display: block; padding: 0 10px">                        'wporg-pattern-script',

</span><span class="cx" style="display: block; padding: 0 10px">                        sprintf(

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                'var wporgAssetUrl = "%s", wporgSiteUrl = "%s";',

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         'var wporgAssetUrl = "%s", wporgSiteUrl = "%s", wporgLoginUrl = "%s";',

</ins><span class="cx" style="display: block; padding: 0 10px">                                 esc_url( get_stylesheet_directory_uri() ),

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                esc_url( home_url() )

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         esc_url( home_url() ),

+                               esc_url( wp_login_url() )

</ins><span class="cx" style="display: block; padding: 0 10px">                         ),

</span><span class="cx" style="display: block; padding: 0 10px">                        'before'

</span><span class="cx" style="display: block; padding: 0 10px">                );

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -125,25 +128,59 @@

</span><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /**

<del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Update the archive views to show block patterns.

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Add a class to body for the My Patterns page.

</ins><span class="cx" style="display: block; padding: 0 10px">  *

<del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * @param \WP_Query $wp_query The WordPress Query object.

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @param string[] $classes An array of body class names.

+ * @param string[] $class   An array of additional class names added to the body.

</ins><span class="cx" style="display: block; padding: 0 10px">  */

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function pre_get_posts( $wp_query ) {

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function body_class( $classes, $class ) {

+       global $wp_query;

+       if ( 'my-patterns' === $wp_query->get( 'pagename' ) ) {

+               $classes[] = 'my-patterns';

+       }

+       return $classes;

+}

+

+/**

+ * Handle queries.

+ * - My Patterns and Favories have "subpages" which should still show the root page.

+ * - Default & archive views should show patterns, not posts.

+ *

+ * @param \WP_Query $query The WordPress Query object.

+ */

+function pre_get_posts( $query ) {

</ins><span class="cx" style="display: block; padding: 0 10px">         if ( is_admin() ) {

</span><span class="cx" style="display: block; padding: 0 10px">                return;

</span><span class="cx" style="display: block; padding: 0 10px">        }

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        if ( ! $query->is_main_query() ) {

+               return;

+       }

</ins><span class="cx" style="display: block; padding: 0 10px"> 

<del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        // Unless otherwise specified, queries should fetch published block patterns.

-       if (

-               empty( $wp_query->query_vars['pagename'] ) &&

-               ( empty( $wp_query->query_vars['post_type'] ) || 'post' == $wp_query->query_vars['post_type'] )

-       ) {

-               $wp_query->query_vars['post_type']   = array( POST_TYPE );

-               $wp_query->query_vars['post_status'] = array( 'publish' );

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $pagename = $query->get( 'pagename' );

+       if ( $pagename ) {

+               list( $_pagename ) = explode( '/', $pagename );

+               if ( in_array( $_pagename, array( 'my-patterns', 'favorites' ) ) ) {

+                       // Need to get the page ID because this is set before `pre_get_posts` fires.

+                       $page = get_page_by_path( $_pagename );

+                       $query->set( 'pagename', $_pagename );

+                       $query->set( 'page_id', (int) $page->ID );

+               }

+       } else if ( ! $query->get( 'pagename' ) && 'post' === $query->get( 'post_type', 'post' ) ) {

+               $query->set( 'post_type', array( POST_TYPE ) );

+               $query->set( 'post_status', array( 'publish' ) );

</ins><span class="cx" style="display: block; padding: 0 10px">         }

</span><span class="cx" style="display: block; padding: 0 10px"> }

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+

</ins><span class="cx" style="display: block; padding: 0 10px"> /**

<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Add the "My Patterns" status rewrites.

+ * This will redirect `my-patterns/draft`, `my-patterns/pending` etc to use the My Patterns page.

+ */

+function add_rewrite() {

+       add_rewrite_rule( '^my-patterns/[^/]+/?$', 'index.php?pagename=my-patterns', 'top' );

+}

+

+

+/**

</ins><span class="cx" style="display: block; padding: 0 10px">  * Use the index.php template for various WordPress views that would otherwise be handled by the parent theme.

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> function use_index_php_as_template() {

</span></span></pre></div>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternspackagejson"></a>

<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/package.json</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/package.json   2021-06-21 20:30:28 UTC (rev 11055)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/package.json     2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -60,6 +60,7 @@

</span><span class="cx" style="display: block; padding: 0 10px">                "extends": "../../../../.eslintrc.js",

</span><span class="cx" style="display: block; padding: 0 10px">                "globals": {

</span><span class="cx" style="display: block; padding: 0 10px">                        "wporgAssetUrl": "readonly",

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        "wporgLoginUrl": "readonly",

</ins><span class="cx" style="display: block; padding: 0 10px">                         "wporgSiteUrl": "readonly"

</span><span class="cx" style="display: block; padding: 0 10px">                }

</span><span class="cx" style="display: block; padding: 0 10px">        },

</span></span></pre></div>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternspagemypatternsphp"></a>

<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/page-my-patterns.php</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/page-my-patterns.php                           (rev 0)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/page-my-patterns.php     2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,25 @@

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php

+/**

+ * The template for displaying My Patterns.

+ *

+ * @package WordPressdotorg\Pattern_Directory\Theme

+ */

+

+namespace WordPressdotorg\Pattern_Directory\Theme;

+

+get_header();

+?>

+

+<main id="main" class="site-main" role="main">

+

+       <header class="entry-header">

+               <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>

+               <a href="<?php echo esc_url( home_url( '/new-pattern' ) ); ?>" class="button button-outline"><?php esc_html_e( 'Create a new pattern', 'wporg-patterns' ); ?></a>

+       </header><!-- .entry-header -->

+

+       <div id="my-patterns__container"></div>

+

+</main><!-- #main -->

+

+<?php

+get_footer();

</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/page-my-patterns.php

</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________

</span></span></pre></div>

<a id="svneolstyle"></a>

<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>

<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native

</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property

</span><a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsmypatternsindexjs"></a>

<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/index.js</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/index.js                            (rev 0)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/index.js      2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,46 @@

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**

+ * WordPress dependencies

+ */

+import { __ } from '@wordpress/i18n';

+import { addQueryArgs } from '@wordpress/url';

+import { store as coreStore } from '@wordpress/core-data';

+import { store as patternStore } from '../../store';

+import { useSelect } from '@wordpress/data';

+

+/**

+ * Internal dependencies

+ */

+import Menu from './menu';

+import PatternGrid from '../pattern-grid';

+import QueryMonitor from '../query-monitor';

+import { RouteProvider } from '../../hooks';

+

+const MyPatterns = () => {

+       const query = useSelect( ( select ) => select( patternStore ).getCurrentQuery() );

+       const author = useSelect( ( select ) => select( coreStore ).getCurrentUser()?.id );

+

+       if ( ! author ) {

+               const loginUrl = addQueryArgs( wporgLoginUrl, { redirect_to: window.location } );

+               return (

+                       <div className="entry-content">

+                               <p>{ __( 'Please log in to view your patterns.', 'wporg-patterns' ) }</p>

+                               <a className="button button-primary" href={ loginUrl }>

+                                       { __( 'Log in', 'wporg-patterns' ) }

+                               </a>

+                       </div>

+               );

+       }

+       // Show all patterns regardless of status, but if the current query has a status (the view is draft, for

+       // example), that will override `any`. Lastly, make sure this shows the current user's patterns.

+       const modifiedQuery = { status: 'any', ...query, author: author };

+

+       return (

+               <RouteProvider>

+                       <QueryMonitor />

+                       <Menu />

+                       <PatternGrid query={ modifiedQuery } />

+               </RouteProvider>

+       );

+};

+

+export default MyPatterns;

</ins></span></pre></div>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsmypatternsmenujs"></a>

<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/menu.js</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/menu.js                             (rev 0)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/menu.js       2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,53 @@

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**

+ * WordPress dependencies

+ */

+import { __ } from '@wordpress/i18n';

+

+/**

+ * Internal dependencies

+ */

+import Menu from '../menu';

+import { getValueFromPath } from '../../utils';

+import { useRoute } from '../../hooks';

+

+export default function () {

+       const { path, update: updatePath } = useRoute();

+       let view = getValueFromPath( path, 'my-patterns' );

+       if ( 'page' === view ) {

+               view = 'all';

+       }

+

+       // @todo Load from an API to get pattern counts.

+       const options = [

+               {

+                       value: `${ wporgSiteUrl }/my-patterns/`,

+                       slug: 'all',

+                       label: __( 'All', 'wporg-patterns' ),

+               },

+               {

+                       value: `${ wporgSiteUrl }/my-patterns/draft/`,

+                       slug: 'draft',

+                       label: __( 'Drafts', 'wporg-patterns' ),

+               },

+               {

+                       value: `${ wporgSiteUrl }/my-patterns/pending/`,

+                       slug: 'pending',

+                       label: __( 'Pending Review', 'wporg-patterns' ),

+               },

+       ];

+

+       return (

+               <nav className="pattern-grid-menu">

+                       <Menu

+                               label={ __( 'Menu', 'wporg-patterns' ) }

+                               current={ view || 'all' }

+                               options={ options }

+                               onClick={ ( event ) => {

+                                       event.preventDefault();

+                                       updatePath( event.target.pathname );

+                               } }

+                               isLoading={ false }

+                       />

+               </nav>

+       );

+}

</ins></span></pre></div>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsquerymonitorindexjs"></a>

<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/query-monitor/index.js</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/query-monitor/index.js  2021-06-21 20:30:28 UTC (rev 11055)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/query-monitor/index.js    2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10,7 +10,7 @@

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> import { store as patternStore } from '../../store';

</span><span class="cx" style="display: block; padding: 0 10px"> import { useRoute } from '../../hooks';

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-import { getCategoryFromPath, getPageFromPath } from '../../utils';

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+import { getCategoryFromPath, getPageFromPath, getValueFromPath } from '../../utils';

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px"> /**

</span><span class="cx" style="display: block; padding: 0 10px">  * Listens for changes to the path and reconstructs the query object based on the path

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -20,27 +20,22 @@

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">        const query = useSelect(

</span><span class="cx" style="display: block; padding: 0 10px">                ( select ) => {

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        const { getCategoryBySlug, hasLoadedCategories } = select( patternStore );

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 let _query = getQueryArgs( path );

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        // We need categories loaded before building the query

-                       if ( ! hasLoadedCategories() ) {

-                               return;

-                       }

-

</del><span class="cx" style="display: block; padding: 0 10px">                         const categorySlug = getCategoryFromPath( path );

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        const category = getCategoryBySlug( categorySlug );

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 if ( categorySlug ) {

+                               const { getCategoryBySlug, hasLoadedCategories } = select( patternStore );

+                               if ( ! hasLoadedCategories() ) {

+                                       return;

+                               }

</ins><span class="cx" style="display: block; padding: 0 10px"> 

</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        // Default to {} if empty

-                       const queryStrings = getQueryArgs( path );

-

-                       let _query = queryStrings;

-

-                       // If we have a category and it's not the default category

-                       if ( category && category.id !== -1 ) {

-                               _query = {

-                                       ..._query,

-                                       'pattern-categories': category.id,

-                               };

</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         const category = getCategoryBySlug( categorySlug );

+                               if ( category && category.id !== -1 ) {

+                                       _query = {

+                                               ..._query,

+                                               'pattern-categories': category.id,

+                                       };

+                               }

</ins><span class="cx" style="display: block; padding: 0 10px">                         }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><span class="cx" style="display: block; padding: 0 10px">                        const page = getPageFromPath( path );

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -48,6 +43,11 @@

</span><span class="cx" style="display: block; padding: 0 10px">                                _query.page = page;

</span><span class="cx" style="display: block; padding: 0 10px">                        }

</span><span class="cx" style="display: block; padding: 0 10px"> 

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        const myPatternStatus = getValueFromPath( path, 'my-patterns' );

+                       if ( myPatternStatus && 'page' !== myPatternStatus ) {

+                               _query.status = myPatternStatus;

+                       }

+

</ins><span class="cx" style="display: block; padding: 0 10px">                         return _query;

</span><span class="cx" style="display: block; padding: 0 10px">                },

</span><span class="cx" style="display: block; padding: 0 10px">                [ path ]

</span></span></pre></div>

<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrcindexjs"></a>

<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/index.js</h4>

<pre class="diff"><span>

<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/index.js   2021-06-21 20:30:28 UTC (rev 11055)

+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/index.js     2021-06-23 15:22:29 UTC (rev 11056)

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,6 +8,7 @@

</span><span class="cx" style="display: block; padding: 0 10px">  */

</span><span class="cx" style="display: block; padding: 0 10px"> import Pattern from './components/pattern';

</span><span class="cx" style="display: block; padding: 0 10px"> import Patterns from './components/patterns';

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+import MyPatterns from './components/my-patterns';

</ins><span class="cx" style="display: block; padding: 0 10px"> 

<span class="cx" style="display: block; padding: 0 10px"> // Load the grid into the awaiting preview container.

</span><span class="cx" style="display: block; padding: 0 10px"> const gridContainer = document.getElementById( 'patterns__container' );

</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -16,6 +17,12 @@

</span><span class="cx" style="display: block; padding: 0 10px"> }

</span><span class="cx" style="display: block; padding: 0 10px"> 

<span class="cx" style="display: block; padding: 0 10px"> // Load the preview into any awaiting preview container.

</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+const myGridContainer = document.getElementById( 'my-patterns__container' );

+if ( myGridContainer ) {

+       render( <MyPatterns />, myGridContainer );

+}

+

+// Load the preview into any awaiting preview container.

</ins><span class="cx" style="display: block; padding: 0 10px"> const previewContainers = document.querySelectorAll( '.pattern-preview__container' );

</span><span class="cx" style="display: block; padding: 0 10px"> for ( let i = 0; i < previewContainers.length; i++ ) {

</span><span class="cx" style="display: block; padding: 0 10px">        const container = previewContainers[ i ];

</span></span></pre>

</div>

</div>

</body>

</html>