gwchq-textjam 0.1.6 → 0.1.7

package/dist/index.js

@@ -281760,289 +281760,6 @@ module.exports.polyfill = function(object) {
 }
 
 
-/***/ }),
-
-/***/ 23350:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-var __webpack_unused_export__;
-
-
-__webpack_unused_export__ = ({
-  value: true
-});
-__webpack_unused_export__ = undefined;
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _class, _temp2;
-
-exports.ZX = confirmAlert;
-
-var _react = __webpack_require__(51649);
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = __webpack_require__(5556);
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _reactDom = __webpack_require__(7516);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var ReactConfirmAlert = (_temp2 = _class = function (_Component) {
-  _inherits(ReactConfirmAlert, _Component);
-
-  function ReactConfirmAlert() {
-    var _ref;
-
-    var _temp, _this, _ret;
-
-    _classCallCheck(this, ReactConfirmAlert);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ReactConfirmAlert.__proto__ || Object.getPrototypeOf(ReactConfirmAlert)).call.apply(_ref, [this].concat(args))), _this), _this.handleClickButton = function (button) {
-      if (button.onClick) button.onClick();
-      _this.close();
-    }, _this.handleClickOverlay = function (e) {
-      var _this$props = _this.props,
-          closeOnClickOutside = _this$props.closeOnClickOutside,
-          onClickOutside = _this$props.onClickOutside;
-
-      var isClickOutside = e.target === _this.overlay;
-
-      if (closeOnClickOutside && isClickOutside) {
-        onClickOutside();
-        _this.close();
-      }
-    }, _this.close = function () {
-      var afterClose = _this.props.afterClose;
-
-      removeBodyClass();
-      removeElementReconfirm();
-      removeSVGBlurReconfirm(afterClose);
-    }, _this.keyboardClose = function (event) {
-      var _this$props2 = _this.props,
-          closeOnEscape = _this$props2.closeOnEscape,
-          onKeypressEscape = _this$props2.onKeypressEscape,
-          keyCodeForClose = _this$props2.keyCodeForClose;
-
-      var keyCode = event.keyCode;
-      var isKeyCodeEscape = keyCode === 27;
-
-      if (keyCodeForClose.includes(keyCode)) {
-        _this.close();
-      }
-
-      if (closeOnEscape && isKeyCodeEscape) {
-        onKeypressEscape(event);
-        _this.close();
-      }
-    }, _this.componentDidMount = function () {
-      document.addEventListener('keydown', _this.keyboardClose, false);
-    }, _this.componentWillUnmount = function () {
-      document.removeEventListener('keydown', _this.keyboardClose, false);
-      _this.props.willUnmount();
-    }, _this.renderCustomUI = function () {
-      var _this$props3 = _this.props,
-          title = _this$props3.title,
-          message = _this$props3.message,
-          buttons = _this$props3.buttons,
-          customUI = _this$props3.customUI;
-
-      var dataCustomUI = {
-        title: title,
-        message: message,
-        buttons: buttons,
-        onClose: _this.close
-      };
-
-      return customUI(dataCustomUI);
-    }, _temp), _possibleConstructorReturn(_this, _ret);
-  }
-
-  _createClass(ReactConfirmAlert, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _props = this.props,
-          title = _props.title,
-          message = _props.message,
-          buttons = _props.buttons,
-          childrenElement = _props.childrenElement,
-          customUI = _props.customUI,
-          overlayClassName = _props.overlayClassName;
-
-
-      return _react2.default.createElement(
-        'div',
-        {
-          className: 'react-confirm-alert-overlay ' + overlayClassName,
-          ref: function ref(dom) {
-            return _this2.overlay = dom;
-          },
-          onClick: this.handleClickOverlay
-        },
-        _react2.default.createElement(
-          'div',
-          { className: 'react-confirm-alert' },
-          customUI ? this.renderCustomUI() : _react2.default.createElement(
-            'div',
-            { className: 'react-confirm-alert-body' },
-            title && _react2.default.createElement(
-              'h1',
-              null,
-              title
-            ),
-            message,
-            childrenElement(),
-            _react2.default.createElement(
-              'div',
-              { className: 'react-confirm-alert-button-group' },
-              buttons.map(function (button, i) {
-                return _react2.default.createElement(
-                  'button',
-                  { key: i, onClick: function onClick() {
-                      return _this2.handleClickButton(button);
-                    }, className: button.className },
-                  button.label
-                );
-              })
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return ReactConfirmAlert;
-}(_react.Component), _class.propTypes = {
-  title: _propTypes2.default.string,
-  message: _propTypes2.default.string,
-  buttons: _propTypes2.default.array.isRequired,
-  childrenElement: _propTypes2.default.func,
-  customUI: _propTypes2.default.func,
-  closeOnClickOutside: _propTypes2.default.bool,
-  closeOnEscape: _propTypes2.default.bool,
-  keyCodeForClose: _propTypes2.default.arrayOf(_propTypes2.default.number),
-  willUnmount: _propTypes2.default.func,
-  afterClose: _propTypes2.default.func,
-  onClickOutside: _propTypes2.default.func,
-  onKeypressEscape: _propTypes2.default.func,
-  overlayClassName: _propTypes2.default.string
-}, _class.defaultProps = {
-  buttons: [{
-    label: 'Cancel',
-    onClick: function onClick() {
-      return null;
-    },
-    className: null
-  }, {
-    label: 'Confirm',
-    onClick: function onClick() {
-      return null;
-    },
-    className: null
-  }],
-  childrenElement: function childrenElement() {
-    return null;
-  },
-  closeOnClickOutside: true,
-  closeOnEscape: true,
-  keyCodeForClose: [],
-  willUnmount: function willUnmount() {
-    return null;
-  },
-  afterClose: function afterClose() {
-    return null;
-  },
-  onClickOutside: function onClickOutside() {
-    return null;
-  },
-  onKeypressEscape: function onKeypressEscape() {
-    return null;
-  }
-}, _temp2);
-__webpack_unused_export__ = ReactConfirmAlert;
-
-
-function createSVGBlurReconfirm() {
-  // If has svg ignore to create the svg
-  var svg = document.getElementById('react-confirm-alert-firm-svg');
-  if (svg) return;
-  var svgNS = 'http://www.w3.org/2000/svg';
-  var feGaussianBlur = document.createElementNS(svgNS, 'feGaussianBlur');
-  feGaussianBlur.setAttribute('stdDeviation', '0.3');
-
-  var filter = document.createElementNS(svgNS, 'filter');
-  filter.setAttribute('id', 'gaussian-blur');
-  filter.appendChild(feGaussianBlur);
-
-  var svgElem = document.createElementNS(svgNS, 'svg');
-  svgElem.setAttribute('id', 'react-confirm-alert-firm-svg');
-  svgElem.setAttribute('class', 'react-confirm-alert-svg');
-  svgElem.appendChild(filter);
-
-  document.body.appendChild(svgElem);
-}
-
-function removeSVGBlurReconfirm(afterClose) {
-  var svg = document.getElementById('react-confirm-alert-firm-svg');
-  if (svg) {
-    svg.parentNode.removeChild(svg);
-  }
-  document.body.children[0].classList.remove('react-confirm-alert-blur');
-  afterClose();
-}
-
-function createElementReconfirm(properties) {
-  var divTarget = document.getElementById('react-confirm-alert');
-  if (divTarget) {
-    // Rerender - the mounted ReactConfirmAlert
-    (0, _reactDom.render)(_react2.default.createElement(ReactConfirmAlert, properties), divTarget);
-  } else {
-    // Mount the ReactConfirmAlert component
-    document.body.children[0].classList.add('react-confirm-alert-blur');
-    divTarget = document.createElement('div');
-    divTarget.id = 'react-confirm-alert';
-    document.body.appendChild(divTarget);
-    (0, _reactDom.render)(_react2.default.createElement(ReactConfirmAlert, properties), divTarget);
-  }
-}
-
-function removeElementReconfirm() {
-  var target = document.getElementById('react-confirm-alert');
-  if (target) {
-    (0, _reactDom.unmountComponentAtNode)(target);
-    target.parentNode.removeChild(target);
-  }
-}
-
-function addBodyClass() {
-  document.body.classList.add('react-confirm-alert-body-element');
-}
-
-function removeBodyClass() {
-  document.body.classList.remove('react-confirm-alert-body-element');
-}
-
-function confirmAlert(properties) {
-  addBodyClass();
-  createSVGBlurReconfirm();
-  createElementReconfirm(properties);
-}
-
 /***/ }),
 
 /***/ 97473:
@@ -323909,39 +323626,9 @@ var elementFromProps = map => {
 };
 /* harmony default export */ const PyodideRunner_VisualOutputPane = (VisualOutputPane);
 ;// ./src/assets/icons/split_view.svg
-var _path;
-function split_view_extends() { return split_view_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, split_view_extends.apply(null, arguments); }
-
-function SvgSplitView(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", split_view_extends({
-    width: 20,
-    height: 20,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M2.5 17.5V9.167h15V17.5h-15zm1.667-1.667h11.666v-5H4.167v5zM2.5 9.167V2.5h15v6.667h-15zm1.667 0h11.666v-5H4.167v5z"
-  })));
-}
-/* harmony default export */ const split_view = (SvgSplitView);
+const split_view_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjAiDQogIGhlaWdodD0iMjAiDQogIHZpZXdCb3g9IjAgMCAyMCAyMCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMi41IDE3LjVWOS4xNjY2N0gxNy41VjE3LjVIMi41Wk00LjE2NjY3IDE1LjgzMzNIMTUuODMzM1YxMC44MzMzSDQuMTY2NjdWMTUuODMzM1oiIC8+DQogIDxwYXRoIGQ9Ik0yLjUgOS4xNjY2N1YyLjVIMTcuNVY5LjE2NjY3SDIuNVpNNC4xNjY2NyA5LjE2NjY3SDE1LjgzMzNWNC4xNjY2N0g0LjE2NjY3VjkuMTY2NjdaIiAvPg0KPC9zdmc+DQo=";
 ;// ./src/assets/icons/tabbed_view.svg
-var tabbed_view_path, _path2;
-function tabbed_view_extends() { return tabbed_view_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tabbed_view_extends.apply(null, arguments); }
-
-function SvgTabbedView(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", tabbed_view_extends({
-    width: 20,
-    height: 20,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), tabbed_view_path || (tabbed_view_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M17.5 17.5v-15h-15v15h15zm-1.667-1.667H4.167V9.167h11.666v6.666zm0-8.333H4.167V4.167h11.666V7.5zm-7.5-.833H5V5h3.333v1.667z"
-  })), _path2 || (_path2 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M9.167 6.667H12.5V5H9.167v1.667z"
-  })));
-}
-/* harmony default export */ const tabbed_view = (SvgTabbedView);
-// EXTERNAL MODULE: ./node_modules/react-confirm-alert/lib/index.js
-var react_confirm_alert_lib = __webpack_require__(23350);
+const tabbed_view_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjAiDQogIGhlaWdodD0iMjAiDQogIHZpZXdCb3g9IjAgMCAyMCAyMCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMTcuNSAxNy41VjIuNUgyLjVWMTcuNUgxNy41Wk0xNS44MzMzIDE1LjgzMzNINC4xNjY2N1Y5LjE2NjY3SDE1LjgzMzNWMTUuODMzM1pNMTUuODMzMyA3LjVINC4xNjY2N1Y0LjE2NjY3SDE1LjgzMzNWNy41Wk04LjMzMzMzIDYuNjY2NjdINVY1SDguMzMzMzNWNi42NjY2N1oiIC8+DQogIDxwYXRoIGQ9Ik05LjE2NjY3IDYuNjY2NjdIMTIuNVY1SDkuMTY2NjdWNi42NjY2N1oiIC8+DQo8L3N2Zz4NCg==";
 ;// ./node_modules/@remix-run/router/dist/router.js
 /**
  * @remix-run/router v1.20.0
@@ -331785,18 +331472,15 @@ function useViewTransitionState(to, opts) {
 
 //# sourceMappingURL=index.js.map
 
-;// ./src/assets/stylesheets/Button.scss
+;// ./src/components/Button/styles.module.scss
 // extracted by mini-css-extract-plugin
-
+/* harmony default export */ const styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","btn":"styles-module__btn--0Px6W","btn--primary":"styles-module__btn--primary--k7oQ0","btn-outer":"styles-module__btn-outer--4KgkG","btn--secondary":"styles-module__btn--secondary--tK09f","btn--tertiary":"styles-module__btn--tertiary--jf5po","btn--danger":"styles-module__btn--danger--SmsoX","btn--small":"styles-module__btn--small--cJ2bM","btnOuter":"styles-module__btnOuter--ip64U","svgOnly":"styles-module__svgOnly--eXeyf","user":"styles-module__user--3fNDf","primary":"styles-module__primary--AeI1M","secondary":"styles-module__secondary--tAMJR","tertiary":"styles-module__tertiary--Kr5w9"});
 ;// ./src/components/Button/Button.jsx
 
 
 
 
 
-
-
-
 var Button = props => {
   var {
     className,
@@ -331809,35 +331493,25 @@ var Button = props => {
     buttonOuterClassName,
     buttonRef,
     disabled,
-    confirmText,
     href,
     text,
     title,
     label,
     buttonIconPosition = "left",
+    variant,
     isUser
   } = props;
-  var {
-    t
-  } = useTranslation_useTranslation();
-  var buttonClass = classnames_default()("btn", className, {
-    "btn--svg-only": !buttonText,
-    "btn--user": isUser
-  });
+  var VARIANT_CLASSES = {
+    primary: styles_module.primary,
+    secondary: styles_module.secondary,
+    tertiary: styles_module.tertiary
+  };
+  var buttonClass = classnames_default()(styles_module.btn, className, {
+    [styles_module.svgOnly]: !buttonText,
+    [styles_module.user]: isUser
+  }, VARIANT_CLASSES[variant] || '');
   var onButtonClick = e => {
-    if (!confirmText) {
-      onClickHandler(e);
-      return;
-    }
-    (0,react_confirm_alert_lib/* confirmAlert */.ZX)({
-      message: confirmText,
-      buttons: [{
-        label: t("button.yes"),
-        onClick: () => onClickHandler(e)
-      }, {
-        label: t("button.no")
-      }]
-    });
+    onClickHandler(e);
   };
   var onKeyDown = e => {
     e.stopPropagation();
@@ -331877,7 +331551,7 @@ var Button = props => {
   });
   if (buttonOuter) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: classnames_default()("btn-outer", {
+      className: classnames_default()([styles_module.btnOuter], {
         buttonOuterClassName
       }),
       onClick: onButtonClick,
@@ -331927,7 +331601,7 @@ var OutputViewToggle = () => {
       disabled: codeRunTriggered || drawTriggered,
       label: isSplitView ? t("outputViewToggle.buttonTabLabel") : t("outputViewToggle.buttonSplitLabel"),
       title: isSplitView ? t("outputViewToggle.buttonTabTitle") : t("outputViewToggle.buttonSplitTitle"),
-      ButtonIcon: isSplitView ? tabbed_view : split_view,
+      ButtonIcon: isSplitView ? tabbed_view_namespaceObject : split_view_namespaceObject,
       buttonIconPosition: "right",
       onClickHandler: isSplitView ? switchToTabbedView : switchToSplitView
     })
@@ -331961,7 +331635,6 @@ var RunButton = _ref => {
   };
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Button_Button, _objectSpread2({
     disabled: !activeRunner || activeRunner !== loadedRunner || codeRunLoading,
-    className: "btn--primary btn--run".concat(className ? " ".concat(className) : ""),
     onClickHandler: onClickRun
   }, props));
 };
@@ -332017,36 +331690,10 @@ var StopButton = _ref => {
   return button;
 };
 /* harmony default export */ const RunButton_StopButton = (StopButton);
-;// ./src/assets/icons/run.svg
-var run_path;
-function run_extends() { return run_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, run_extends.apply(null, arguments); }
-
-function SvgRun(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", run_extends({
-    width: 11,
-    height: 14,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), run_path || (run_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M0 14V0l11 7-11 7z"
-  })));
-}
-/* harmony default export */ const run = (SvgRun);
+;// ./src/assets/icons/tj-run.svg
+const tj_run_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yLjkxNjYzIDEuNzVMMTEuMDgzMyA3TDIuOTE2NjMgMTIuMjVWMS43NVoiIGZpbGw9IiMzMzYyNUUiIHN0cm9rZT0iIzMzNjI1RSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K";
 ;// ./src/assets/icons/stop.svg
-var stop_path;
-function stop_extends() { return stop_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, stop_extends.apply(null, arguments); }
-
-function SvgStop(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", stop_extends({
-    width: 12,
-    height: 12,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), stop_path || (stop_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M0 12V0h12v12H0z"
-  })));
-}
-/* harmony default export */ const stop = (SvgStop);
+const stop_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMTIiDQogIGhlaWdodD0iMTIiDQogIHZpZXdCb3g9IjAgMCAxMiAxMiINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMCAxMlYwSDEyVjEySDBaIiAvPg0KPC9zdmc+DQo=";
 ;// ./src/components/RunButton/RunnerControls.jsx
 
 
@@ -332055,7 +331702,6 @@ function SvgStop(props) {
 
 
 
-
 var RunnerControls = _ref => {
   var {
     embedded = false,
@@ -332063,21 +331709,19 @@ var RunnerControls = _ref => {
   } = _ref;
   var codeRunTriggered = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.codeRunTriggered);
   var drawTriggered = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.drawTriggered);
-  var {
-    t
-  } = useTranslation_useTranslation();
   return codeRunTriggered || drawTriggered ? /*#__PURE__*/(0,jsx_runtime.jsx)(RunButton_StopButton, {
     embedded: embedded,
-    buttonText: t("runButton.stop"),
-    ButtonIcon: stop,
+    buttonText: "Stop",
+    ButtonIcon: stop_namespaceObject,
     buttonIconPosition: "right",
     buttonOuter: skinny,
     className: "btn--stop btn--primary".concat(skinny ? " btn--small" : "")
   }) : /*#__PURE__*/(0,jsx_runtime.jsx)(RunButton_RunButton, {
     embedded: embedded,
-    buttonText: t("runButton.run"),
-    ButtonIcon: run,
-    buttonIconPosition: "right",
+    buttonText: "Run",
+    ButtonIcon: tj_run_namespaceObject,
+    buttonIconPosition: "left",
+    variant: "primary",
     buttonOuter: skinny,
     className: skinny ? "btn--small" : ""
   });
@@ -332595,20 +332239,7 @@ var matchingRegexes = (regexArray, testString) => {
 };
 
 ;// ./src/assets/icons/open_in_new_tab.svg
-var open_in_new_tab_path;
-function open_in_new_tab_extends() { return open_in_new_tab_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, open_in_new_tab_extends.apply(null, arguments); }
-
-function SvgOpenInNewTab(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", open_in_new_tab_extends({
-    width: 16,
-    height: 16,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), open_in_new_tab_path || (open_in_new_tab_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M2.167.5A1.68 1.68 0 00.5 2.167v11.666c0 .911.756 1.667 1.667 1.667h11.666a1.68 1.68 0 001.667-1.667V8h-1.667v5.833H2.167V2.167H8V.5H2.167zm7.5 0v1.667h2.988L4.91 9.91l1.178 1.178 7.744-7.744v2.988H15.5V.5H9.667z"
-  })));
-}
-/* harmony default export */ const open_in_new_tab = (SvgOpenInNewTab);
+const open_in_new_tab_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMTYiDQogIGhlaWdodD0iMTYiDQogIHZpZXdCb3g9IjAgMCAxNiAxNiINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMi4xNjY2NyAwLjVDMS4yNTU3OCAwLjUgMC41IDEuMjU1NzggMC41IDIuMTY2NjdWMTMuODMzM0MwLjUgMTQuNzQ0MiAxLjI1NTc4IDE1LjUgMi4xNjY2NyAxNS41SDEzLjgzMzNDMTQuNzQ0MiAxNS41IDE1LjUgMTQuNzQ0MiAxNS41IDEzLjgzMzNWOEgxMy44MzMzVjEzLjgzMzNIMi4xNjY2N1YyLjE2NjY3SDhWMC41SDIuMTY2NjdaTTkuNjY2NjcgMC41VjIuMTY2NjdIMTIuNjU0OUw0LjkxMDgxIDkuOTEwODFMNi4wODkxOSAxMS4wODkyTDEzLjgzMzMgMy4zNDUwNVY2LjMzMzMzSDE1LjVWMC41SDkuNjY2NjdaIiAvPg0KPC9zdmc+DQo=";
 ;// ./src/components/Editor/Runners/HtmlRunner/HtmlRunner.jsx
 
 /* eslint-disable react-hooks/exhaustive-deps */
@@ -332870,7 +332501,7 @@ function HtmlRunner() {
             children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
               className: "htmlrunner-link__text",
               children: t("output.newTab")
-            }), /*#__PURE__*/(0,jsx_runtime.jsx)(open_in_new_tab, {})]
+            }), /*#__PURE__*/(0,jsx_runtime.jsx)(open_in_new_tab_namespaceObject, {})]
           })]
         }), !isEmbedded && isMobile ? /*#__PURE__*/(0,jsx_runtime.jsx)(RunButton_RunnerControls, {
           skinny: true
@@ -332915,7 +332546,7 @@ var RunnerFactory = _ref => {
 /* harmony default export */ const Runners_RunnerFactory = (RunnerFactory);
 ;// ./src/components/RunButton/styles.module.scss
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","runBar":"styles-module__runBar--JA+8h"});
+/* harmony default export */ const RunButton_styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","runBar":"styles-module__runBar--JA+8h"});
 ;// ./src/components/RunButton/RunBar.jsx
 
 
@@ -332926,7 +332557,7 @@ var RunBar = _ref => {
     embedded = false
   } = _ref;
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-    className: styles_module.runBar,
+    className: RunButton_styles_module.runBar,
     children: /*#__PURE__*/(0,jsx_runtime.jsx)(RunButton_RunnerControls, {
       embedded: embedded
     })
@@ -334381,35 +334012,9 @@ eventManager.on(2
 //# sourceMappingURL=react-toastify.esm.js.map
 
 ;// ./src/assets/icons/info.svg
-var info_path;
-function info_extends() { return info_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, info_extends.apply(null, arguments); }
-
-function SvgInfo(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", info_extends({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), info_path || (info_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M11 17h2v-6h-2v6zm1-8a.968.968 0 00.713-.288A.967.967 0 0013 8a.97.97 0 00-.287-.713A.97.97 0 0012 7a.967.967 0 00-.712.287A.968.968 0 0011 8c0 .283.096.52.288.712A.965.965 0 0012 9zm0 13a9.733 9.733 0 01-3.9-.788 10.092 10.092 0 01-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 012 12c0-1.383.263-2.683.788-3.9a10.092 10.092 0 012.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0112 2c1.383 0 2.683.262 3.9.787a10.105 10.105 0 013.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0122 12a9.733 9.733 0 01-.788 3.9 10.092 10.092 0 01-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0112 22zm0-2c2.217 0 4.104-.779 5.663-2.337C19.221 16.104 20 14.217 20 12s-.779-4.104-2.337-5.663C16.104 4.779 14.217 4 12 4s-4.104.779-5.662 2.337C4.779 7.896 4 9.783 4 12s.78 4.104 2.338 5.663C7.896 19.221 9.783 20 12 20z"
-  })));
-}
-/* harmony default export */ const info = (SvgInfo);
+const info_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMTEgMTdIMTNWMTFIMTFWMTdaTTEyIDlDMTIuMjgzMyA5IDEyLjUyMSA4LjkwNCAxMi43MTMgOC43MTJDMTIuOTA0MyA4LjUyMDY3IDEzIDguMjgzMzMgMTMgOEMxMyA3LjcxNjY3IDEyLjkwNDMgNy40NzkgMTIuNzEzIDcuMjg3QzEyLjUyMSA3LjA5NTY3IDEyLjI4MzMgNyAxMiA3QzExLjcxNjcgNyAxMS40NzkzIDcuMDk1NjcgMTEuMjg4IDcuMjg3QzExLjA5NiA3LjQ3OSAxMSA3LjcxNjY3IDExIDhDMTEgOC4yODMzMyAxMS4wOTYgOC41MjA2NyAxMS4yODggOC43MTJDMTEuNDc5MyA4LjkwNCAxMS43MTY3IDkgMTIgOVpNMTIgMjJDMTAuNjE2NyAyMiA5LjMxNjY3IDIxLjczNzMgOC4xIDIxLjIxMkM2Ljg4MzMzIDIwLjY4NzMgNS44MjUgMTkuOTc1IDQuOTI1IDE5LjA3NUM0LjAyNSAxOC4xNzUgMy4zMTI2NyAxNy4xMTY3IDIuNzg4IDE1LjlDMi4yNjI2NyAxNC42ODMzIDIgMTMuMzgzMyAyIDEyQzIgMTAuNjE2NyAyLjI2MjY3IDkuMzE2NjcgMi43ODggOC4xQzMuMzEyNjcgNi44ODMzMyA0LjAyNSA1LjgyNSA0LjkyNSA0LjkyNUM1LjgyNSA0LjAyNSA2Ljg4MzMzIDMuMzEyMzMgOC4xIDIuNzg3QzkuMzE2NjcgMi4yNjIzMyAxMC42MTY3IDIgMTIgMkMxMy4zODMzIDIgMTQuNjgzMyAyLjI2MjMzIDE1LjkgMi43ODdDMTcuMTE2NyAzLjMxMjMzIDE4LjE3NSA0LjAyNSAxOS4wNzUgNC45MjVDMTkuOTc1IDUuODI1IDIwLjY4NzMgNi44ODMzMyAyMS4yMTIgOC4xQzIxLjczNzMgOS4zMTY2NyAyMiAxMC42MTY3IDIyIDEyQzIyIDEzLjM4MzMgMjEuNzM3MyAxNC42ODMzIDIxLjIxMiAxNS45QzIwLjY4NzMgMTcuMTE2NyAxOS45NzUgMTguMTc1IDE5LjA3NSAxOS4wNzVDMTguMTc1IDE5Ljk3NSAxNy4xMTY3IDIwLjY4NzMgMTUuOSAyMS4yMTJDMTQuNjgzMyAyMS43MzczIDEzLjM4MzMgMjIgMTIgMjJaTTEyIDIwQzE0LjIxNjcgMjAgMTYuMTA0MyAxOS4yMjEgMTcuNjYzIDE3LjY2M0MxOS4yMjEgMTYuMTA0MyAyMCAxNC4yMTY3IDIwIDEyQzIwIDkuNzgzMzMgMTkuMjIxIDcuODk1NjcgMTcuNjYzIDYuMzM3QzE2LjEwNDMgNC43NzkgMTQuMjE2NyA0IDEyIDRDOS43ODMzMyA0IDcuODk2IDQuNzc5IDYuMzM4IDYuMzM3QzQuNzc5MzMgNy44OTU2NyA0IDkuNzgzMzMgNCAxMkM0IDE0LjIxNjcgNC43NzkzMyAxNi4xMDQzIDYuMzM4IDE3LjY2M0M3Ljg5NiAxOS4yMjEgOS43ODMzMyAyMCAxMiAyMFoiIC8+DQo8L3N2Zz4NCg==";
 ;// ./src/assets/icons/tick.svg
-var tick_path;
-function tick_extends() { return tick_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tick_extends.apply(null, arguments); }
-
-function SvgTick(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", tick_extends({
-    width: 18,
-    height: 13,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), tick_path || (tick_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M6.55 13L.85 7.3l1.425-1.425L6.55 10.15 15.725.975 17.15 2.4 6.55 13z"
-  })));
-}
-/* harmony default export */ const tick = (SvgTick);
+const tick_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMTgiDQogIGhlaWdodD0iMTMiDQogIHZpZXdCb3g9IjAgMCAxOCAxMyINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNNi41NTAwMSAxM0wwLjg1MDAwNiA3LjI5OTk4TDIuMjc1MDEgNS44NzQ5OEw2LjU1MDAxIDEwLjE1TDE1LjcyNSAwLjk3NDk3NkwxNy4xNSAyLjM5OTk4TDYuNTUwMDEgMTNaIiAvPg0KPC9zdmc+DQo=";
 ;// ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
 function _assertThisInitialized(e) {
   if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -337102,7 +336707,7 @@ var topCenterSettings = {
 var showSavePrompt = () => {
   react_toastify_esm_toast(src_i18n.t("notifications.savePrompt"), _objectSpread2(_objectSpread2({}, topCenterSettings), {}, {
     className: "".concat(topCenterSettings.className, " toast--info"),
-    icon: info
+    icon: info_namespaceObject
   }));
 };
 var showLoginPrompt = () => {
@@ -337113,7 +336718,7 @@ var showLoginPrompt = () => {
 };
 var showSavedMessage = () => {
   react_toastify_esm_toast(src_i18n.t("notifications.projectSaved"), _objectSpread2(_objectSpread2({}, bottomCenterSettings), {}, {
-    icon: tick
+    icon: tick_namespaceObject
   }));
 };
 var showRenamedMessage = () => {
@@ -337122,35 +336727,9 @@ var showRenamedMessage = () => {
   }));
 };
 ;// ./src/assets/icons/cloud_tick.svg
-var cloud_tick_path;
-function cloud_tick_extends() { return cloud_tick_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, cloud_tick_extends.apply(null, arguments); }
-
-function SvgCloudTick(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", cloud_tick_extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    height: 24,
-    viewBox: "0 -960 960 960",
-    width: 24
-  }, props), cloud_tick_path || (cloud_tick_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M414-280l226-226-58-58-169 169-84-84-57 57 142 142zM260-160q-91 0-155.5-63T40-377q0-78 47-139t123-78q25-92 100-149t170-57q117 0 198.5 81.5T760-520q69 8 114.5 59.5T920-340q0 75-52.5 127.5T740-160H260zm0-80h480q42 0 71-29t29-71q0-42-29-71t-71-29h-60v-80q0-83-58.5-141.5T480-720q-83 0-141.5 58.5T280-520h-20q-58 0-99 41t-41 99q0 58 41 99t99 41zm220-240z"
-  })));
-}
-/* harmony default export */ const cloud_tick = (SvgCloudTick);
+const cloud_tick_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMDAwMDAwIj48cGF0aCBkPSJtNDE0LTI4MCAyMjYtMjI2LTU4LTU4LTE2OSAxNjktODQtODQtNTcgNTcgMTQyIDE0MlpNMjYwLTE2MHEtOTEgMC0xNTUuNS02M1Q0MC0zNzdxMC03OCA0Ny0xMzl0MTIzLTc4cTI1LTkyIDEwMC0xNDl0MTcwLTU3cTExNyAwIDE5OC41IDgxLjVUNzYwLTUyMHE2OSA4IDExNC41IDU5LjVUOTIwLTM0MHEwIDc1LTUyLjUgMTI3LjVUNzQwLTE2MEgyNjBabTAtODBoNDgwcTQyIDAgNzEtMjl0MjktNzFxMC00Mi0yOS03MXQtNzEtMjloLTYwdi04MHEwLTgzLTU4LjUtMTQxLjVUNDgwLTcyMHEtODMgMC0xNDEuNSA1OC41VDI4MC01MjBoLTIwcS01OCAwLTk5IDQxdC00MSA5OXEwIDU4IDQxIDk5dDk5IDQxWm0yMjAtMjQwWiIvPjwvc3ZnPg==";
 ;// ./src/assets/icons/cloud_upload.svg
-var cloud_upload_path;
-function cloud_upload_extends() { return cloud_upload_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, cloud_upload_extends.apply(null, arguments); }
-
-function SvgCloudUpload(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", cloud_upload_extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    height: 24,
-    viewBox: "0 -960 960 960",
-    width: 24
-  }, props), cloud_upload_path || (cloud_upload_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M260-160q-91 0-155.5-63T40-377q0-78 47-139t123-78q25-92 100-149t170-57q117 0 198.5 81.5T760-520q69 8 114.5 59.5T920-340q0 75-52.5 127.5T740-160H520q-33 0-56.5-23.5T440-240v-206l-64 62-56-56 160-160 160 160-56 56-64-62v206h220q42 0 71-29t29-71q0-42-29-71t-71-29h-60v-80q0-83-58.5-141.5T480-720q-83 0-141.5 58.5T280-520h-20q-58 0-99 41t-41 99q0 58 41 99t99 41h100v80H260zm220-280z"
-  })));
-}
-/* harmony default export */ const cloud_upload = (SvgCloudUpload);
+const cloud_upload_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMDAwMDAwIj48cGF0aCBkPSJNMjYwLTE2MHEtOTEgMC0xNTUuNS02M1Q0MC0zNzdxMC03OCA0Ny0xMzl0MTIzLTc4cTI1LTkyIDEwMC0xNDl0MTcwLTU3cTExNyAwIDE5OC41IDgxLjVUNzYwLTUyMHE2OSA4IDExNC41IDU5LjVUOTIwLTM0MHEwIDc1LTUyLjUgMTI3LjVUNzQwLTE2MEg1MjBxLTMzIDAtNTYuNS0yMy41VDQ0MC0yNDB2LTIwNmwtNjQgNjItNTYtNTYgMTYwLTE2MCAxNjAgMTYwLTU2IDU2LTY0LTYydjIwNmgyMjBxNDIgMCA3MS0yOXQyOS03MXEwLTQyLTI5LTcxdC03MS0yOWgtNjB2LTgwcTAtODMtNTguNS0xNDEuNVQ0ODAtNzIwcS04MyAwLTE0MS41IDU4LjVUMjgwLTUyMGgtMjBxLTU4IDAtOTkgNDF0LTQxIDk5cTAgNTggNDEgOTl0OTkgNDFoMTAwdjgwSDI2MFptMjIwLTI4MFoiLz48L3N2Zz4=";
 ;// ./src/assets/stylesheets/SaveStatus.scss
 // extracted by mini-css-extract-plugin
 
@@ -338342,7 +337921,7 @@ var SaveStatus = _ref => {
     children: isPending ? /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: "save-status__icon",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(cloud_upload, {})
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(cloud_upload_namespaceObject, {})
       }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: "save-status__text",
         children: [t("saveStatus.saving"), "\u2026"]
@@ -338350,7 +337929,7 @@ var SaveStatus = _ref => {
     }) : /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: "save-status__icon",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(cloud_tick, {})
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(cloud_tick_namespaceObject, {})
       }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: "save-status__text",
         children: [t("saveStatus.saved"), " ", formatRelativeTime(lastSavedTime, time, locale, fallbackLng)]
@@ -338359,38 +337938,12 @@ var SaveStatus = _ref => {
   });
 };
 /* harmony default export */ const SaveStatus_SaveStatus = (SaveStatus);
-;// ./src/assets/icons/download.svg
-var download_path;
-function download_extends() { return download_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, download_extends.apply(null, arguments); }
-
-function SvgDownload(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", download_extends({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), download_path || (download_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M12 16l-5-5 1.4-1.45 2.6 2.6V4h2v8.15l2.6-2.6L17 11l-5 5zm-8 4v-5h2v3h12v-3h2v5H4z"
-  })));
-}
-/* harmony default export */ const download = (SvgDownload);
+;// ./src/assets/icons/tj-download.svg
+const tj_download_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04IDEwVjJNOCAxMEw0LjY2NjY3IDYuNjY2NjdNOCAxMEwxMS4zMzMzIDYuNjY2NjdNMTQgMTBWMTIuNjY2N0MxNCAxMy4wMjAzIDEzLjg1OTUgMTMuMzU5NCAxMy42MDk1IDEzLjYwOTVDMTMuMzU5NCAxMy44NTk1IDEzLjAyMDMgMTQgMTIuNjY2NyAxNEgzLjMzMzMzQzIuOTc5NzEgMTQgMi42NDA1NyAxMy44NTk1IDIuMzkwNTIgMTMuNjA5NUMyLjE0MDQ4IDEzLjM1OTQgMiAxMy4wMjAzIDIgMTIuNjY2N1YxMCIgc3Ryb2tlPSIjMzM2MjVFIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==";
 ;// ./src/assets/text_jam_logo.svg
 const text_jam_logo_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU1IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMTU1IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTEwOC44NzEgNi44NjIwNkgxMTMuODkyVjIxLjE5ODNDMTEzLjg5MiAyMi41MjcgMTEzLjU4NiAyMy43MTI2IDExMi45NjYgMjQuNzU1MUMxMTIuMzQ2IDI1Ljc5NzYgMTExLjQ4NyAyNi42MDg0IDExMC4zODMgMjcuMTgwOEMxMDkuMjc5IDI3Ljc1MzEgMTA4LjA0NiAyOC4wMzkzIDEwNi42OSAyOC4wMzkzQzEwNC40MTQgMjguMDM5MyAxMDIuNjQzIDI3LjQ2NyAxMDEuMzgyIDI2LjMxNTRDMTAwLjEyMiAyNS4xNjM5IDk5LjQ4OCAyMy41NDIyIDk5LjQ4OCAyMS40MzY4SDEwNC41MzdDMTA0LjUzNyAyMi4zOTA3IDEwNC43MDEgMjMuMDg1NyAxMDUuMDM0IDIzLjUxNUMxMDUuMzY4IDIzLjk0NDIgMTA1LjkyIDI0LjE2MjMgMTA2LjY5IDI0LjE2MjNDMTA3LjM5MiAyNC4xNjIzIDEwNy45MjQgMjMuOTAzMyAxMDguMzA1IDIzLjM3ODdDMTA4LjY4NyAyMi44NTQgMTA4Ljg3MSAyMi4xMjQ5IDEwOC44NzEgMjEuMTkxNVY2Ljg2MjA2WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTEyNS41OTIgMjcuNzYwNkMxMjUuNDIxIDI3LjQ0NzIgMTI1LjI2NSAyNi45ODM4IDEyNS4xMzUgMjYuMzcwNkMxMjQuMjQzIDI3LjQ4ODEgMTIzLjAwMyAyOC4wNDY4IDEyMS40MDEgMjguMDQ2OEMxMTkuOTM2IDI4LjA0NjggMTE4LjY5NiAyNy42MDM5IDExNy42NjcgMjYuNzE4MUMxMTYuNjM4IDI1LjgzMjMgMTE2LjEzNCAyNC43MjE3IDExNi4xMzQgMjMuMzc5M0MxMTYuMTM0IDIxLjY5NjMgMTE2Ljc1NCAyMC40MjIyIDExOC4wMDEgMTkuNTYzNkMxMTkuMjQ4IDE4LjcwNTEgMTIxLjA1NCAxOC4yNjkgMTIzLjQyNSAxOC4yNjlIMTI0LjkxN1YxNy40NDQ1QzEyNC45MTcgMTYuMDEzNiAxMjQuMjk3IDE1LjI5ODIgMTIzLjA2NCAxNS4yOTgyQzEyMS45MTkgMTUuMjk4MiAxMjEuMzQgMTUuODYzNyAxMjEuMzQgMTcuMDAxNkgxMTYuNTAyQzExNi41MDIgMTUuNTAyNiAxMTcuMTQzIDE0LjI4MjkgMTE4LjQxNyAxMy4zNDk0QzExOS42OTEgMTIuNDE2IDEyMS4zMiAxMS45NDU4IDEyMy4zMDIgMTEuOTQ1OEMxMjUuMjg1IDExLjk0NTggMTI2Ljg0NiAxMi40Mjk2IDEyNy45OTcgMTMuMzk3MUMxMjkuMTQ5IDE0LjM2NDcgMTI5LjczNSAxNS42ODY2IDEyOS43NjIgMTcuMzY5NlYyNC4yNDQ3QzEyOS43ODIgMjUuNjY4OCAxMzAgMjYuNzU5IDEzMC40MjMgMjcuNTE1M1YyNy43NjA2SDEyNS41ODVIMTI1LjU5MlpNMTIyLjU2NiAyNC41OTlDMTIzLjE2NiAyNC41OTkgMTIzLjY3IDI0LjQ2OTUgMTI0LjA2NiAyNC4yMTA2QzEyNC40NjEgMjMuOTUxNyAxMjQuNzQ3IDIzLjY1ODcgMTI0LjkxNyAyMy4zMzg1VjIwLjg1ODJIMTIzLjUxNEMxMjEuODMxIDIwLjg1ODIgMTIwLjk4NiAyMS42MTQ2IDEyMC45ODYgMjMuMTI3MkMxMjAuOTg2IDIzLjU3MDEgMTIxLjEzNiAyMy45MjQ0IDEyMS40MjkgMjQuMTk3QzEyMS43MjIgMjQuNDY5NSAxMjIuMTAzIDI0LjYwNTggMTIyLjU2IDI0LjYwNThMMTIyLjU2NiAyNC41OTlaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNMTM3LjAxOSAxMi4yMzA4TDEzNy4xNzUgMTQuMDUwMUMxMzguMjcyIDEyLjY0NjQgMTM5Ljc1MSAxMS45Mzc4IDE0MS42MTEgMTEuOTM3OEMxNDMuNTczIDExLjkzNzggMTQ0Ljg5NSAxMi43MTQ2IDE0NS41ODMgMTQuMjc0OUMxNDYuNjMzIDEyLjcxNDYgMTQ4LjE1OSAxMS45Mzc4IDE1MC4xNDkgMTEuOTM3OEMxNTMuMjk3IDExLjkzNzggMTU0LjkxMiAxMy44Mzg5IDE1NSAxNy42NDc4VjI3Ljc1MjZIMTUwLjE0OVYxNy45NDc2QzE1MC4xNDkgMTcuMTUwNCAxNTAuMDEyIDE2LjU3OCAxNDkuNzQ3IDE2LjIxMDFDMTQ5LjQ4MSAxNS44NDIxIDE0OC45OSAxNS42NjQ5IDE0OC4yODIgMTUuNjY0OUMxNDcuMzI4IDE1LjY2NDkgMTQ2LjYxMiAxNi4wODc0IDE0Ni4xNDIgMTYuOTM5MUwxNDYuMTU2IDE3LjEzNjdWMjcuNzM5SDE0MS4zMDRWMTcuOTY4QzE0MS4zMDQgMTcuMTU3MiAxNDEuMTc1IDE2LjU2NDQgMTQwLjkxNiAxNi4yMDMyQzE0MC42NTcgMTUuODQyMSAxNDAuMTY3IDE1LjY1ODEgMTM5LjQzNyAxNS42NTgxQzEzOC41MTEgMTUuNjU4MSAxMzcuODAyIDE2LjA4MDYgMTM3LjMxMiAxNi45MzIzVjI3LjczOUgxMzIuNDc0VjEyLjIxMDRIMTM3LjAxMkwxMzcuMDE5IDEyLjIzMDhaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNOTMuMzIxNyAzMi4xNDc1SDMuNDYxNDlWMEg5My4zMjE3VjMyLjE0NzVaTTQuODI0MjQgMzAuNzg0N0g5MS45NTlWMS4zNjI3Nkg0LjgyNDI0VjMwLjc4NDdaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNMTQuMzQzIDEwLjA5MjRIMTcuOTI3MVYyNC40MjE4SDIxLjUxMTFWMTAuMDkyNEgyNS4wOTUyVjYuNTA4MzlIMTQuMzQzVjEwLjA5MjRaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNMzIuMjcwMSAyNC40MjE4SDQzLjAxNTVWMjAuODM3OEgzNS44NDc0VjE3LjI1MzdINDMuMDE1NVYxMy42Njk3SDM1Ljg0NzRWMTAuMDkyNEg0My4wMTU1VjYuNTA4MzlIMzIuMjcwMVYyNC40MjE4WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTcxLjY5NDYgNi41MDgzOVYxMC4wOTI0SDc1LjI3ODdWMjQuNDIxOEg3OC44NjI3VjEwLjA5MjRIODIuNDQ2OFY2LjUwODM5SDcxLjY5NDZaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNNjQuNTE5NyAyMC42OTM2SDYwLjkzNTZWMjQuMjc3N0g2NC41MTk3VjIwLjY5MzZaIiBmaWxsPSIjQTMxNzQ2Ii8+DQo8cGF0aCBkPSJNNTMuNzc0NSAxMy42MjEySDU2LjA0MzVWMTcuMDE0NUg1My43NzQ1VjIwLjY5MzlINjAuOTM1OFYxNy4wMTQ1SDU4LjUxNjlWMTMuNjIxMkg2MC45MzU4VjkuOTQ4NThINTMuNzc0NVYxMy42MjEyWiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTUzLjc3NDMgMjAuNjkzNkg1MC4xOTAyVjI0LjI3NzdINTMuNzc0M1YyMC42OTM2WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTUzLjc3NDMgNi4zNjQ2OUg1MC4xOTAyVjkuOTQ4NzRINTMuNzc0M1Y2LjM2NDY5WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTY0LjUxOTcgNi4zNjQ2OUg2MC45MzU2VjkuOTQ4NzRINjQuNTE5N1Y2LjM2NDY5WiIgZmlsbD0iI0EzMTc0NiIvPg0KPHBhdGggZD0iTTg4LjQ5NzUgMzAuNzg1VjM0LjYyNzlIMS4zNjI3NlY1LjIxMjgySDQuMDI2OTVWMy44NTAwN0gwVjM1Ljk5MDdIODkuODYwMlYzMC43ODVIODguNDk3NVoiIGZpbGw9IiNBMzE3NDYiLz4NCjwvc3ZnPg0K";
 ;// ./src/assets/icons/pencil.svg
-var pencil_path;
-function pencil_extends() { return pencil_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, pencil_extends.apply(null, arguments); }
-
-function SvgPencil(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", pencil_extends({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), pencil_path || (pencil_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M5 19h1.4l8.625-8.625-1.4-1.4L5 17.6V19zM19.3 8.925l-4.25-4.2 1.4-1.4a1.92 1.92 0 011.413-.575 1.92 1.92 0 011.412.575l1.4 1.4c.383.383.583.846.6 1.388a1.806 1.806 0 01-.55 1.387L19.3 8.925zM17.85 10.4L7.25 21H3v-4.25l10.6-10.6 4.25 4.25zm-3.525-.725l-.7-.7 1.4 1.4-.7-.7z"
-  })));
-}
-/* harmony default export */ const pencil = (SvgPencil);
+const pencil_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNNSAxOUg2LjRMMTUuMDI1IDEwLjM3NUwxMy42MjUgOC45NzVMNSAxNy42VjE5Wk0xOS4zIDguOTI1TDE1LjA1IDQuNzI1TDE2LjQ1IDMuMzI1QzE2LjgzMzMgMi45NDE2NyAxNy4zMDQzIDIuNzUgMTcuODYzIDIuNzVDMTguNDIxIDIuNzUgMTguODkxNyAyLjk0MTY3IDE5LjI3NSAzLjMyNUwyMC42NzUgNC43MjVDMjEuMDU4MyA1LjEwODMzIDIxLjI1ODMgNS41NzEgMjEuMjc1IDYuMTEzQzIxLjI5MTcgNi42NTQzMyAyMS4xMDgzIDcuMTE2NjcgMjAuNzI1IDcuNUwxOS4zIDguOTI1Wk0xNy44NSAxMC40TDcuMjUgMjFIM1YxNi43NUwxMy42IDYuMTVMMTcuODUgMTAuNFpNMTQuMzI1IDkuNjc1TDEzLjYyNSA4Ljk3NUwxNS4wMjUgMTAuMzc1TDE0LjMyNSA5LjY3NVoiIC8+DQo8L3N2Zz4NCg==";
 ;// ./node_modules/@raspberrypifoundation/design-system-react/dist/design-system-react.js
 
 
@@ -339790,7 +339343,7 @@ var ProjectName = _ref => {
           className: "project-name__button",
           "aria-label": t(isEditing ? "header.renameSave" : "header.renameProject"),
           title: t(isEditing ? "header.renameSave" : "header.renameProject"),
-          icon: isEditing ? /*#__PURE__*/(0,jsx_runtime.jsx)(tick, {}) : /*#__PURE__*/(0,jsx_runtime.jsx)(pencil, {}),
+          icon: isEditing ? /*#__PURE__*/(0,jsx_runtime.jsx)(tick_namespaceObject, {}) : /*#__PURE__*/(0,jsx_runtime.jsx)(pencil_namespaceObject, {}),
           onClick: isEditing ? updateName : onEditNameButtonClick,
           type: isEditing ? "primary" : "tertiary"
         })
@@ -339814,8 +339367,6 @@ var jszip_utils_lib_default = /*#__PURE__*/__webpack_require__.n(jszip_utils_lib
 
 
 
-var DownloadButton_excluded = ["buttonText", "className", "Icon", "type"];
-
 
 
 
@@ -339825,13 +339376,6 @@ var DownloadButton_excluded = ["buttonText", "className", "Icon", "type"];
 
 
 var DownloadButton = props => {
-  var {
-      buttonText,
-      className,
-      Icon,
-      type = "secondary"
-    } = props,
-    otherProps = objectWithoutProperties_objectWithoutProperties(props, DownloadButton_excluded);
   var {
     t
   } = useTranslation_useTranslation();
@@ -339872,14 +339416,9 @@ var DownloadButton = props => {
       return _ref.apply(this, arguments);
     };
   }();
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(DesignSystemButton_DesignSystemButton, _objectSpread2({
-    className: className,
-    onClick: onClickDownload,
-    text: buttonText,
-    textAlways: true,
-    icon: Icon ? /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {}) : null,
-    type: type
-  }, otherProps));
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(Button_Button, _objectSpread2({
+    onClickHandler: onClickDownload
+  }, props));
 };
 /* harmony default export */ const DownloadButton_DownloadButton = (DownloadButton);
 ;// ./src/events/WebComponentCustomEvents.js
@@ -339901,20 +339440,7 @@ var signUpEvent = webComponentCustomEvent("editor-signUp");
 var quizReadyEvent = webComponentCustomEvent("editor-quizReady");
 var themeUpdatedEvent = detail => webComponentCustomEvent("editor-themeUpdated", detail);
 ;// ./src/assets/icons/save.svg
-var save_path;
-function save_extends() { return save_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, save_extends.apply(null, arguments); }
-
-function SvgSave(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", save_extends({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), save_path || (save_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M3 21V3h14l4 4v14H3zm2-2h14V7.85L16.15 5H5v14zm7-1c.833 0 1.542-.292 2.125-.875A2.893 2.893 0 0015 15c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0012 12c-.833 0-1.542.292-2.125.875A2.893 2.893 0 009 15c0 .833.292 1.542.875 2.125A2.893 2.893 0 0012 18zm-6-8h9V6H6v4zm-1 9V5v14z"
-  })));
-}
-/* harmony default export */ const save = (SvgSave);
+const save_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNMyAyMVYzSDE3TDIxIDdWMjFIM1pNNSAxOUgxOVY3Ljg1TDE2LjE1IDVINVYxOVpNMTIgMThDMTIuODMzMyAxOCAxMy41NDE3IDE3LjcwODMgMTQuMTI1IDE3LjEyNUMxNC43MDgzIDE2LjU0MTcgMTUgMTUuODMzMyAxNSAxNUMxNSAxNC4xNjY3IDE0LjcwODMgMTMuNDU4MyAxNC4xMjUgMTIuODc1QzEzLjU0MTcgMTIuMjkxNyAxMi44MzMzIDEyIDEyIDEyQzExLjE2NjcgMTIgMTAuNDU4MyAxMi4yOTE3IDkuODc1IDEyLjg3NUM5LjI5MTY3IDEzLjQ1ODMgOSAxNC4xNjY3IDkgMTVDOSAxNS44MzMzIDkuMjkxNjcgMTYuNTQxNyA5Ljg3NSAxNy4xMjVDMTAuNDU4MyAxNy43MDgzIDExLjE2NjcgMTggMTIgMThaTTYgMTBIMTVWNkg2VjEwWk01IDE5VjVWMTlaIiAvPg0KPC9zdmc+DQo=";
 ;// ./src/components/SaveButton/SaveButton.jsx
 
 
@@ -339955,15 +339481,15 @@ var SaveButton = _ref => {
     onClick: onClickSave,
     text: t("header.save"),
     textAlways: true,
-    icon: /*#__PURE__*/(0,jsx_runtime.jsx)(save, {}),
+    icon: /*#__PURE__*/(0,jsx_runtime.jsx)(save_namespaceObject, {}),
     type: buttonType,
     fill: fill
   });
 };
 /* harmony default export */ const SaveButton_SaveButton = (SaveButton);
-;// ./src/assets/stylesheets/ProjectBar.scss
+;// ./src/components/ProjectBar/styles.module.scss
 // extracted by mini-css-extract-plugin
-
+/* harmony default export */ const ProjectBar_styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","btnSvg":"styles-module__btnSvg--Ri2uZ"});
 ;// ./src/components/ProjectBar/ProjectBar.jsx
 
 
@@ -339975,14 +339501,10 @@ var SaveButton = _ref => {
 
 
 
-
 var ProjectBar = _ref => {
   var {
     nameEditable = true
   } = _ref;
-  var {
-    t
-  } = useTranslation_useTranslation();
   var loading = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.loading);
   var saving = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.saving);
   var lastSavedTime = (0,external_react_redux_namespaceObject.useSelector)(state => state.editor.lastSavedTime);
@@ -340001,10 +339523,8 @@ var ProjectBar = _ref => {
       children: [loading === "success" && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: "project-bar__btn-wrapper",
         children: /*#__PURE__*/(0,jsx_runtime.jsx)(DownloadButton_DownloadButton, {
-          buttonText: t("header.download"),
-          className: "btn btn--tertiary project-bar__btn",
-          Icon: download,
-          type: "tertiary"
+          className: ProjectBar_styles_module.btnSvg,
+          ButtonIcon: tj_download_namespaceObject
         })
       }), loading === "success" && !readOnly && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: "project-bar__btn-wrapper",
@@ -341290,24 +340810,7 @@ function shouldUpdate(dependencies, newCookies, oldCookies) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/assets/icons/select_buttons_tick.svg
-var _rect, select_buttons_tick_path;
-function select_buttons_tick_extends() { return select_buttons_tick_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, select_buttons_tick_extends.apply(null, arguments); }
-
-function SvgSelectButtonsTick(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", select_buttons_tick_extends({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _rect || (_rect = /*#__PURE__*/external_react_.createElement("rect", {
-    width: 24,
-    height: 24,
-    rx: 12
-  })), select_buttons_tick_path || (select_buttons_tick_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M9.958 17l-4.75-4.75 1.188-1.187 3.562 3.562 7.646-7.646 1.188 1.188L9.958 17z"
-  })));
-}
-/* harmony default export */ const select_buttons_tick = (SvgSelectButtonsTick);
+const select_buttons_tick_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgLz4NCiAgPHBhdGgNCiAgICBkPSJNOS45NTgzNyAxNy4wMDAxTDUuMjA4MzcgMTIuMjUwMUw2LjM5NTg3IDExLjA2MjZMOS45NTgzNyAxNC42MjUxTDE3LjYwNDIgNi45NzkyNUwxOC43OTE3IDguMTY2NzVMOS45NTgzNyAxNy4wMDAxWiINCiAgLz4NCjwvc3ZnPg0K";
 ;// ./src/utils/SelectButtons.jsx
 
 
@@ -341341,7 +340844,7 @@ var SelectButtons = _ref => {
           htmlFor: "".concat(label, "-option").concat(i),
           children: [option.Icon ? /*#__PURE__*/(0,jsx_runtime.jsx)(option.Icon, {}) : null, option.label, /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
             className: "select-buttons__tick".concat(option.value === value ? " select-buttons__tick--selected" : ""),
-            children: /*#__PURE__*/(0,jsx_runtime.jsx)(select_buttons_tick, {})
+            children: /*#__PURE__*/(0,jsx_runtime.jsx)(select_buttons_tick_namespaceObject, {})
           })]
         })]
       }, i))
@@ -341394,50 +340897,11 @@ var ThemeToggle = () => {
 };
 /* harmony default export */ const ThemeToggle_ThemeToggle = (ThemeToggle);
 ;// ./src/assets/icons/font_icon_lg.svg
-var font_icon_lg_path;
-function font_icon_lg_extends() { return font_icon_lg_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, font_icon_lg_extends.apply(null, arguments); }
-
-function SvgFontIconLg(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", font_icon_lg_extends({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), font_icon_lg_path || (font_icon_lg_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M7.307 3c.465 0 .882.285 1.05.72l2.34 6.079-1.205 3.108a1.132 1.132 0 01-.052-.116l-.456-1.183H5.63l-.456 1.183a1.126 1.126 0 11-2.1-.81L6.26 3.72A1.126 1.126 0 017.309 3h-.002zm-.81 6.356h1.62l-.81-2.102-.81 2.102zm8.791-2.649a1.125 1.125 0 00-2.1 0L8.59 18.74a1.124 1.124 0 00-1.111 1.14 1.127 1.127 0 001.138 1.113h.68c.047.002.093.002.139 0l1.432-.005a1.124 1.124 0 001.123-1.06A1.127 1.127 0 0011 18.742l.574-1.501h5.332l.578 1.513a1.124 1.124 0 00-.993 1.185A1.127 1.127 0 0017.615 21l2.25-.006A1.124 1.124 0 0021 19.878a1.128 1.128 0 00-1.114-1.136l-1.122-2.936a1.14 1.14 0 00-.07-.184L15.29 6.709l-.002-.002zm.756 8.28h-3.611l1.805-4.726 1.806 4.726z"
-  })));
-}
-/* harmony default export */ const font_icon_lg = (SvgFontIconLg);
+const font_icon_lg_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNNy4zMDcyMiAzQzcuNzcyMDkgMyA4LjE4ODk3IDMuMjg1MjkgOC4zNTY5MyAzLjcyMDcyTDEwLjY5NzggOS43OTg4TDkuNDkyMTIgMTIuOTA2OUM5LjQ3MjQ4IDEyLjg2OTQgOS40NTQ5NiAxMi44MzA4IDkuNDM5NjMgMTIuNzkxM0w4Ljk4Mzc1IDExLjYwODFINS42MzA2OEw1LjE3NDggMTIuNzkxM0M1LjA2NzQyIDEzLjA3IDQuODUzODQgMTMuMjk0NyA0LjU4MTA1IDEzLjQxNThDNC4zMDgyNiAxMy41MzY4IDMuOTk4NiAxMy41NDQ1IDMuNzIwMiAxMy40MzY5QzMuNDQxOCAxMy4zMjk0IDMuMjE3NDYgMTMuMTE1NiAzLjA5NjUzIDEyLjg0MjRDMi45NzU2MSAxMi41NjkzIDIuOTY4IDEyLjI1OTIgMy4wNzUzOCAxMS45ODA1TDYuMjU5IDMuNzIwNzJDNi4zNDA4IDMuNTA4NDggNi40ODQ4NyAzLjMyNjAzIDYuNjcyMjQgMy4xOTczOEM2Ljg1OTYyIDMuMDY4NzMgNy4wODE1MiAyLjk5OTkxIDcuMzA4NzIgM0g3LjMwNzIyWk02LjQ5NzQ0IDkuMzU1ODZIOC4xMTY5OUw3LjMwNzIyIDcuMjUzNzVMNi40OTc0NCA5LjM1NTg2Wk0xNS4yODggNi43MDcyMUMxNS4yMDY3IDYuNDk0MjggMTUuMDYyNyA2LjMxMTA4IDE0Ljg3NTEgNi4xODE4NUMxNC42ODc2IDYuMDUyNjEgMTQuNDY1MiA1Ljk4MzQyIDE0LjIzNzYgNS45ODM0MkMxNC4wMDk5IDUuOTgzNDIgMTMuNzg3NiA2LjA1MjYxIDEzLjYgNi4xODE4NUMxMy40MTI0IDYuMzExMDggMTMuMjY4NCA2LjQ5NDI4IDEzLjE4NzEgNi43MDcyMUw4LjU5MDg2IDE4Ljc0MDJDOC4yOTI1OCAxOC43NDM4IDguMDA3OTMgMTguODY1OSA3Ljc5OTU0IDE5LjA3OTZDNy41OTExNSAxOS4yOTM0IDcuNDc2MDkgMTkuNTgxMiA3LjQ3OTY3IDE5Ljg3OTlDNy40ODMyNSAyMC4xNzg1IDcuNjA1MTcgMjAuNDYzNiA3LjgxODYzIDIwLjY3MjJDOC4wMzIwOCAyMC44ODA5IDguMzE5NTcgMjAuOTk2MSA4LjYxNzg2IDIwLjk5MjVIOS4yOTg2N0M5LjM0NDYxIDIwLjk5NTQgOS4zOTA2OSAyMC45OTU0IDkuNDM2NjMgMjAuOTkyNUwxMC44Njg3IDIwLjk4OEMxMS4xNTU5IDIwLjk4ODIgMTEuNDMyMiAyMC44Nzg0IDExLjY0MTEgMjAuNjgxMkMxMS44NSAyMC40ODQgMTEuOTc1NyAyMC4yMTQzIDExLjk5MjMgMTkuOTI3M0MxMi4wMDkgMTkuNjQwMyAxMS45MTU1IDE5LjM1NzggMTEuNzMwOCAxOS4xMzc2QzExLjU0NjEgMTguOTE3NSAxMS4yODQ0IDE4Ljc3NjQgMTAuOTk5MiAxOC43NDMyTDExLjU3MzUgMTcuMjQxN0gxNi45MDQ2TDE3LjQ4MzQgMTguNzU1M0MxNy4xOTgxIDE4Ljc4ODQgMTYuOTM2MiAxOC45Mjk2IDE2Ljc1MTYgMTkuMTQ5OUMxNi41NjY5IDE5LjM3MDIgMTYuNDczNCAxOS42NTI5IDE2LjQ5MDMgMTkuOTRDMTYuNTA3MiAyMC4yMjcyIDE2LjYzMzEgMjAuNDk2OSAxNi44NDIzIDIwLjY5NEMxNy4wNTE1IDIwLjg5MTEgMTcuMzI4MSAyMS4wMDA2IDE3LjYxNTQgMjFMMTkuODY0OCAyMC45OTRDMjAuMTYzMSAyMC45OTY4IDIwLjQ1MDIgMjAuODgwOCAyMC42NjMxIDIwLjY3MTZDMjAuODc2IDIwLjQ2MjQgMjAuOTk3MiAyMC4xNzcgMjEgMTkuODc4NEMyMS4wMDI3IDE5LjU3OTcgMjAuODg2OSAxOS4yOTIyIDIwLjY3OCAxOS4wNzlDMjAuNDY5IDE4Ljg2NTggMjAuMTg0IDE4Ljc0NDUgMTkuODg1OCAxOC43NDE3TDE4Ljc2NDEgMTUuODA2M0MxOC43NDYgMTUuNzQyOCAxOC43MjI0IDE1LjY4MSAxOC42OTM2IDE1LjYyMTZMMTUuMjg5NSA2LjcwODcxTDE1LjI4OCA2LjcwNzIxWk0xNi4wNDM4IDE0Ljk4NjVIMTIuNDMyOEwxNC4yMzgzIDEwLjI2MTNMMTYuMDQzOCAxNC45ODY1WiIgLz4NCjwvc3ZnPg0K";
 ;// ./src/assets/icons/font_icon_rg.svg
-var font_icon_rg_path;
-function font_icon_rg_extends() { return font_icon_rg_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, font_icon_rg_extends.apply(null, arguments); }
-
-function SvgFontIconRg(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", font_icon_rg_extends({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), font_icon_rg_path || (font_icon_rg_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M8.35 5c.362 0 .686.222.816.56l1.821 4.728-.938 2.417a.888.888 0 01-.04-.09l-.355-.92H7.046l-.354.92a.875.875 0 11-1.633-.63L7.535 5.56A.876.876 0 018.35 5zm-.63 4.943h1.26l-.63-1.635-.63 1.635zm6.837-2.06a.876.876 0 00-1.634 0l-3.575 9.36a.874.874 0 00-.864.886.877.877 0 00.885.865h.53a.874.874 0 00.107 0l1.114-.003a.874.874 0 00.67-1.44.875.875 0 00-.568-.306l.446-1.168h4.147l.45 1.177a.875.875 0 00-.499 1.508.874.874 0 00.601.238l1.75-.005a.874.874 0 00.633-1.49.874.874 0 00-.617-.261l-.872-2.284a.87.87 0 00-.055-.143L14.56 7.885l-.002-.002zm.588 6.44h-2.808l1.404-3.675 1.404 3.675z"
-  })));
-}
-/* harmony default export */ const font_icon_rg = (SvgFontIconRg);
+const font_icon_rg_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNOC4zNTAwNiA1QzguNzExNjIgNSA5LjAzNTg3IDUuMjIxODkgOS4xNjY1IDUuNTYwNTZMMTAuOTg3MiAxMC4yODhMMTAuMDQ5NCAxMi43MDU0QzEwLjAzNDIgMTIuNjc2MiAxMC4wMjA1IDEyLjY0NjIgMTAuMDA4NiAxMi42MTU0TDkuNjU0MDMgMTEuNjk1Mkg3LjA0NjA4TDYuNjkxNTEgMTIuNjE1NEM2LjYwNzk5IDEyLjgzMjMgNi40NDE4OCAxMy4wMDcgNi4yMjk3MSAxMy4xMDExQzYuMDE3NTMgMTMuMTk1MyA1Ljc3NjY5IDEzLjIwMTIgNS41NjAxNiAxMy4xMTc2QzUuMzQzNjIgMTMuMDM0IDUuMTY5MTQgMTIuODY3NyA1LjA3NTA4IDEyLjY1NTJDNC45ODEwMyAxMi40NDI4IDQuOTc1MTEgMTIuMjAxNiA1LjA1ODYzIDExLjk4NDhMNy41MzQ3OCA1LjU2MDU2QzcuNTk4NCA1LjM5NTQ5IDcuNzEwNDUgNS4yNTM1OCA3Ljg1NjE5IDUuMTUzNTJDOC4wMDE5MyA1LjA1MzQ1IDguMTc0NTEgNC45OTk5MyA4LjM1MTIyIDVIOC4zNTAwNlpNNy43MjAyMyA5Ljk0MzQ0SDguOTc5ODhMOC4zNTAwNiA4LjMwODQ3TDcuNzIwMjMgOS45NDM0NFpNMTQuNTU3NCA3Ljg4MzM4QzE0LjQ5NDEgNy43MTc3NyAxNC4zODIxIDcuNTc1MjkgMTQuMjM2MiA3LjQ3NDc3QzE0LjA5MDMgNy4zNzQyNSAxMy45MTc0IDcuMzIwNDMgMTMuNzQwMyA3LjMyMDQzQzEzLjU2MzIgNy4zMjA0MyAxMy4zOTAzIDcuMzc0MjUgMTMuMjQ0NCA3LjQ3NDc3QzEzLjA5ODUgNy41NzUyOSAxMi45ODY2IDcuNzE3NzcgMTIuOTIzMyA3Ljg4MzM4TDkuMzQ4NDUgMTcuMjQyNEM5LjExNjQ1IDE3LjI0NTIgOC44OTUwNiAxNy4zNDAxIDguNzMyOTggMTcuNTA2NEM4LjU3MDg5IDE3LjY3MjYgOC40ODE0IDE3Ljg5NjUgOC40ODQxOSAxOC4xMjg4QzguNDg2OTcgMTguMzYxMSA4LjU4MTggMTguNTgyOCA4Ljc0NzgyIDE4Ljc0NTFDOC45MTM4NCAxOC45MDczIDkuMTM3NDQgMTguOTk2OSA5LjM2OTQ0IDE4Ljk5NDJIOS44OTg5NkM5LjkzNDcgMTguOTk2NCA5Ljk3MDU0IDE4Ljk5NjQgMTAuMDA2MyAxOC45OTQyTDExLjEyMDEgMTguOTkwN0MxMS4zNDM0IDE4Ljk5MDggMTEuNTU4NCAxOC45MDU1IDExLjcyMDggMTguNzUyMUMxMS44ODMzIDE4LjU5ODcgMTEuOTgxMSAxOC4zODg5IDExLjk5NCAxOC4xNjU3QzEyLjAwNyAxNy45NDI0IDExLjkzNDIgMTcuNzIyNyAxMS43OTA2IDE3LjU1MTVDMTEuNjQ3IDE3LjM4MDMgMTEuNDQzNCAxNy4yNzA1IDExLjIyMTYgMTcuMjQ0N0wxMS42NjgzIDE2LjA3NjlIMTUuODE0N0wxNi4yNjQ5IDE3LjI1NDFDMTYuMDQzIDE3LjI3OTkgMTUuODM5MyAxNy4zODk3IDE1LjY5NTcgMTcuNTYxQzE1LjU1MiAxNy43MzI0IDE1LjQ3OTMgMTcuOTUyMyAxNS40OTI1IDE4LjE3NTZDMTUuNTA1NiAxOC4zOTg5IDE1LjYwMzYgMTguNjA4NyAxNS43NjYzIDE4Ljc2MkMxNS45MjkgMTguOTE1MyAxNi4xNDQxIDE5LjAwMDUgMTYuMzY3NSAxOUwxOC4xMTcgMTguOTk1M0MxOC4zNDkgMTguOTk3NSAxOC41NzI0IDE4LjkwNzMgMTguNzM4IDE4Ljc0NDZDMTguOTAzNiAxOC41ODE4IDE4Ljk5NzggMTguMzU5OSAxOSAxOC4xMjc2QzE5LjAwMjEgMTcuODk1MyAxOC45MTIgMTcuNjcxNyAxOC43NDk1IDE3LjUwNTlDMTguNTg3IDE3LjM0MDEgMTguMzY1NCAxNy4yNDU3IDE4LjEzMzQgMTcuMjQzNkwxNy4yNjA5IDE0Ljk2MDVDMTcuMjQ2OSAxNC45MTExIDE3LjIyODYgMTQuODYzIDE3LjIwNjEgMTQuODE2OEwxNC41NTg1IDcuODg0NTVMMTQuNTU3NCA3Ljg4MzM4Wk0xNS4xNDUyIDE0LjMyMjhIMTIuMzM2NkwxMy43NDA5IDEwLjY0NzZMMTUuMTQ1MiAxNC4zMjI4WiIgLz4NCjwvc3ZnPg0K";
 ;// ./src/assets/icons/font_icon_sm.svg
-var font_icon_sm_path;
-function font_icon_sm_extends() { return font_icon_sm_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, font_icon_sm_extends.apply(null, arguments); }
-
-function SvgFontIconSm(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", font_icon_sm_extends({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), font_icon_sm_path || (font_icon_sm_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M9.393 7c.258 0 .49.158.583.4l1.3 3.377-.67 1.727a.628.628 0 01-.028-.064l-.254-.658H8.461l-.253.658a.625.625 0 11-1.166-.45L8.81 7.4a.626.626 0 01.583-.4h-.001zm-.45 3.531h.9l-.45-1.168-.45 1.168zm4.884-1.471a.626.626 0 00-1.168 0l-2.553 6.685a.625.625 0 00.015 1.25h.378a.612.612 0 00.077 0l.795-.002a.624.624 0 00.073-1.247l.32-.834h2.96l.322.84A.624.624 0 0015.12 17l1.25-.003a.624.624 0 00.451-1.064.625.625 0 00-.44-.188l-.623-1.63a.627.627 0 00-.04-.103l-1.89-4.952h-.001zm.42 4.6H12.24l1.003-2.626 1.004 2.625z"
-  })));
-}
-/* harmony default export */ const font_icon_sm = (SvgFontIconSm);
+const font_icon_sm_namespaceObject = "data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMjQiDQogIGhlaWdodD0iMjQiDQogIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aCBkPSJNOS4zOTI5IDdDOS42NTExNiA3IDkuODgyNzYgNy4xNTg0OSA5Ljk3NjA3IDcuNDAwNEwxMS4yNzY1IDEwLjc3NzFMMTAuNjA2NyAxMi41MDM4QzEwLjU5NTggMTIuNDgzIDEwLjU4NjEgMTIuNDYxNSAxMC41Nzc2IDEyLjQzOTZMMTAuMzI0MyAxMS43ODIzSDguNDYxNDlMOC4yMDgyMiAxMi40Mzk2QzguMTQ4NTcgMTIuNTk0NSA4LjAyOTkxIDEyLjcxOTMgNy44NzgzNiAxMi43ODY1QzcuNzI2ODEgMTIuODUzOCA3LjU1NDc4IDEyLjg1OCA3LjQwMDExIDEyLjc5ODNDNy4yNDU0NSAxMi43Mzg2IDcuMTIwODEgMTIuNjE5OCA3LjA1MzYzIDEyLjQ2OEM2Ljk4NjQ1IDEyLjMxNjMgNi45ODIyMiAxMi4xNDQgNy4wNDE4OCAxMS45ODkyTDguODEwNTYgNy40MDA0QzguODU2IDcuMjgyNDkgOC45MzYwNCA3LjE4MTEzIDkuMDQwMTMgNy4xMDk2NUM5LjE0NDIzIDcuMDM4MTggOS4yNjc1MSA2Ljk5OTk1IDkuMzkzNzMgN0g5LjM5MjlaTTguOTQzMDIgMTAuNTMxSDkuODQyNzdMOS4zOTI5IDkuMzYzMkw4Ljk0MzAyIDEwLjUzMVpNMTMuODI2NyA5LjA1OTU2QzEzLjc4MTUgOC45NDEyNyAxMy43MDE1IDguODM5NDkgMTMuNTk3MyA4Ljc2NzY5QzEzLjQ5MzEgOC42OTU4OSAxMy4zNjk2IDguNjU3NDUgMTMuMjQzMSA4LjY1NzQ1QzEzLjExNjYgOC42NTc0NSAxMi45OTMxIDguNjk1ODkgMTIuODg4OSA4Ljc2NzY5QzEyLjc4NDcgOC44Mzk0OSAxMi43MDQ3IDguOTQxMjcgMTIuNjU5NSA5LjA1OTU2TDEwLjEwNiAxNS43NDQ2QzkuOTQwMzIgMTUuNzQ2NiA5Ljc4MjE4IDE1LjgxNDQgOS42NjY0MSAxNS45MzMxQzkuNTUwNjQgMTYuMDUxOSA5LjQ4NjcyIDE2LjIxMTggOS40ODg3IDE2LjM3NzdDOS40OTA2OSAxNi41NDM2IDkuNTU4NDMgMTYuNzAyIDkuNjc3MDEgMTYuODE3OUM5Ljc5NTYgMTYuOTMzOCA5Ljk1NTMyIDE2Ljk5NzggMTAuMTIxIDE2Ljk5NThIMTAuNDk5M0MxMC41MjQ4IDE2Ljk5NzQgMTAuNTUwNCAxNi45OTc0IDEwLjU3NTkgMTYuOTk1OEwxMS4zNzE1IDE2Ljk5MzNDMTEuNTMxIDE2Ljk5MzQgMTEuNjg0NSAxNi45MzI1IDExLjgwMDYgMTYuODIyOUMxMS45MTY3IDE2LjcxMzMgMTEuOTg2NSAxNi41NjM1IDExLjk5NTcgMTYuNDA0QzEyLjAwNSAxNi4yNDQ2IDExLjk1MyAxNi4wODc2IDExLjg1MDQgMTUuOTY1M0MxMS43NDc5IDE1Ljg0MyAxMS42MDI0IDE1Ljc2NDcgMTEuNDQ0IDE1Ljc0NjJMMTEuNzYzMSAxNC45MTIxSDE0LjcyNDhMMTUuMDQ2MyAxNS43NTI5QzE0Ljg4NzggMTUuNzcxMyAxNC43NDI0IDE1Ljg0OTggMTQuNjM5OCAxNS45NzIyQzE0LjUzNzIgMTYuMDk0NiAxNC40ODUyIDE2LjI1MTYgMTQuNDk0NiAxNi40MTExQzE0LjUwNCAxNi41NzA2IDE0LjU3NCAxNi43MjA1IDE0LjY5MDIgMTYuODNDMTQuODA2NCAxNi45Mzk1IDE0Ljk2MDEgMTcuMDAwMyAxNS4xMTk3IDE3TDE2LjM2OTMgMTYuOTk2N0MxNi41MzUgMTYuOTk4MiAxNi42OTQ2IDE2LjkzMzggMTYuODEyOCAxNi44MTc1QzE2LjkzMTEgMTYuNzAxMyAxNi45OTg0IDE2LjU0MjggMTcgMTYuMzc2OUMxNy4wMDE1IDE2LjIxMDkgMTYuOTM3MiAxNi4wNTEyIDE2LjgyMTEgMTUuOTMyOEMxNi43MDUgMTUuODE0NCAxNi41NDY3IDE1Ljc0NyAxNi4zODEgMTUuNzQ1NEwxNS43NTc4IDE0LjExNDZDMTUuNzQ3OCAxNC4wNzkzIDE1LjczNDcgMTQuMDQ1IDE1LjcxODcgMTQuMDEyTDEzLjgyNzUgOS4wNjAzOUwxMy44MjY3IDkuMDU5NTZaTTE0LjI0NjYgMTMuNjU5MkgxMi4yNDA0TDEzLjI0MzUgMTEuMDM0TDE0LjI0NjYgMTMuNjU5MloiIC8+DQo8L3N2Zz4NCg==";
 ;// ./src/components/Menus/Sidebar/SettingsPanel/FontSizeSelector/FontSizeSelector.jsx
 
 
@@ -341471,15 +340935,15 @@ var FontSizeSelector = () => {
     options: [{
       value: "small",
       label: t("sidebar.settingsMenu.textSizeOptions.small"),
-      Icon: font_icon_sm
+      Icon: font_icon_sm_namespaceObject
     }, {
       value: "medium",
       label: t("sidebar.settingsMenu.textSizeOptions.medium"),
-      Icon: font_icon_rg
+      Icon: font_icon_rg_namespaceObject
     }, {
       value: "large",
       label: t("sidebar.settingsMenu.textSizeOptions.large"),
-      Icon: font_icon_lg
+      Icon: font_icon_lg_namespaceObject
     }],
     value: fontSize,
     setValue: setFontSize
@@ -341513,117 +340977,15 @@ var SettingsPanel = () => {
 };
 /* harmony default export */ const SettingsPanel_SettingsPanel = (SettingsPanel);
 ;// ./src/assets/icons/tj-file.svg
-var tj_file_path;
-function tj_file_extends() { return tj_file_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tj_file_extends.apply(null, arguments); }
-
-function SvgTjFile(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", tj_file_extends({
-    width: 22,
-    height: 20,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), tj_file_path || (tj_file_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M10.75 8.75v6m-3-3h6m7 5a2 2 0 01-2 2h-16a2 2 0 01-2-2v-14a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z",
-    stroke: "#33625E",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  })));
-}
-/* harmony default export */ const tj_file = (SvgTjFile);
+const tj_file_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC43NSA4Ljc1VjE0Ljc1TTcuNzUgMTEuNzVIMTMuNzVNMjAuNzUgMTYuNzVDMjAuNzUgMTcuMjgwNCAyMC41MzkzIDE3Ljc4OTEgMjAuMTY0MiAxOC4xNjQyQzE5Ljc4OTEgMTguNTM5MyAxOS4yODA0IDE4Ljc1IDE4Ljc1IDE4Ljc1SDIuNzVDMi4yMTk1NyAxOC43NSAxLjcxMDg2IDE4LjUzOTMgMS4zMzU3OSAxOC4xNjQyQzAuOTYwNzE0IDE3Ljc4OTEgMC43NSAxNy4yODA0IDAuNzUgMTYuNzVWMi43NUMwLjc1IDIuMjE5NTcgMC45NjA3MTQgMS43MTA4NiAxLjMzNTc5IDEuMzM1NzlDMS43MTA4NiAwLjk2MDcxNCAyLjIxOTU3IDAuNzUgMi43NSAwLjc1SDcuNzVMOS43NSAzLjc1SDE4Ljc1QzE5LjI4MDQgMy43NSAxOS43ODkxIDMuOTYwNzEgMjAuMTY0MiA0LjMzNTc5QzIwLjUzOTMgNC43MTA4NiAyMC43NSA1LjIxOTU3IDIwLjc1IDUuNzVWMTYuNzVaIiBzdHJva2U9IiMzMzYyNUUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K";
 ;// ./src/assets/icons/tj-activity.svg
-var tj_activity_path;
-function tj_activity_extends() { return tj_activity_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tj_activity_extends.apply(null, arguments); }
-
-function SvgTjActivity(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", tj_activity_extends({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), tj_activity_path || (tj_activity_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M12 7a4 4 0 014-4h5a1 1 0 011 1v13a1 1 0 01-1 1h-6a3 3 0 00-3 3m0-14v14m0-14a4 4 0 00-4-4H3a1 1 0 00-1 1v13a1 1 0 001 1h6a3 3 0 013 3m0-14v14",
-    stroke: "#33625E",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  })));
-}
-/* harmony default export */ const tj_activity = (SvgTjActivity);
+const tj_activity_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiA3QzEyIDUuOTM5MTMgMTIuNDIxNCA0LjkyMTcyIDEzLjE3MTYgNC4xNzE1N0MxMy45MjE3IDMuNDIxNDMgMTQuOTM5MSAzIDE2IDNIMjFDMjEuNTUyMyAzIDIyIDMuNDQ3NzIgMjIgNFYxN0MyMiAxNy41NTIzIDIxLjU1MjMgMTggMjEgMThIMTVDMTQuMjA0NCAxOCAxMy40NDEzIDE4LjMxNjEgMTIuODc4NyAxOC44Nzg3QzEyLjMxNjEgMTkuNDQxMyAxMiAyMC4yMDQ0IDEyIDIxTTEyIDdWMjFNMTIgN0MxMiA1LjkzOTEzIDExLjU3ODYgNC45MjE3MiAxMC44Mjg0IDQuMTcxNTdDMTAuMDc4MyAzLjQyMTQzIDkuMDYwODcgMyA4IDNIM0MyLjQ0NzcyIDMgMiAzLjQ0NzcyIDIgNFYxN0MyIDE3LjU1MjMgMi40NDc3MiAxOCAzIDE4SDlDOS43OTU2NSAxOCAxMC41NTg3IDE4LjMxNjEgMTEuMTIxMyAxOC44Nzg3QzExLjY4MzkgMTkuNDQxMyAxMiAyMC4yMDQ0IDEyIDIxTTEyIDdWMjEiIHN0cm9rZT0iIzMzNjI1RSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=";
 ;// ./src/assets/icons/tj-font.svg
-var tj_font_path, tj_font_path2, _g;
-function tj_font_extends() { return tj_font_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tj_font_extends.apply(null, arguments); }
-
-function SvgTjFont(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", tj_font_extends({
-    width: 27,
-    height: 25,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), tj_font_path || (tj_font_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M19.46 6.359L14.505 20H12.48l5.706-14.967h1.305l-.03 1.326zM23.613 20L18.648 6.359l-.03-1.326h1.305L25.649 20h-2.036zm-.257-5.54v1.623h-8.409V14.46h8.41z",
-    fill: "#33625E"
-  })), /*#__PURE__*/external_react_.createElement("mask", {
-    id: "tj-font_svg__a",
-    style: {
-      maskType: "alpha"
-    },
-    maskUnits: "userSpaceOnUse",
-    x: 0,
-    y: 9,
-    width: 15,
-    height: 13
-  }, tj_font_path2 || (tj_font_path2 = /*#__PURE__*/external_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10.366 21.061l3.828-11.483-10.366.545L0 21.606l10.366-.545z",
-    fill: "#fff"
-  }))), _g || (_g = /*#__PURE__*/external_react_.createElement("g", {
-    mask: "url(#tj-font_svg__a)"
-  }, /*#__PURE__*/external_react_.createElement("path", {
-    d: "M10.062 11.574l-2.785 8.082H5.593l3.509-9.324h1.076l-.116 1.242zm2.331 8.082l-2.792-8.082-.121-1.242h1.082l3.522 9.324h-1.69zm-.134-3.458v1.274H7.187v-1.274h5.072z",
-    fill: "#33625E"
-  }))));
-}
-/* harmony default export */ const tj_font = (SvgTjFont);
+const tj_font_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNyAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xOS40NjAxIDYuMzU4OTdMMTQuNTA1NCAyMEgxMi40ODAzTDE4LjE4NTUgNS4wMzI5SDE5LjQ5MUwxOS40NjAxIDYuMzU4OTdaTTIzLjYxMzEgMjBMMTguNjQ4MSA2LjM1ODk3TDE4LjYxNzIgNS4wMzI5SDE5LjkyMjdMMjUuNjQ4NSAyMEgyMy42MTMxWk0yMy4zNTYxIDE0LjQ1OTNWMTYuMDgzNUgxNC45NDc0VjE0LjQ1OTNIMjMuMzU2MVoiIGZpbGw9IiMzMzYyNUUiLz4NCjxtYXNrIGlkPSJtYXNrMF8xMDNfMTAxNDEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjkiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjM2NTkgMjEuMDYxNEwxNC4xOTM3IDkuNTc4MTJMMy44Mjc3NiAxMC4xMjI4TDguOTU5ODRlLTA2IDIxLjYwNjFMMTAuMzY1OSAyMS4wNjE0WiIgZmlsbD0id2hpdGUiLz4NCjwvbWFzaz4NCjxnIG1hc2s9InVybCgjbWFzazBfMTAzXzEwMTQxKSI+DQo8cGF0aCBkPSJNMTAuMDYyNCAxMS41NzQzTDcuMjc2OCAxOS42NTU4SDUuNTkyNjNMOS4xMDE4NSAxMC4zMzJIMTAuMTc3N0wxMC4wNjI0IDExLjU3NDNaTTEyLjM5MzMgMTkuNjU1OEw5LjYwMTM0IDExLjU3NDNMOS40Nzk2NyAxMC4zMzJIMTAuNTYxOUwxNC4wODM5IDE5LjY1NThIMTIuMzkzM1pNMTIuMjU4OSAxNi4xOTc4VjE3LjQ3MjFINy4xODcxNVYxNi4xOTc4SDEyLjI1ODlaIiBmaWxsPSIjMzM2MjVFIi8+DQo8L2c+DQo8L3N2Zz4NCg==";
 ;// ./src/assets/icons/tj-home.svg
-var tj_home_path;
-function tj_home_extends() { return tj_home_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tj_home_extends.apply(null, arguments); }
-
-function SvgTjHome(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", tj_home_extends({
-    width: 20,
-    height: 22,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), tj_home_path || (tj_home_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M6.75 20.75v-10h6v10m-12-13l9-7 9 7v11a2 2 0 01-2 2h-14a2 2 0 01-2-2v-11z",
-    stroke: "#33625E",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  })));
-}
-/* harmony default export */ const tj_home = (SvgTjHome);
+const tj_home_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02Ljc1IDIwLjc1VjEwLjc1SDEyLjc1VjIwLjc1TTAuNzUgNy43NUw5Ljc1IDAuNzVMMTguNzUgNy43NVYxOC43NUMxOC43NSAxOS4yODA0IDE4LjUzOTMgMTkuNzg5MSAxOC4xNjQyIDIwLjE2NDJDMTcuNzg5MSAyMC41MzkzIDE3LjI4MDQgMjAuNzUgMTYuNzUgMjAuNzVIMi43NUMyLjIxOTU3IDIwLjc1IDEuNzEwODYgMjAuNTM5MyAxLjMzNTc5IDIwLjE2NDJDMC45NjA3MTQgMTkuNzg5MSAwLjc1IDE5LjI4MDQgMC43NSAxOC43NVY3Ljc1WiIgc3Ryb2tlPSIjMzM2MjVFIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==";
 ;// ./src/assets/icons/tj-playground.svg
-var tj_playground_path;
-function tj_playground_extends() { return tj_playground_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, tj_playground_extends.apply(null, arguments); }
-
-function SvgTjPlayground(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", tj_playground_extends({
-    width: 20,
-    height: 19,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), tj_playground_path || (tj_playground_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M8.707 1.307a1 1 0 011.793 0l1.961 3.973a1 1 0 00.752.547l4.387.64a1 1 0 01.553 1.707l-3.173 3.09a1 1 0 00-.288.885l.749 4.364a1 1 0 01-1.451 1.054l-3.921-2.062a1 1 0 00-.93 0l-3.922 2.062a1 1 0 01-1.45-1.054l.748-4.364a1 1 0 00-.288-.885l-3.173-3.09a1 1 0 01.553-1.706l4.387-.641a1 1 0 00.752-.547l1.96-3.973z",
-    stroke: "#33625E",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  })));
-}
-/* harmony default export */ const tj_playground = (SvgTjPlayground);
+const tj_playground_namespaceObject = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04LjcwNjgxIDEuMzA3MzVDOS4wNzM2NCAwLjU2NDE4NSAxMC4xMzM0IDAuNTY0MTg1IDEwLjUwMDIgMS4zMDczNUwxMi40NjExIDUuMjc5ODFDMTIuNjA2NiA1LjU3NDY2IDEyLjg4NzggNS43NzkxMiAxMy4yMTMxIDUuODI2NjhMMTcuNTk5NyA2LjQ2Nzg0QzE4LjQxOTYgNi41ODc2OCAxOC43NDY0IDcuNTk1NTIgMTguMTUyOCA4LjE3MzY4TDE0Ljk4MDMgMTEuMjYzN0MxNC43NDQ0IDExLjQ5MzUgMTQuNjM2OCAxMS44MjQ2IDE0LjY5MjQgMTIuMTQ5MUwxNS40NDA5IDE2LjUxMzRDMTUuNTgxMSAxNy4zMzAzIDE0LjcyMzUgMTcuOTUzMyAxMy45ODk5IDE3LjU2NzVMMTAuMDY5IDE1LjUwNTVDOS43Nzc1OCAxNS4zNTIzIDkuNDI5NDUgMTUuMzUyMyA5LjEzODA2IDE1LjUwNTVMNS4yMTcxNSAxNy41Njc1QzQuNDgzNTIgMTcuOTUzMyAzLjYyNTk3IDE3LjMzMDMgMy43NjYwOSAxNi41MTM0TDQuNTE0NiAxMi4xNDkxQzQuNTcwMjYgMTEuODI0NiA0LjQ2MjYgMTEuNDkzNSA0LjIyNjczIDExLjI2MzdMMS4wNTQxOSA4LjE3MzY4QzAuNDYwNjAxIDcuNTk1NTIgMC43ODczODUgNi41ODc2OCAxLjYwNzMgNi40Njc4NEw1Ljk5Mzg4IDUuODI2NjdDNi4zMTkyNCA1Ljc3OTEyIDYuNjAwNDIgNS41NzQ2NiA2Ljc0NTk2IDUuMjc5ODFMOC43MDY4MSAxLjMwNzM1WiIgc3Ryb2tlPSIjMzM2MjVFIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==";
 ;// ./src/components/Menus/Sidebar/Sidebar.jsx
 
 
@@ -341646,28 +341008,28 @@ var Sidebar = _ref => {
   } = _ref;
   var menuOptions = [{
     name: "files",
-    icon: tj_file,
+    icon: tj_file_namespaceObject,
     title: "Files",
     position: "top"
     // panel: FilePanel,
   }, {
     name: "activity",
-    icon: tj_activity,
+    icon: tj_activity_namespaceObject,
     title: "Activity",
     position: "top"
   }, {
     name: "playground",
-    icon: tj_playground,
+    icon: tj_playground_namespaceObject,
     title: "Playground",
     position: "top"
   }, {
     name: "home",
-    icon: tj_home,
+    icon: tj_home_namespaceObject,
     title: "Home",
     position: "top"
   }, {
     name: "fonts",
-    icon: tj_font,
+    icon: tj_font_namespaceObject,
     title: "Fonts",
     position: "bottom",
     panel: SettingsPanel_SettingsPanel