diff --git a/CHANGELOG.md b/CHANGELOG.md
index 71fb5c8c35e..facc80cb423 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Release Notes for Craft CMS 3.x
 
+## Unreleased
+
+- The Craft 4 Upgrade utility now shows the upgrade status and latest compatible version for abandoned plugins.
+
 ## 3.9.12 - 2024-03-19
 
 - Craft no longer shows an alert when an installed Craft/plugin edition is a lower tier than the licensed edition.
diff --git a/src/web/assets/upgrade/dist/UpgradeUtility.js b/src/web/assets/upgrade/dist/UpgradeUtility.js
index 4e3b174beb0..e9ed3cff451 100644
--- a/src/web/assets/upgrade/dist/UpgradeUtility.js
+++ b/src/web/assets/upgrade/dist/UpgradeUtility.js
@@ -1,2 +1,2 @@
-!function(){var t={956:function(){},695:function(t,e,n){var r=n(956);r.__esModule&&(r=r.default),"string"==typeof r&&(r=[[t.id,r,""]]),r.locals&&(t.exports=r.locals),(0,n(673).Z)("00d5c8f2",r,!0,{})},673:function(t,e,n){"use strict";function r(t,e){for(var n=[],r={},a=0;a<e.length;a++){var o=e[a],i=o[0],s={id:t+":"+a,css:o[1],media:o[2],sourceMap:o[3]};r[i]?r[i].parts.push(s):n.push(r[i]={id:i,parts:[s]})}return n}n.d(e,{Z:function(){return h}});var a="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!a)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var o={},i=a&&(document.head||document.getElementsByTagName("head")[0]),s=null,p=0,l=!1,u=function(){},d=null,c="data-vue-ssr-id",f="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function h(t,e,n,a){l=n,d=a||{};var i=r(t,e);return v(i),function(e){for(var n=[],a=0;a<i.length;a++){var s=i[a];(p=o[s.id]).refs--,n.push(p)}for(e?v(i=r(t,e)):i=[],a=0;a<n.length;a++){var p;if(0===(p=n[a]).refs){for(var l=0;l<p.parts.length;l++)p.parts[l]();delete o[p.id]}}}}function v(t){for(var e=0;e<t.length;e++){var n=t[e],r=o[n.id];if(r){r.refs++;for(var a=0;a<r.parts.length;a++)r.parts[a](n.parts[a]);for(;a<n.parts.length;a++)r.parts.push(m(n.parts[a]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{var i=[];for(a=0;a<n.parts.length;a++)i.push(m(n.parts[a]));o[n.id]={id:n.id,refs:1,parts:i}}}}function g(){var t=document.createElement("style");return t.type="text/css",i.appendChild(t),t}function m(t){var e,n,r=document.querySelector("style["+c+'~="'+t.id+'"]');if(r){if(l)return u;r.parentNode.removeChild(r)}if(f){var a=p++;r=s||(s=g()),e=C.bind(null,r,a,!1),n=C.bind(null,r,a,!0)}else r=g(),e=T.bind(null,r),n=function(){r.parentNode.removeChild(r)};return e(t),function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap)return;e(t=r)}else n()}}var y,b=(y=[],function(t,e){return y[t]=e,y.filter(Boolean).join("\n")});function C(t,e,n,r){var a=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=b(e,a);else{var o=document.createTextNode(a),i=t.childNodes;i[e]&&t.removeChild(i[e]),i.length?t.insertBefore(o,i[e]):t.appendChild(o)}}function T(t,e){var n=e.css,r=e.media,a=e.sourceMap;if(r&&t.setAttribute("media",r),d.ssrId&&t.setAttribute(c,e.id),a&&(n+="\n/*# sourceURL="+a.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}}},e={};function n(r){var a=e[r];if(void 0!==a)return a.exports;var o=e[r]={id:r,exports:{}};return t[r](o,o.exports,n),o.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},function(){"use strict";var t;function e(t,e){if(t){if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}n(695),t=jQuery,Craft.UpgradeUtility=Garnish.Base.extend({version:null,installedPlugins:null,$body:null,$graphic:null,$status:null,init:function(e,n){var r=this;this.version=e,this.installedPlugins=n,this.$body=t("#content"),this.$graphic=t("#graphic"),this.$status=t("#status"),Craft.sendApiRequest("GET","upgrade-info?cmsConstraint=^".concat(e,".0")).then((function(t){t.cms.latestVersion?r.showUpgradeInfo(t):r.displayError()})).catch((function(){r.displayError()}))},showUpgradeInfo:function(n){var a;this.$graphic.remove(),this.$status.remove();var o,i=n.plugins.map((function(t){return t.handle})),s=this.installedPlugins.filter((function(t){return!i.includes(t.handle)}));(a=n.plugins).push.apply(a,function(t){if(Array.isArray(t))return r(t)}(o=s.map((function(t){return Object.assign(t,{unknown:!0})})))||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(o)||e(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());var p=t('<div class="readable"/>').append(t("<h2/>",{text:Craft.t("app","Plugins")})).appendTo(this.$body);if(n.plugins.length){p.append(t("<p/>",{text:Craft.t("app","All plugins must be compatible with Craft {version} before you can upgrade.",{version:this.version})}));var l=t('<table id="plugins" class="data fullwidth"/>').appendTo(this.$body);t("\n          <thead>\n            <tr>\n              <th>".concat(Craft.t("app","Plugin"),"</th>\n              <th>").concat(Craft.t("app","Status"),"</th>\n              <th>").concat(Craft.t("app","Notes"),"</th>\n            </tr>\n          </thead>\n        ")).appendTo(l);var u,d=t("<tbody/>").appendTo(l),c=function(t,n){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=e(t))){r&&(t=r);var a=0,o=function(){};return{s:o,n:function(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,s=!0,p=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return s=t.done,t},e:function(t){p=!0,i=t},f:function(){try{s||null==r.return||r.return()}finally{if(p)throw i}}}}(n.plugins);try{for(c.s();!(u=c.n()).done;){var f=u.value,h=t("<tr/>").appendTo(d),v=t("<th/>").appendTo(h);f.icon&&t('<div class="plugin-icon">'.concat(f.icon,"</div>")).appendTo(v),f.unknown?t("<span/>",{class:"plugin-name",text:f.name}).appendTo(v):t("<a/>",{class:"plugin-name",href:"https://plugins.craftcms.com/".concat(f.handle,"?cmsConstraint=^").concat(this.version,".0"),text:f.name}).appendTo(v);var g=t('<div class="plugin-developer"/>').appendTo(v);f.developerUrl?t("<a/>",{href:f.developerUrl,text:f.developerName}).appendTo(g):g.text(f.developerName);var m=t("<td/>").appendTo(h),y="";f.abandoned?(t("<div/>",{class:"plugin-status plugin-abandoned",text:Craft.t("app","Abandoned")}).appendTo(m),f.replacement&&(y=Craft.t("app",'The developer recommends using <a href="{url}">{name}</a> instead.',{url:"https://plugins.craftcms.com/".concat(f.replacement.handle),name:f.replacement.name}))):f.latestVersion?(t("<div/>",{class:"plugin-status plugin-ready",text:Craft.t("app","Ready")}).appendTo(m),t("<div/>",{class:"plugin-version",text:f.latestVersion}).appendTo(m),f.phpConstraint&&f.phpConstraint!=n.cms.phpConstraint&&(y=Craft.t("app","Requires PHP {version}",{version:f.phpConstraint}))):f.unknown?t("<div/>",{class:"plugin-status",text:f.isInstalled?Craft.t("app","Unknown"):Craft.t("app","Not installed")}).appendTo(m):t("<div/>",{class:"plugin-status plugin-not-ready",text:Craft.t("app","Not ready")}).appendTo(m),f.note&&(y=Craft.escapeHtml(f.note)),t("<td/>",{class:"plugin-note",html:y}).appendTo(h)}}catch(t){c.e(t)}finally{c.f()}}else p.append(t("<p/>",{text:Craft.t("app","No plugins are installed.")}));t('<div class="readable centeralign pane"/>').append(t("<h2/>",{text:Craft.t("app","Ready to upgrade?")})).append(t("<p/>",{html:Craft.t("app","View the <a>upgrade guide</a>").replace("<a>",'<a class="go" href="https://craftcms.com/docs/'.concat(this.version,'.x/upgrade.html">'))})).appendTo(this.$body),Craft.initUiElements(this.$body)},displayError:function(){this.$graphic.addClass("error"),this.$status.text(Craft.t("app","Unable to fetch upgrade info at this time."))}})}()}();
+!function(){var t={956:function(){},695:function(t,e,n){var r=n(956);r.__esModule&&(r=r.default),"string"==typeof r&&(r=[[t.id,r,""]]),r.locals&&(t.exports=r.locals),(0,n(673).Z)("00d5c8f2",r,!0,{})},673:function(t,e,n){"use strict";function r(t,e){for(var n=[],r={},a=0;a<e.length;a++){var o=e[a],i=o[0],s={id:t+":"+a,css:o[1],media:o[2],sourceMap:o[3]};r[i]?r[i].parts.push(s):n.push(r[i]={id:i,parts:[s]})}return n}n.d(e,{Z:function(){return h}});var a="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!a)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var o={},i=a&&(document.head||document.getElementsByTagName("head")[0]),s=null,p=0,l=!1,u=function(){},d=null,c="data-vue-ssr-id",f="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function h(t,e,n,a){l=n,d=a||{};var i=r(t,e);return v(i),function(e){for(var n=[],a=0;a<i.length;a++){var s=i[a];(p=o[s.id]).refs--,n.push(p)}for(e?v(i=r(t,e)):i=[],a=0;a<n.length;a++){var p;if(0===(p=n[a]).refs){for(var l=0;l<p.parts.length;l++)p.parts[l]();delete o[p.id]}}}}function v(t){for(var e=0;e<t.length;e++){var n=t[e],r=o[n.id];if(r){r.refs++;for(var a=0;a<r.parts.length;a++)r.parts[a](n.parts[a]);for(;a<n.parts.length;a++)r.parts.push(m(n.parts[a]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{var i=[];for(a=0;a<n.parts.length;a++)i.push(m(n.parts[a]));o[n.id]={id:n.id,refs:1,parts:i}}}}function g(){var t=document.createElement("style");return t.type="text/css",i.appendChild(t),t}function m(t){var e,n,r=document.querySelector("style["+c+'~="'+t.id+'"]');if(r){if(l)return u;r.parentNode.removeChild(r)}if(f){var a=p++;r=s||(s=g()),e=C.bind(null,r,a,!1),n=C.bind(null,r,a,!0)}else r=g(),e=T.bind(null,r),n=function(){r.parentNode.removeChild(r)};return e(t),function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap)return;e(t=r)}else n()}}var y,b=(y=[],function(t,e){return y[t]=e,y.filter(Boolean).join("\n")});function C(t,e,n,r){var a=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=b(e,a);else{var o=document.createTextNode(a),i=t.childNodes;i[e]&&t.removeChild(i[e]),i.length?t.insertBefore(o,i[e]):t.appendChild(o)}}function T(t,e){var n=e.css,r=e.media,a=e.sourceMap;if(r&&t.setAttribute("media",r),d.ssrId&&t.setAttribute(c,e.id),a&&(n+="\n/*# sourceURL="+a.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}}},e={};function n(r){var a=e[r];if(void 0!==a)return a.exports;var o=e[r]={id:r,exports:{}};return t[r](o,o.exports,n),o.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},function(){"use strict";var t;function e(t,e){if(t){if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}n(695),t=jQuery,Craft.UpgradeUtility=Garnish.Base.extend({version:null,installedPlugins:null,$body:null,$graphic:null,$status:null,init:function(e,n){var r=this;this.version=e,this.installedPlugins=n,this.$body=t("#content"),this.$graphic=t("#graphic"),this.$status=t("#status"),Craft.sendApiRequest("GET","upgrade-info?cmsConstraint=^".concat(e,".0")).then((function(t){t.cms.latestVersion?r.showUpgradeInfo(t):r.displayError()})).catch((function(){r.displayError()}))},showUpgradeInfo:function(n){var a;this.$graphic.remove(),this.$status.remove();var o,i=n.plugins.map((function(t){return t.handle})),s=this.installedPlugins.filter((function(t){return!i.includes(t.handle)}));(a=n.plugins).push.apply(a,function(t){if(Array.isArray(t))return r(t)}(o=s.map((function(t){return Object.assign(t,{unknown:!0})})))||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(o)||e(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());var p=t('<div class="readable"/>').append(t("<h2/>",{text:Craft.t("app","Plugins")})).appendTo(this.$body);if(n.plugins.length){p.append(t("<p/>",{text:Craft.t("app","All plugins must be compatible with Craft {version} before you can upgrade.",{version:this.version})}));var l=t('<table id="plugins" class="data fullwidth"/>').appendTo(this.$body);t("\n          <thead>\n            <tr>\n              <th>".concat(Craft.t("app","Plugin"),"</th>\n              <th>").concat(Craft.t("app","Status"),"</th>\n              <th>").concat(Craft.t("app","Notes"),"</th>\n            </tr>\n          </thead>\n        ")).appendTo(l);var u,d=t("<tbody/>").appendTo(l),c=function(t,n){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=e(t))){r&&(t=r);var a=0,o=function(){};return{s:o,n:function(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,s=!0,p=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return s=t.done,t},e:function(t){p=!0,i=t},f:function(){try{s||null==r.return||r.return()}finally{if(p)throw i}}}}(n.plugins);try{for(c.s();!(u=c.n()).done;){var f=u.value,h=t("<tr/>").appendTo(d),v=t("<th/>").appendTo(h);f.icon&&t('<div class="plugin-icon">'.concat(f.icon,"</div>")).appendTo(v),f.unknown?t("<span/>",{class:"plugin-name",text:f.name}).appendTo(v):t("<a/>",{class:"plugin-name",href:"https://plugins.craftcms.com/".concat(f.handle,"?cmsConstraint=^").concat(this.version,".0"),text:f.name}).appendTo(v);var g=t('<div class="plugin-developer"/>').appendTo(v);f.developerUrl?t("<a/>",{href:f.developerUrl,text:f.developerName}).appendTo(g):g.text(f.developerName);var m=t("<td/>").addClass("plugin-badges").appendTo(h),y="";f.latestVersion?(t("<div/>",{class:"plugin-status plugin-ready",text:Craft.t("app","Ready")}).appendTo(m),t("<div/>",{class:"plugin-version",text:f.latestVersion}).appendTo(m),f.phpConstraint&&f.phpConstraint!=n.cms.phpConstraint&&(y=Craft.t("app","Requires PHP {version}",{version:f.phpConstraint}))):f.unknown?t("<div/>",{class:"plugin-status",text:f.isInstalled?Craft.t("app","Unknown"):Craft.t("app","Not installed")}).appendTo(m):t("<div/>",{class:"plugin-status plugin-not-ready",text:Craft.t("app","Not ready")}).appendTo(m),f.abandoned&&(t("<div/>",{class:"plugin-status plugin-abandoned",text:Craft.t("app","Abandoned")}).appendTo(m),f.replacement&&(y=Craft.t("app",'The developer recommends using <a href="{url}">{name}</a> instead.',{url:"https://plugins.craftcms.com/".concat(f.replacement.handle),name:f.replacement.name}))),f.note&&(y=Craft.escapeHtml(f.note)),t("<td/>",{class:"plugin-note",html:y}).appendTo(h)}}catch(t){c.e(t)}finally{c.f()}}else p.append(t("<p/>",{text:Craft.t("app","No plugins are installed.")}));t('<div class="readable centeralign pane"/>').append(t("<h2/>",{text:Craft.t("app","Ready to upgrade?")})).append(t("<p/>",{html:Craft.t("app","View the <a>upgrade guide</a>").replace("<a>",'<a class="go" href="https://craftcms.com/docs/'.concat(this.version,'.x/upgrade.html">'))})).appendTo(this.$body),Craft.initUiElements(this.$body)},displayError:function(){this.$graphic.addClass("error"),this.$status.text(Craft.t("app","Unable to fetch upgrade info at this time."))}})}()}();
 //# sourceMappingURL=UpgradeUtility.js.map
\ No newline at end of file
diff --git a/src/web/assets/upgrade/dist/UpgradeUtility.js.map b/src/web/assets/upgrade/dist/UpgradeUtility.js.map
index af5e5177a48..9270a35c8ac 100644
--- a/src/web/assets/upgrade/dist/UpgradeUtility.js.map
+++ b/src/web/assets/upgrade/dist/UpgradeUtility.js.map
@@ -1 +1 @@
-{"version":3,"file":"UpgradeUtility.js","mappings":"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","sources":["webpack:///./upgrade.scss?8eeb","webpack:///../../../../../node_modules/vue-style-loader/lib/listToStyles.js","webpack:///../../../../../node_modules/vue-style-loader/lib/addStylesClient.js","webpack:///webpack/bootstrap","webpack:///webpack/runtime/compat get default export","webpack:///webpack/runtime/define property getters","webpack:///webpack/runtime/hasOwnProperty shorthand","webpack:///./UpgradeUtility.js"],"sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ruleSet[1].rules[3].use[1]!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!./upgrade.scss\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"00d5c8f2\", content, true, {});","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nexport default function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n","/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nimport listToStyles from './listToStyles'\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nexport default function addStylesClient (parentId, list, _isProduction, _options) {\n  isProduction = _isProduction\n\n  options = _options || {}\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n  if (options.ssrId) {\n    styleElement.setAttribute(ssrIdKey, obj.id)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","import './upgrade.scss';\n\n(function ($) {\n  /** global: Craft */\n  /** global: Garnish */\n  Craft.UpgradeUtility = Garnish.Base.extend({\n    version: null,\n    installedPlugins: null,\n\n    $body: null,\n    $graphic: null,\n    $status: null,\n\n    init: function (version, installedPlugins) {\n      this.version = version;\n      this.installedPlugins = installedPlugins;\n\n      this.$body = $('#content');\n      this.$graphic = $('#graphic');\n      this.$status = $('#status');\n\n      Craft.sendApiRequest('GET', `upgrade-info?cmsConstraint=^${version}.0`)\n        .then((data) => {\n          if (data.cms.latestVersion) {\n            this.showUpgradeInfo(data);\n          } else {\n            this.displayError();\n          }\n        })\n        .catch(() => {\n          this.displayError();\n        });\n    },\n\n    showUpgradeInfo: function (data) {\n      this.$graphic.remove();\n      this.$status.remove();\n\n      const handles = data.plugins.map((info) => info.handle);\n      const missingPluginInfo = this.installedPlugins.filter((info) => {\n        return !handles.includes(info.handle);\n      });\n\n      data.plugins.push(\n        ...missingPluginInfo.map((info) => Object.assign(info, {unknown: true}))\n      );\n\n      const $pluginIntro = $('<div class=\"readable\"/>')\n        .append(\n          $('<h2/>', {\n            text: Craft.t('app', 'Plugins'),\n          })\n        )\n        .appendTo(this.$body);\n\n      if (data.plugins.length) {\n        $pluginIntro.append(\n          $('<p/>', {\n            text: Craft.t(\n              'app',\n              'All plugins must be compatible with Craft {version} before you can upgrade.',\n              {\n                version: this.version,\n              }\n            ),\n          })\n        );\n\n        const $table = $(\n          '<table id=\"plugins\" class=\"data fullwidth\"/>'\n        ).appendTo(this.$body);\n        $(`\n          <thead>\n            <tr>\n              <th>${Craft.t('app', 'Plugin')}</th>\n              <th>${Craft.t('app', 'Status')}</th>\n              <th>${Craft.t('app', 'Notes')}</th>\n            </tr>\n          </thead>\n        `).appendTo($table);\n\n        const $tbody = $('<tbody/>').appendTo($table);\n        for (const plugin of data.plugins) {\n          const $tr = $('<tr/>').appendTo($tbody);\n          const $th = $('<th/>').appendTo($tr);\n          // const $infoContainer = $('<div class=\"plugin-info\"/>').appendTo($th);\n          if (plugin.icon) {\n            $(`<div class=\"plugin-icon\">${plugin.icon}</div>`).appendTo($th);\n          }\n          if (plugin.unknown) {\n            $('<span/>', {\n              class: 'plugin-name',\n              text: plugin.name,\n            }).appendTo($th);\n          } else {\n            $('<a/>', {\n              class: 'plugin-name',\n              href: `https://plugins.craftcms.com/${plugin.handle}?cmsConstraint=^${this.version}.0`,\n              text: plugin.name,\n            }).appendTo($th);\n          }\n          const $devContainer = $('<div class=\"plugin-developer\"/>').appendTo(\n            $th\n          );\n          if (plugin.developerUrl) {\n            $('<a/>', {\n              href: plugin.developerUrl,\n              text: plugin.developerName,\n            }).appendTo($devContainer);\n          } else {\n            $devContainer.text(plugin.developerName);\n          }\n\n          const $tdStatus = $('<td/>').appendTo($tr);\n          let noteHtml = '';\n\n          if (plugin.abandoned) {\n            $('<div/>', {\n              class: 'plugin-status plugin-abandoned',\n              text: Craft.t('app', 'Abandoned'),\n            }).appendTo($tdStatus);\n            if (plugin.replacement) {\n              noteHtml = Craft.t(\n                'app',\n                'The developer recommends using <a href=\"{url}\">{name}</a> instead.',\n                {\n                  url: `https://plugins.craftcms.com/${plugin.replacement.handle}`,\n                  name: plugin.replacement.name,\n                }\n              );\n            }\n          } else if (plugin.latestVersion) {\n            $('<div/>', {\n              class: 'plugin-status plugin-ready',\n              text: Craft.t('app', 'Ready'),\n            }).appendTo($tdStatus);\n            $('<div/>', {\n              class: 'plugin-version',\n              text: plugin.latestVersion,\n            }).appendTo($tdStatus);\n            if (\n              plugin.phpConstraint &&\n              plugin.phpConstraint != data.cms.phpConstraint\n            ) {\n              noteHtml = Craft.t('app', 'Requires PHP {version}', {\n                version: plugin.phpConstraint,\n              });\n            }\n          } else if (plugin.unknown) {\n            $('<div/>', {\n              class: 'plugin-status',\n              text: plugin.isInstalled\n                ? Craft.t('app', 'Unknown')\n                : Craft.t('app', 'Not installed'),\n            }).appendTo($tdStatus);\n          } else {\n            $('<div/>', {\n              class: 'plugin-status plugin-not-ready',\n              text: Craft.t('app', 'Not ready'),\n            }).appendTo($tdStatus);\n          }\n\n          if (plugin.note) {\n            noteHtml = Craft.escapeHtml(plugin.note);\n          }\n\n          $('<td/>', {\n            class: 'plugin-note',\n            html: noteHtml,\n          }).appendTo($tr);\n        }\n      } else {\n        $pluginIntro.append(\n          $('<p/>', {\n            text: Craft.t('app', 'No plugins are installed.'),\n          })\n        );\n      }\n\n      $('<div class=\"readable centeralign pane\"/>')\n        .append(\n          $('<h2/>', {\n            text: Craft.t('app', 'Ready to upgrade?'),\n          })\n        )\n        .append(\n          $('<p/>', {\n            html: Craft.t('app', 'View the <a>upgrade guide</a>').replace(\n              '<a>',\n              `<a class=\"go\" href=\"https://craftcms.com/docs/${this.version}.x/upgrade.html\">`\n            ),\n          })\n        )\n        .appendTo(this.$body);\n\n      Craft.initUiElements(this.$body);\n    },\n\n    displayError: function () {\n      this.$graphic.addClass('error');\n      this.$status.text(\n        Craft.t('app', 'Unable to fetch upgrade info at this time.')\n      );\n    },\n  });\n})(jQuery);\n"],"names":["content","__esModule","default","module","id","locals","exports","add","listToStyles","parentId","list","styles","newStyles","i","length","item","part","css","media","sourceMap","parts","push","hasDocument","document","DEBUG","Error","stylesInDom","head","getElementsByTagName","singletonElement","singletonCounter","isProduction","noop","options","ssrIdKey","isOldIE","navigator","test","userAgent","toLowerCase","addStylesClient","_isProduction","_options","addStylesToDom","newList","mayRemove","domStyle","refs","j","addStyle","createStyleElement","styleElement","createElement","type","appendChild","obj","update","remove","querySelector","parentNode","removeChild","styleIndex","applyToSingletonTag","bind","applyToTag","newObj","textStore","replaceText","index","replacement","filter","Boolean","join","styleSheet","cssText","cssNode","createTextNode","childNodes","insertBefore","setAttribute","ssrId","sources","btoa","unescape","encodeURIComponent","JSON","stringify","firstChild","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","n","getter","d","a","definition","key","o","Object","defineProperty","enumerable","get","prop","prototype","hasOwnProperty","call","$","jQuery","Craft","UpgradeUtility","Garnish","Base","extend","version","installedPlugins","$body","$graphic","$status","init","this","sendApiRequest","then","data","cms","latestVersion","showUpgradeInfo","displayError","handles","plugins","map","info","handle","missingPluginInfo","includes","assign","unknown","$pluginIntro","append","text","t","appendTo","$table","$tbody","plugin","$tr","$th","icon","class","name","href","$devContainer","developerUrl","developerName","$tdStatus","noteHtml","abandoned","url","phpConstraint","isInstalled","note","escapeHtml","html","replace","initUiElements","addClass"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"UpgradeUtility.js","mappings":"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","sources":["webpack:///./upgrade.scss?8eeb","webpack:///../../../../../node_modules/vue-style-loader/lib/listToStyles.js","webpack:///../../../../../node_modules/vue-style-loader/lib/addStylesClient.js","webpack:///webpack/bootstrap","webpack:///webpack/runtime/compat get default export","webpack:///webpack/runtime/define property getters","webpack:///webpack/runtime/hasOwnProperty shorthand","webpack:///./UpgradeUtility.js"],"sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ruleSet[1].rules[3].use[1]!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!./upgrade.scss\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"00d5c8f2\", content, true, {});","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nexport default function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n","/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nimport listToStyles from './listToStyles'\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nexport default function addStylesClient (parentId, list, _isProduction, _options) {\n  isProduction = _isProduction\n\n  options = _options || {}\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n  if (options.ssrId) {\n    styleElement.setAttribute(ssrIdKey, obj.id)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","import './upgrade.scss';\n\n(function ($) {\n  /** global: Craft */\n  /** global: Garnish */\n  Craft.UpgradeUtility = Garnish.Base.extend({\n    version: null,\n    installedPlugins: null,\n\n    $body: null,\n    $graphic: null,\n    $status: null,\n\n    init: function (version, installedPlugins) {\n      this.version = version;\n      this.installedPlugins = installedPlugins;\n\n      this.$body = $('#content');\n      this.$graphic = $('#graphic');\n      this.$status = $('#status');\n\n      Craft.sendApiRequest('GET', `upgrade-info?cmsConstraint=^${version}.0`)\n        .then((data) => {\n          if (data.cms.latestVersion) {\n            this.showUpgradeInfo(data);\n          } else {\n            this.displayError();\n          }\n        })\n        .catch(() => {\n          this.displayError();\n        });\n    },\n\n    showUpgradeInfo: function (data) {\n      this.$graphic.remove();\n      this.$status.remove();\n\n      const handles = data.plugins.map((info) => info.handle);\n      const missingPluginInfo = this.installedPlugins.filter((info) => {\n        return !handles.includes(info.handle);\n      });\n\n      data.plugins.push(\n        ...missingPluginInfo.map((info) => Object.assign(info, {unknown: true}))\n      );\n\n      const $pluginIntro = $('<div class=\"readable\"/>')\n        .append(\n          $('<h2/>', {\n            text: Craft.t('app', 'Plugins'),\n          })\n        )\n        .appendTo(this.$body);\n\n      if (data.plugins.length) {\n        $pluginIntro.append(\n          $('<p/>', {\n            text: Craft.t(\n              'app',\n              'All plugins must be compatible with Craft {version} before you can upgrade.',\n              {\n                version: this.version,\n              }\n            ),\n          })\n        );\n\n        const $table = $(\n          '<table id=\"plugins\" class=\"data fullwidth\"/>'\n        ).appendTo(this.$body);\n        $(`\n          <thead>\n            <tr>\n              <th>${Craft.t('app', 'Plugin')}</th>\n              <th>${Craft.t('app', 'Status')}</th>\n              <th>${Craft.t('app', 'Notes')}</th>\n            </tr>\n          </thead>\n        `).appendTo($table);\n\n        const $tbody = $('<tbody/>').appendTo($table);\n        for (const plugin of data.plugins) {\n          const $tr = $('<tr/>').appendTo($tbody);\n          const $th = $('<th/>').appendTo($tr);\n          // const $infoContainer = $('<div class=\"plugin-info\"/>').appendTo($th);\n          if (plugin.icon) {\n            $(`<div class=\"plugin-icon\">${plugin.icon}</div>`).appendTo($th);\n          }\n          if (plugin.unknown) {\n            $('<span/>', {\n              class: 'plugin-name',\n              text: plugin.name,\n            }).appendTo($th);\n          } else {\n            $('<a/>', {\n              class: 'plugin-name',\n              href: `https://plugins.craftcms.com/${plugin.handle}?cmsConstraint=^${this.version}.0`,\n              text: plugin.name,\n            }).appendTo($th);\n          }\n          const $devContainer = $('<div class=\"plugin-developer\"/>').appendTo(\n            $th\n          );\n          if (plugin.developerUrl) {\n            $('<a/>', {\n              href: plugin.developerUrl,\n              text: plugin.developerName,\n            }).appendTo($devContainer);\n          } else {\n            $devContainer.text(plugin.developerName);\n          }\n\n          const $tdStatus = $('<td/>').addClass('plugin-badges').appendTo($tr);\n          let noteHtml = '';\n\n          if (plugin.latestVersion) {\n            $('<div/>', {\n              class: 'plugin-status plugin-ready',\n              text: Craft.t('app', 'Ready'),\n            }).appendTo($tdStatus);\n            $('<div/>', {\n              class: 'plugin-version',\n              text: plugin.latestVersion,\n            }).appendTo($tdStatus);\n            if (\n              plugin.phpConstraint &&\n              plugin.phpConstraint != data.cms.phpConstraint\n            ) {\n              noteHtml = Craft.t('app', 'Requires PHP {version}', {\n                version: plugin.phpConstraint,\n              });\n            }\n          } else if (plugin.unknown) {\n            $('<div/>', {\n              class: 'plugin-status',\n              text: plugin.isInstalled\n                ? Craft.t('app', 'Unknown')\n                : Craft.t('app', 'Not installed'),\n            }).appendTo($tdStatus);\n          } else {\n            $('<div/>', {\n              class: 'plugin-status plugin-not-ready',\n              text: Craft.t('app', 'Not ready'),\n            }).appendTo($tdStatus);\n          }\n\n          if (plugin.abandoned) {\n            $('<div/>', {\n              class: 'plugin-status plugin-abandoned',\n              text: Craft.t('app', 'Abandoned'),\n            }).appendTo($tdStatus);\n            if (plugin.replacement) {\n              noteHtml = Craft.t(\n                'app',\n                'The developer recommends using <a href=\"{url}\">{name}</a> instead.',\n                {\n                  url: `https://plugins.craftcms.com/${plugin.replacement.handle}`,\n                  name: plugin.replacement.name,\n                }\n              );\n            }\n          }\n\n          if (plugin.note) {\n            noteHtml = Craft.escapeHtml(plugin.note);\n          }\n\n          $('<td/>', {\n            class: 'plugin-note',\n            html: noteHtml,\n          }).appendTo($tr);\n        }\n      } else {\n        $pluginIntro.append(\n          $('<p/>', {\n            text: Craft.t('app', 'No plugins are installed.'),\n          })\n        );\n      }\n\n      $('<div class=\"readable centeralign pane\"/>')\n        .append(\n          $('<h2/>', {\n            text: Craft.t('app', 'Ready to upgrade?'),\n          })\n        )\n        .append(\n          $('<p/>', {\n            html: Craft.t('app', 'View the <a>upgrade guide</a>').replace(\n              '<a>',\n              `<a class=\"go\" href=\"https://craftcms.com/docs/${this.version}.x/upgrade.html\">`\n            ),\n          })\n        )\n        .appendTo(this.$body);\n\n      Craft.initUiElements(this.$body);\n    },\n\n    displayError: function () {\n      this.$graphic.addClass('error');\n      this.$status.text(\n        Craft.t('app', 'Unable to fetch upgrade info at this time.')\n      );\n    },\n  });\n})(jQuery);\n"],"names":["content","__esModule","default","module","id","locals","exports","add","listToStyles","parentId","list","styles","newStyles","i","length","item","part","css","media","sourceMap","parts","push","hasDocument","document","DEBUG","Error","stylesInDom","head","getElementsByTagName","singletonElement","singletonCounter","isProduction","noop","options","ssrIdKey","isOldIE","navigator","test","userAgent","toLowerCase","addStylesClient","_isProduction","_options","addStylesToDom","newList","mayRemove","domStyle","refs","j","addStyle","createStyleElement","styleElement","createElement","type","appendChild","obj","update","remove","querySelector","parentNode","removeChild","styleIndex","applyToSingletonTag","bind","applyToTag","newObj","textStore","replaceText","index","replacement","filter","Boolean","join","styleSheet","cssText","cssNode","createTextNode","childNodes","insertBefore","setAttribute","ssrId","sources","btoa","unescape","encodeURIComponent","JSON","stringify","firstChild","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","n","getter","d","a","definition","key","o","Object","defineProperty","enumerable","get","prop","prototype","hasOwnProperty","call","$","jQuery","Craft","UpgradeUtility","Garnish","Base","extend","version","installedPlugins","$body","$graphic","$status","init","this","sendApiRequest","then","data","cms","latestVersion","showUpgradeInfo","displayError","handles","plugins","map","info","handle","missingPluginInfo","includes","assign","unknown","$pluginIntro","append","text","t","appendTo","$table","$tbody","plugin","$tr","$th","icon","class","name","href","$devContainer","developerUrl","developerName","$tdStatus","addClass","noteHtml","phpConstraint","isInstalled","abandoned","url","note","escapeHtml","html","replace","initUiElements"],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/upgrade/dist/css/UpgradeUtility.css b/src/web/assets/upgrade/dist/css/UpgradeUtility.css
index ae093fa503f..8758a8f97a0 100644
--- a/src/web/assets/upgrade/dist/css/UpgradeUtility.css
+++ b/src/web/assets/upgrade/dist/css/UpgradeUtility.css
@@ -1,3 +1,3 @@
-#content #graphic{display:block;margin:200px auto 0}#content #graphic.success{background-image:url(../images/success.png)}#content #graphic.error{background-image:url(../images/error.png)}#content #status{margin:20px auto 250px;text-align:center;font-size:16px;color:#606d7b}#content .readable:not(:first-child){margin-top:24px}#content #plugins{margin-top:24px}#content #plugins tbody th{position:relative;padding-left:70px;height:66px}#content #plugins tbody th .plugin-icon{position:absolute;top:10px;left:12px;width:46px;height:46px}#content #plugins tbody th .plugin-icon svg{display:block;width:46px;height:46px}#content #plugins tbody .plugin-developer{margin-top:3px}#content #plugins tbody .plugin-developer:before{font-family:"Craft";speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;-webkit-user-select:none;user-select:none;opacity:.8;content:"building";margin-top:-3px;color:#9aa5b1}body.ltr #content #plugins tbody .plugin-developer:before{margin-right:4px}body.rtl #content #plugins tbody .plugin-developer:before{margin-left:4px}#content #plugins tbody .plugin-developer,#content #plugins tbody .plugin-developer a{font-weight:normal}#content #plugins tbody .plugin-status,#content #plugins tbody .plugin-version{display:inline-block;border:1px solid #515f6c;border-radius:3px;padding:0 7px 1px}#content #plugins tbody .plugin-status{text-transform:uppercase;color:#515f6c;background-color:rgba(81,95,108,.05)}body.ltr #content #plugins tbody .plugin-status{margin-right:5px}body.rtl #content #plugins tbody .plugin-status{margin-left:5px}#content #plugins tbody .plugin-status.plugin-ready{border-color:#199473;color:#199473;background-color:rgba(25,148,115,.05)}#content #plugins tbody .plugin-status.plugin-not-ready{border-color:#de911d;color:#de911d;background-color:rgba(222,145,29,.05)}#content #plugins tbody .plugin-status.plugin-abandoned{border-color:#cf1124;color:#cf1124;background-color:rgba(207,17,36,.05)}#content #plugins tbody .plugin-note{margin-top:3px;color:#606d7b}@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5),only screen and (min-resolution: 1.5dppx){#content #graphic.success{background-image:url(../images/success_2x.png);-o-background-size:48px;background-size:48px}#content #graphic.error{background-image:url(../images/error_2x.png);-o-background-size:48px;background-size:48px}}
+#content #graphic{display:block;margin:200px auto 0}#content #graphic.success{background-image:url(../images/success.png)}#content #graphic.error{background-image:url(../images/error.png)}#content #status{margin:20px auto 250px;text-align:center;font-size:16px;color:#606d7b}#content .readable:not(:first-child){margin-top:24px}#content #plugins{margin-top:24px}#content #plugins tbody th{position:relative;padding-left:70px;height:66px}#content #plugins tbody th .plugin-icon{position:absolute;top:10px;left:12px;width:46px;height:46px}#content #plugins tbody th .plugin-icon svg{display:block;width:46px;height:46px}#content #plugins tbody .plugin-developer{margin-top:3px}#content #plugins tbody .plugin-developer:before{font-family:"Craft";speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;-webkit-user-select:none;user-select:none;opacity:.8;content:"building";margin-top:-3px;color:#9aa5b1}body.ltr #content #plugins tbody .plugin-developer:before{margin-right:4px}body.rtl #content #plugins tbody .plugin-developer:before{margin-left:4px}#content #plugins tbody .plugin-developer,#content #plugins tbody .plugin-developer a{font-weight:normal}body.ltr #content #plugins tbody .plugin-badges>div:not(:last-child){margin-right:5px}body.rtl #content #plugins tbody .plugin-badges>div:not(:last-child){margin-left:5px}#content #plugins tbody .plugin-status,#content #plugins tbody .plugin-version{display:inline-block;border:1px solid #515f6c;border-radius:3px;padding:0 7px 1px}#content #plugins tbody .plugin-status{text-transform:uppercase;color:#515f6c;background-color:rgba(81,95,108,.05)}#content #plugins tbody .plugin-status.plugin-ready{border-color:#199473;color:#199473;background-color:rgba(25,148,115,.05)}#content #plugins tbody .plugin-status.plugin-not-ready{border-color:#de911d;color:#de911d;background-color:rgba(222,145,29,.05)}#content #plugins tbody .plugin-status.plugin-abandoned{border-color:#cf1124;color:#cf1124;background-color:rgba(207,17,36,.05)}#content #plugins tbody .plugin-note{margin-top:3px;color:#606d7b}@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5),only screen and (min-resolution: 1.5dppx){#content #graphic.success{background-image:url(../images/success_2x.png);-o-background-size:48px;background-size:48px}#content #graphic.error{background-image:url(../images/error_2x.png);-o-background-size:48px;background-size:48px}}
 
 /*# sourceMappingURL=UpgradeUtility.css.map*/
\ No newline at end of file
diff --git a/src/web/assets/upgrade/dist/css/UpgradeUtility.css.map b/src/web/assets/upgrade/dist/css/UpgradeUtility.css.map
index 744d07c4ec2..b91b332bc50 100644
--- a/src/web/assets/upgrade/dist/css/UpgradeUtility.css.map
+++ b/src/web/assets/upgrade/dist/css/UpgradeUtility.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/UpgradeUtility.css","mappings":"AAME,kBACE,cACA,oBAEA,0BACE,yDAGF,wBACE,yDAIJ,iBACE,uBACA,kBACA,eACA,aCdM,CDiBR,qCACE,gBAGF,kBACE,gBAGE,2BACE,kBACA,kBACA,YAEA,wCACE,kBACA,SACA,UACA,UAxCC,CAyCD,WAzCC,CA2CD,4CACE,cACA,UA7CD,CA8CC,WA9CD,CAmDL,0CACE,eACA,iDCgHN,oBACA,WACA,4CAGA,wCACA,uCACA,oCACA,kCACA,mBACA,oBACA,oBACA,cACA,cACA,mCACA,kCAEA,qBACA,kBACA,kBACA,sBACA,4BACA,0CAEA,WDtIQ,mBACA,gBAEA,aCvDA,CA0ZR,0DACE,gBDrWM,CCuWR,0DACE,eDxWM,CAIF,sFAEE,mBAIJ,+EAEE,qBACA,yBACA,iBCwDY,CDvDZ,kBAEF,uCAEE,yBACA,aCrEE,CDsEF,qCC+UN,gDACE,gBDnVI,CCqVN,gDACE,eDtVI,CAKA,oDACE,oBCNA,CDOA,aCPA,CDQA,sCAGF,wDACE,oBCvBE,CDwBF,aCxBE,CDyBF,sCAGF,wDACE,oBCxCD,CDyCC,aCzCD,CD0CC,qCAIJ,qCACE,eACA,aC/FE,CDqGV,yPAOM,0BACE,yDACA,6CAGF,wBACE,qD","sources":["webpack:///./upgrade.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$iconSize: 46px;\n\n#content {\n  #graphic {\n    display: block;\n    margin: 200px auto 0;\n\n    &.success {\n      background-image: url(images/success.png);\n    }\n\n    &.error {\n      background-image: url(images/error.png);\n    }\n  }\n\n  #status {\n    margin: 20px auto 250px;\n    text-align: center;\n    font-size: 16px;\n    color: $grey500;\n  }\n\n  .readable:not(:first-child) {\n    margin-top: 24px;\n  }\n\n  #plugins {\n    margin-top: 24px;\n\n    tbody {\n      th {\n        position: relative;\n        padding-left: $iconSize + 12 + 12;\n        height: $iconSize + 20;\n\n        .plugin-icon {\n          position: absolute;\n          top: 10px;\n          left: 12px;\n          width: $iconSize;\n          height: $iconSize;\n\n          svg {\n            display: block;\n            width: $iconSize;\n            height: $iconSize;\n          }\n        }\n      }\n\n      .plugin-developer {\n        margin-top: 3px;\n        &:before {\n          @include icon;\n          content: 'building';\n          margin-top: -3px;\n          @include margin-right(4px);\n          color: $grey300;\n        }\n\n        &,\n        a {\n          font-weight: normal;\n        }\n      }\n\n      .plugin-status,\n      .plugin-version {\n        display: inline-block;\n        border: 1px solid $grey600;\n        border-radius: $smallBorderRadius;\n        padding: 0 7px 1px;\n      }\n      .plugin-status {\n        @include margin-right(5px);\n        text-transform: uppercase;\n        color: $grey600;\n        background-color: transparentize($grey600, 0.95);\n\n        &.plugin-ready {\n          border-color: $teal600;\n          color: $teal600;\n          background-color: transparentize($teal600, 0.95);\n        }\n\n        &.plugin-not-ready {\n          border-color: $yellow600;\n          color: $yellow600;\n          background-color: transparentize($yellow600, 0.95);\n        }\n\n        &.plugin-abandoned {\n          border-color: $red600;\n          color: $red600;\n          background-color: transparentize($red600, 0.95);\n        }\n      }\n\n      .plugin-note {\n        margin-top: 3px;\n        color: $lightTextColor;\n      }\n    }\n  }\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n  only screen and (-moz-min-device-pixel-ratio: 1.5),\n  only screen and (-o-min-device-pixel-ratio: 3/2),\n  only screen and (min-device-pixel-ratio: 1.5),\n  only screen and (min-resolution: 1.5dppx) {\n  #content {\n    #graphic {\n      &.success {\n        background-image: url(images/success_2x.png);\n        background-size: 48px;\n      }\n\n      &.error {\n        background-image: url(images/error_2x.png);\n        background-size: 48px;\n      }\n    }\n  }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: $blue800;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey350;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n  0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n  0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n  0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n  font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n    'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n    'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n    monospace;\n  font-size: 0.9em !important;\n}\n\n// Other\n\n@mixin svg-mask($color) {\n  rect,\n  circle,\n  ellipse,\n  line,\n  polyline,\n  polygon,\n  path,\n  text {\n    fill: $color;\n    stroke-width: 0;\n    transition: fill linear 100ms;\n  }\n}\n\n@mixin icon {\n  font-family: 'Craft';\n  speak: none;\n  -webkit-font-feature-settings: 'liga', 'dlig';\n  -moz-font-feature-settings: 'liga=1, dlig=1';\n  -moz-font-feature-settings: 'liga', 'dlig';\n  -ms-font-feature-settings: 'liga', 'dlig';\n  -o-font-feature-settings: 'liga', 'dlig';\n  font-feature-settings: 'liga', 'dlig';\n  text-rendering: optimizeLegibility;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  direction: ltr; // Fixes a rendering issue in Chrome/Win\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  display: inline-block;\n  text-align: center;\n  font-style: normal;\n  vertical-align: middle;\n  word-wrap: normal !important;\n  user-select: none;\n\n  opacity: 0.8;\n}\n\n@mixin angle($dir: down, $color: var(--ui-control-color)) {\n  display: block;\n  content: '';\n  font-size: 0;\n  width: 5px;\n  height: 5px;\n  border: solid $color;\n  border-width: 0 2px 2px 0;\n\n  @if $dir == up {\n    transform: rotate(225deg);\n  } @else if $dir == down {\n    transform: rotate(45deg);\n  } @else if $dir == left {\n    body.ltr & {\n      transform: rotate(135deg);\n    }\n    body.rtl & {\n      transform: rotate(-45deg);\n    }\n  } @else if $dir == right {\n    body.ltr & {\n      transform: rotate(-45deg);\n    }\n    body.rtl & {\n      transform: rotate(135deg);\n    }\n  }\n}\n\n@mixin clearafter {\n  content: '';\n  display: block;\n  height: 0;\n  clear: both;\n  visibility: hidden;\n}\n\n@mixin shadow {\n  box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n  background: $white;\n  box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n  &:focus {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n@mixin modal {\n  border-radius: $largeBorderRadius;\n  background-color: $white;\n  box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n  // Make light on dark text sharp on Macs\n  // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-weight: 500;\n}\n\n// RTL stuff\n\n@mixin left($left) {\n  body.ltr & {\n    left: $left;\n  }\n  body.rtl & {\n    right: $left;\n  }\n}\n\n@mixin right($right) {\n  body.ltr & {\n    right: $right;\n  }\n  body.rtl & {\n    left: $right;\n  }\n}\n\n@mixin alignleft {\n  body.ltr & {\n    text-align: left;\n  }\n  body.rtl & {\n    text-align: right;\n  }\n}\n\n@mixin alignright {\n  body.ltr & {\n    text-align: right;\n  }\n  body.rtl & {\n    text-align: left;\n  }\n}\n\n@mixin border-left($params...) {\n  body.ltr & {\n    border-left: $params;\n  }\n  body.rtl & {\n    border-right: $params;\n  }\n}\n\n@mixin border-right($params...) {\n  body.ltr & {\n    border-right: $params;\n  }\n  body.rtl & {\n    border-left: $params;\n  }\n}\n\n@mixin border-left-width($param) {\n  body.ltr & {\n    border-left-width: $param;\n  }\n  body.rtl & {\n    border-right-width: $param;\n  }\n}\n\n@mixin border-right-width($param) {\n  body.ltr & {\n    border-right-width: $param;\n  }\n  body.rtl & {\n    border-left-width: $param;\n  }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n  body.ltr & {\n    border-radius: $tl $tr $br $bl;\n  }\n  body.rtl & {\n    border-radius: $tr $tl $bl $br;\n  }\n}\n\n@mixin border-top-left-radius($params...) {\n  body.ltr & {\n    border-top-left-radius: $params;\n  }\n  body.rtl & {\n    border-top-right-radius: $params;\n  }\n}\n\n@mixin border-top-right-radius($params...) {\n  body.ltr & {\n    border-top-right-radius: $params;\n  }\n  body.rtl & {\n    border-top-left-radius: $params;\n  }\n}\n\n@mixin border-bottom-left-radius($params...) {\n  body.ltr & {\n    border-bottom-left-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-right-radius: $params;\n  }\n}\n\n@mixin border-bottom-right-radius($params...) {\n  body.ltr & {\n    border-bottom-right-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-left-radius: $params;\n  }\n}\n\n@mixin floatleft {\n  body.ltr & {\n    float: left;\n  }\n  body.rtl & {\n    float: right;\n  }\n}\n\n@mixin floatright {\n  body.ltr & {\n    float: right;\n  }\n  body.rtl & {\n    float: left;\n  }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    margin: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    margin: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin margin-left($margin...) {\n  body.ltr & {\n    margin-left: $margin;\n  }\n  body.rtl & {\n    margin-right: $margin;\n  }\n}\n\n@mixin margin-right($margin...) {\n  body.ltr & {\n    margin-right: $margin;\n  }\n  body.rtl & {\n    margin-left: $margin;\n  }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    padding: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    padding: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin padding-left($padding...) {\n  body.ltr & {\n    padding-left: $padding;\n  }\n  body.rtl & {\n    padding-right: $padding;\n  }\n}\n\n@mixin padding-right($padding...) {\n  body.ltr & {\n    padding-right: $padding;\n  }\n  body.rtl & {\n    padding-left: $padding;\n  }\n}\n\n// Misc\n\n@mixin dark-inputs {\n  @include placeholder-styles($grey400);\n\n  .btn,\n  .select:not(.selectize) select {\n    background-color: $grey200;\n\n    &:focus,\n    &:hover {\n      background-color: darken($grey200, 5%);\n    }\n\n    &:active,\n    &.active {\n      background-color: darken($grey200, 10%);\n    }\n  }\n\n  .text {\n    background-color: $grey200;\n\n    &:focus {\n      background-color: darken($grey200, 5%);\n    }\n  }\n}\n\n@mixin header-btn {\n  width: 34px;\n  height: 30px;\n  padding-left: 0;\n  padding-right: 0;\n\n  &:not(:hover):not(:active):not(.active) {\n    background-color: transparent;\n  }\n  &:not(:active):not(.active):hover {\n    background-color: transparentize($grey300, 0.85);\n  }\n}\n\n@mixin h6-styles {\n  margin: 14px 0 3px;\n  font-size: 10px;\n  line-height: 1.2;\n  color: $lightTextColor;\n  text-transform: uppercase;\n  font-weight: bold;\n}\n\n@mixin token-styles {\n  display: inline-block;\n  border-radius: 10px;\n  padding: 2px 7px;\n  font-size: 12px;\n  line-height: 14px;\n  color: $textColor;\n  background-color: transparentize($white, 0.5);\n  box-shadow: 0 0 0 1px $darkHairlineColor;\n}\n\n@mixin menu-styles {\n  z-index: 100;\n  border-radius: $menuBorderRadius;\n  padding: 0 14px;\n  overflow: auto;\n  background: $white;\n  user-select: none;\n  box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n    0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n  margin: 0 -14px;\n  padding: 10px 14px;\n  color: $menuOptionColor;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n  color: $menuOptionActiveColor;\n  background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n  color: $menuOptionColor;\n  background-color: $grey050;\n}\n\n@mixin input-styles {\n  border-radius: $smallBorderRadius;\n  border: 1px solid transparentize($inputColor, 0.75);\n  background-color: hsl(212, 50%, 99%);\n  background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n  border-color: hsl(var(--dark-focus-hsl));\n  box-shadow: 0 0 0 2px hsla(var(--dark-focus-hsl), 0.7);\n}\n\n@mixin placeholder-styles($color) {\n  ::-webkit-input-placeholder {\n    color: $color;\n  }\n\n  input:-ms-input-placeholder {\n    color: $color;\n  }\n\n  ::-ms-input-placeholder {\n    color: $color;\n  }\n\n  :-moz-placeholder {\n    color: $color;\n  }\n\n  ::-moz-placeholder {\n    color: $color;\n  }\n\n  ::placeholder {\n    color: $color;\n  }\n}\n\n@mixin select-styles {\n  position: relative;\n  border-radius: $largeBorderRadius;\n  white-space: nowrap;\n}\n\n@mixin select-container-styles {\n  max-width: 100%;\n  position: relative;\n  :not(.flex) > & {\n    display: inline-block;\n  }\n}\n\n@mixin select-arrow-styles {\n  @include angle;\n  position: absolute;\n  z-index: 1;\n  top: calc(50% - 5px);\n  @include right(9px);\n  user-select: none;\n  pointer-events: none;\n}\n\n@mixin select-input-styles {\n  display: block;\n  position: relative;\n  max-width: 100%;\n  border: none;\n  @include padding(7px, 22px, 7px, 10px);\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  background-color: hsl(212, 25%, 90%);\n  appearance: none;\n  // from https://stackoverflow.com/a/15933790/1688568\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n@mixin select-input-fullwidth-styles {\n  min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n  outline-color: transparent;\n  background-color: hsl(212, 25%, 85%);\n  box-shadow: var(--focus-ring);\n}\n\n@mixin readable {\n  font-size: 16px;\n  line-height: 22px;\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 24px 0 16px;\n    font-weight: 600;\n  }\n\n  h1 {\n    font-size: 32px;\n    line-height: 40px;\n    color: #000;\n  }\n\n  h2 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n\n  h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  h4 {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  h6 {\n    font-size: 13.6px;\n    line-height: 17px;\n    color: $mediumTextColor;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    @include padding-left(2em);\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n\n  blockquote {\n    margin: 16px 0;\n\n    &:not(.note) {\n      padding: 0 16px;\n      color: $mediumTextColor;\n      @include border-left(4px solid $hairlineColor);\n    }\n\n    &.note {\n      position: relative;\n      border-radius: 4px;\n      padding: 1em;\n      @include padding-left(56px);\n      border: 1px solid;\n\n      &:not(.tip):not(.warning) {\n        border-color: $errorColor;\n        color: #bf503f;\n\n        &:before {\n          content: 'alert';\n          color: $errorColor;\n        }\n      }\n\n      &.tip {\n        border-color: $linkColor;\n        color: $mediumTextColor;\n\n        &:before {\n          content: 'lightbulb';\n          color: $linkColor;\n        }\n      }\n\n      &.warning {\n        border-color: $warningColor;\n        color: #cf783a;\n\n        &:before {\n          content: 'alert';\n          color: $warningColor;\n        }\n      }\n\n      &:before {\n        @include icon;\n        position: absolute;\n        top: 12px;\n        @include left(16px);\n        font-size: 30px;\n        width: 24px;\n      }\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/UpgradeUtility.css","mappings":"AAME,kBACE,cACA,oBAEA,0BACE,yDAGF,wBACE,yDAIJ,iBACE,uBACA,kBACA,eACA,aCdM,CDiBR,qCACE,gBAGF,kBACE,gBAGE,2BACE,kBACA,kBACA,YAEA,wCACE,kBACA,SACA,UACA,UAxCC,CAyCD,WAzCC,CA2CD,4CACE,cACA,UA7CD,CA8CC,WA9CD,CAmDL,0CACE,eACA,iDCgHN,oBACA,WACA,4CAGA,wCACA,uCACA,oCACA,kCACA,mBACA,oBACA,oBACA,cACA,cACA,mCACA,kCAEA,qBACA,kBACA,kBACA,sBACA,4BACA,0CAEA,WDtIQ,mBACA,gBAEA,aCvDA,CA0ZR,0DACE,gBDrWM,CCuWR,0DACE,eDxWM,CAIF,sFAEE,mBC8VR,qEACE,gBD1VI,CC4VN,qEACE,eD7VI,CAGF,+EAEE,qBACA,yBACA,iBCoDY,CDnDZ,kBAEF,uCACE,yBACA,aCxEE,CDyEF,qCAEA,oDACE,oBCTA,CDUA,aCVA,CDWA,sCAGF,wDACE,oBC1BE,CD2BF,aC3BE,CD4BF,sCAGF,wDACE,oBC3CD,CD4CC,aC5CD,CD6CC,qCAIJ,qCACE,eACA,aClGE,CDwGV,yPAOM,0BACE,yDACA,6CAGF,wBACE,qD","sources":["webpack:///./upgrade.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$iconSize: 46px;\n\n#content {\n  #graphic {\n    display: block;\n    margin: 200px auto 0;\n\n    &.success {\n      background-image: url(images/success.png);\n    }\n\n    &.error {\n      background-image: url(images/error.png);\n    }\n  }\n\n  #status {\n    margin: 20px auto 250px;\n    text-align: center;\n    font-size: 16px;\n    color: $grey500;\n  }\n\n  .readable:not(:first-child) {\n    margin-top: 24px;\n  }\n\n  #plugins {\n    margin-top: 24px;\n\n    tbody {\n      th {\n        position: relative;\n        padding-left: $iconSize + 12 + 12;\n        height: $iconSize + 20;\n\n        .plugin-icon {\n          position: absolute;\n          top: 10px;\n          left: 12px;\n          width: $iconSize;\n          height: $iconSize;\n\n          svg {\n            display: block;\n            width: $iconSize;\n            height: $iconSize;\n          }\n        }\n      }\n\n      .plugin-developer {\n        margin-top: 3px;\n        &:before {\n          @include icon;\n          content: 'building';\n          margin-top: -3px;\n          @include margin-right(4px);\n          color: $grey300;\n        }\n\n        &,\n        a {\n          font-weight: normal;\n        }\n      }\n\n      .plugin-badges > div:not(:last-child) {\n        @include margin-right(5px);\n      }\n\n      .plugin-status,\n      .plugin-version {\n        display: inline-block;\n        border: 1px solid $grey600;\n        border-radius: $smallBorderRadius;\n        padding: 0 7px 1px;\n      }\n      .plugin-status {\n        text-transform: uppercase;\n        color: $grey600;\n        background-color: transparentize($grey600, 0.95);\n\n        &.plugin-ready {\n          border-color: $teal600;\n          color: $teal600;\n          background-color: transparentize($teal600, 0.95);\n        }\n\n        &.plugin-not-ready {\n          border-color: $yellow600;\n          color: $yellow600;\n          background-color: transparentize($yellow600, 0.95);\n        }\n\n        &.plugin-abandoned {\n          border-color: $red600;\n          color: $red600;\n          background-color: transparentize($red600, 0.95);\n        }\n      }\n\n      .plugin-note {\n        margin-top: 3px;\n        color: $lightTextColor;\n      }\n    }\n  }\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n  only screen and (-moz-min-device-pixel-ratio: 1.5),\n  only screen and (-o-min-device-pixel-ratio: 3/2),\n  only screen and (min-device-pixel-ratio: 1.5),\n  only screen and (min-resolution: 1.5dppx) {\n  #content {\n    #graphic {\n      &.success {\n        background-image: url(images/success_2x.png);\n        background-size: 48px;\n      }\n\n      &.error {\n        background-image: url(images/error_2x.png);\n        background-size: 48px;\n      }\n    }\n  }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: $blue800;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey350;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n  0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n  0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n  0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n  font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n    'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n    'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n    monospace;\n  font-size: 0.9em !important;\n}\n\n// Other\n\n@mixin svg-mask($color) {\n  rect,\n  circle,\n  ellipse,\n  line,\n  polyline,\n  polygon,\n  path,\n  text {\n    fill: $color;\n    stroke-width: 0;\n    transition: fill linear 100ms;\n  }\n}\n\n@mixin icon {\n  font-family: 'Craft';\n  speak: none;\n  -webkit-font-feature-settings: 'liga', 'dlig';\n  -moz-font-feature-settings: 'liga=1, dlig=1';\n  -moz-font-feature-settings: 'liga', 'dlig';\n  -ms-font-feature-settings: 'liga', 'dlig';\n  -o-font-feature-settings: 'liga', 'dlig';\n  font-feature-settings: 'liga', 'dlig';\n  text-rendering: optimizeLegibility;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  direction: ltr; // Fixes a rendering issue in Chrome/Win\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  display: inline-block;\n  text-align: center;\n  font-style: normal;\n  vertical-align: middle;\n  word-wrap: normal !important;\n  user-select: none;\n\n  opacity: 0.8;\n}\n\n@mixin angle($dir: down, $color: var(--ui-control-color)) {\n  display: block;\n  content: '';\n  font-size: 0;\n  width: 5px;\n  height: 5px;\n  border: solid $color;\n  border-width: 0 2px 2px 0;\n\n  @if $dir == up {\n    transform: rotate(225deg);\n  } @else if $dir == down {\n    transform: rotate(45deg);\n  } @else if $dir == left {\n    body.ltr & {\n      transform: rotate(135deg);\n    }\n    body.rtl & {\n      transform: rotate(-45deg);\n    }\n  } @else if $dir == right {\n    body.ltr & {\n      transform: rotate(-45deg);\n    }\n    body.rtl & {\n      transform: rotate(135deg);\n    }\n  }\n}\n\n@mixin clearafter {\n  content: '';\n  display: block;\n  height: 0;\n  clear: both;\n  visibility: hidden;\n}\n\n@mixin shadow {\n  box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n  background: $white;\n  box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n  &:focus {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n@mixin modal {\n  border-radius: $largeBorderRadius;\n  background-color: $white;\n  box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n  // Make light on dark text sharp on Macs\n  // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-weight: 500;\n}\n\n// RTL stuff\n\n@mixin left($left) {\n  body.ltr & {\n    left: $left;\n  }\n  body.rtl & {\n    right: $left;\n  }\n}\n\n@mixin right($right) {\n  body.ltr & {\n    right: $right;\n  }\n  body.rtl & {\n    left: $right;\n  }\n}\n\n@mixin alignleft {\n  body.ltr & {\n    text-align: left;\n  }\n  body.rtl & {\n    text-align: right;\n  }\n}\n\n@mixin alignright {\n  body.ltr & {\n    text-align: right;\n  }\n  body.rtl & {\n    text-align: left;\n  }\n}\n\n@mixin border-left($params...) {\n  body.ltr & {\n    border-left: $params;\n  }\n  body.rtl & {\n    border-right: $params;\n  }\n}\n\n@mixin border-right($params...) {\n  body.ltr & {\n    border-right: $params;\n  }\n  body.rtl & {\n    border-left: $params;\n  }\n}\n\n@mixin border-left-width($param) {\n  body.ltr & {\n    border-left-width: $param;\n  }\n  body.rtl & {\n    border-right-width: $param;\n  }\n}\n\n@mixin border-right-width($param) {\n  body.ltr & {\n    border-right-width: $param;\n  }\n  body.rtl & {\n    border-left-width: $param;\n  }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n  body.ltr & {\n    border-radius: $tl $tr $br $bl;\n  }\n  body.rtl & {\n    border-radius: $tr $tl $bl $br;\n  }\n}\n\n@mixin border-top-left-radius($params...) {\n  body.ltr & {\n    border-top-left-radius: $params;\n  }\n  body.rtl & {\n    border-top-right-radius: $params;\n  }\n}\n\n@mixin border-top-right-radius($params...) {\n  body.ltr & {\n    border-top-right-radius: $params;\n  }\n  body.rtl & {\n    border-top-left-radius: $params;\n  }\n}\n\n@mixin border-bottom-left-radius($params...) {\n  body.ltr & {\n    border-bottom-left-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-right-radius: $params;\n  }\n}\n\n@mixin border-bottom-right-radius($params...) {\n  body.ltr & {\n    border-bottom-right-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-left-radius: $params;\n  }\n}\n\n@mixin floatleft {\n  body.ltr & {\n    float: left;\n  }\n  body.rtl & {\n    float: right;\n  }\n}\n\n@mixin floatright {\n  body.ltr & {\n    float: right;\n  }\n  body.rtl & {\n    float: left;\n  }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    margin: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    margin: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin margin-left($margin...) {\n  body.ltr & {\n    margin-left: $margin;\n  }\n  body.rtl & {\n    margin-right: $margin;\n  }\n}\n\n@mixin margin-right($margin...) {\n  body.ltr & {\n    margin-right: $margin;\n  }\n  body.rtl & {\n    margin-left: $margin;\n  }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    padding: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    padding: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin padding-left($padding...) {\n  body.ltr & {\n    padding-left: $padding;\n  }\n  body.rtl & {\n    padding-right: $padding;\n  }\n}\n\n@mixin padding-right($padding...) {\n  body.ltr & {\n    padding-right: $padding;\n  }\n  body.rtl & {\n    padding-left: $padding;\n  }\n}\n\n// Misc\n\n@mixin dark-inputs {\n  @include placeholder-styles($grey400);\n\n  .btn,\n  .select:not(.selectize) select {\n    background-color: $grey200;\n\n    &:focus,\n    &:hover {\n      background-color: darken($grey200, 5%);\n    }\n\n    &:active,\n    &.active {\n      background-color: darken($grey200, 10%);\n    }\n  }\n\n  .text {\n    background-color: $grey200;\n\n    &:focus {\n      background-color: darken($grey200, 5%);\n    }\n  }\n}\n\n@mixin header-btn {\n  width: 34px;\n  height: 30px;\n  padding-left: 0;\n  padding-right: 0;\n\n  &:not(:hover):not(:active):not(.active) {\n    background-color: transparent;\n  }\n  &:not(:active):not(.active):hover {\n    background-color: transparentize($grey300, 0.85);\n  }\n}\n\n@mixin h6-styles {\n  margin: 14px 0 3px;\n  font-size: 10px;\n  line-height: 1.2;\n  color: $lightTextColor;\n  text-transform: uppercase;\n  font-weight: bold;\n}\n\n@mixin token-styles {\n  display: inline-block;\n  border-radius: 10px;\n  padding: 2px 7px;\n  font-size: 12px;\n  line-height: 14px;\n  color: $textColor;\n  background-color: transparentize($white, 0.5);\n  box-shadow: 0 0 0 1px $darkHairlineColor;\n}\n\n@mixin menu-styles {\n  z-index: 100;\n  border-radius: $menuBorderRadius;\n  padding: 0 14px;\n  overflow: auto;\n  background: $white;\n  user-select: none;\n  box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n    0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n  margin: 0 -14px;\n  padding: 10px 14px;\n  color: $menuOptionColor;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n  color: $menuOptionActiveColor;\n  background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n  color: $menuOptionColor;\n  background-color: $grey050;\n}\n\n@mixin input-styles {\n  border-radius: $smallBorderRadius;\n  border: 1px solid transparentize($inputColor, 0.75);\n  background-color: hsl(212, 50%, 99%);\n  background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n  border-color: hsl(var(--dark-focus-hsl));\n  box-shadow: 0 0 0 2px hsla(var(--dark-focus-hsl), 0.7);\n}\n\n@mixin placeholder-styles($color) {\n  ::-webkit-input-placeholder {\n    color: $color;\n  }\n\n  input:-ms-input-placeholder {\n    color: $color;\n  }\n\n  ::-ms-input-placeholder {\n    color: $color;\n  }\n\n  :-moz-placeholder {\n    color: $color;\n  }\n\n  ::-moz-placeholder {\n    color: $color;\n  }\n\n  ::placeholder {\n    color: $color;\n  }\n}\n\n@mixin select-styles {\n  position: relative;\n  border-radius: $largeBorderRadius;\n  white-space: nowrap;\n}\n\n@mixin select-container-styles {\n  max-width: 100%;\n  position: relative;\n  :not(.flex) > & {\n    display: inline-block;\n  }\n}\n\n@mixin select-arrow-styles {\n  @include angle;\n  position: absolute;\n  z-index: 1;\n  top: calc(50% - 5px);\n  @include right(9px);\n  user-select: none;\n  pointer-events: none;\n}\n\n@mixin select-input-styles {\n  display: block;\n  position: relative;\n  max-width: 100%;\n  border: none;\n  @include padding(7px, 22px, 7px, 10px);\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  background-color: hsl(212, 25%, 90%);\n  appearance: none;\n  // from https://stackoverflow.com/a/15933790/1688568\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n@mixin select-input-fullwidth-styles {\n  min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n  outline-color: transparent;\n  background-color: hsl(212, 25%, 85%);\n  box-shadow: var(--focus-ring);\n}\n\n@mixin readable {\n  font-size: 16px;\n  line-height: 22px;\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 24px 0 16px;\n    font-weight: 600;\n  }\n\n  h1 {\n    font-size: 32px;\n    line-height: 40px;\n    color: #000;\n  }\n\n  h2 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n\n  h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  h4 {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  h6 {\n    font-size: 13.6px;\n    line-height: 17px;\n    color: $mediumTextColor;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    @include padding-left(2em);\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n\n  blockquote {\n    margin: 16px 0;\n\n    &:not(.note) {\n      padding: 0 16px;\n      color: $mediumTextColor;\n      @include border-left(4px solid $hairlineColor);\n    }\n\n    &.note {\n      position: relative;\n      border-radius: 4px;\n      padding: 1em;\n      @include padding-left(56px);\n      border: 1px solid;\n\n      &:not(.tip):not(.warning) {\n        border-color: $errorColor;\n        color: #bf503f;\n\n        &:before {\n          content: 'alert';\n          color: $errorColor;\n        }\n      }\n\n      &.tip {\n        border-color: $linkColor;\n        color: $mediumTextColor;\n\n        &:before {\n          content: 'lightbulb';\n          color: $linkColor;\n        }\n      }\n\n      &.warning {\n        border-color: $warningColor;\n        color: #cf783a;\n\n        &:before {\n          content: 'alert';\n          color: $warningColor;\n        }\n      }\n\n      &:before {\n        @include icon;\n        position: absolute;\n        top: 12px;\n        @include left(16px);\n        font-size: 30px;\n        width: 24px;\n      }\n    }\n  }\n\n  .go:after {\n    font-size: 14px;\n  }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/upgrade/src/UpgradeUtility.js b/src/web/assets/upgrade/src/UpgradeUtility.js
index 69d5698d559..3fd4198c6da 100644
--- a/src/web/assets/upgrade/src/UpgradeUtility.js
+++ b/src/web/assets/upgrade/src/UpgradeUtility.js
@@ -111,25 +111,10 @@ import './upgrade.scss';
             $devContainer.text(plugin.developerName);
           }
 
-          const $tdStatus = $('<td/>').appendTo($tr);
+          const $tdStatus = $('<td/>').addClass('plugin-badges').appendTo($tr);
           let noteHtml = '';
 
-          if (plugin.abandoned) {
-            $('<div/>', {
-              class: 'plugin-status plugin-abandoned',
-              text: Craft.t('app', 'Abandoned'),
-            }).appendTo($tdStatus);
-            if (plugin.replacement) {
-              noteHtml = Craft.t(
-                'app',
-                'The developer recommends using <a href="{url}">{name}</a> instead.',
-                {
-                  url: `https://plugins.craftcms.com/${plugin.replacement.handle}`,
-                  name: plugin.replacement.name,
-                }
-              );
-            }
-          } else if (plugin.latestVersion) {
+          if (plugin.latestVersion) {
             $('<div/>', {
               class: 'plugin-status plugin-ready',
               text: Craft.t('app', 'Ready'),
@@ -160,6 +145,23 @@ import './upgrade.scss';
             }).appendTo($tdStatus);
           }
 
+          if (plugin.abandoned) {
+            $('<div/>', {
+              class: 'plugin-status plugin-abandoned',
+              text: Craft.t('app', 'Abandoned'),
+            }).appendTo($tdStatus);
+            if (plugin.replacement) {
+              noteHtml = Craft.t(
+                'app',
+                'The developer recommends using <a href="{url}">{name}</a> instead.',
+                {
+                  url: `https://plugins.craftcms.com/${plugin.replacement.handle}`,
+                  name: plugin.replacement.name,
+                }
+              );
+            }
+          }
+
           if (plugin.note) {
             noteHtml = Craft.escapeHtml(plugin.note);
           }
diff --git a/src/web/assets/upgrade/src/upgrade.scss b/src/web/assets/upgrade/src/upgrade.scss
index 7899c2f0d66..bbf89d69fba 100644
--- a/src/web/assets/upgrade/src/upgrade.scss
+++ b/src/web/assets/upgrade/src/upgrade.scss
@@ -68,6 +68,10 @@ $iconSize: 46px;
         }
       }
 
+      .plugin-badges > div:not(:last-child) {
+        @include margin-right(5px);
+      }
+
       .plugin-status,
       .plugin-version {
         display: inline-block;
@@ -76,7 +80,6 @@ $iconSize: 46px;
         padding: 0 7px 1px;
       }
       .plugin-status {
-        @include margin-right(5px);
         text-transform: uppercase;
         color: $grey600;
         background-color: transparentize($grey600, 0.95);