@nteract/presentational-components - npm Package Compare versions

Comparing version 0.2.1 to 0.2.2

lib/components/cell.js

@@ -20,8 +20,2 @@ "use strict";
 
-(function () {
-  var enterModule = require('react-hot-loader').enterModule;
-
-  enterModule && enterModule(module);
-})();
-
 var Cell = exports.Cell = function Cell(props) {
@@ -46,18 +40,2 @@ var children = props.children;
   children: null
-};
-;
-
-(function () {
-  var reactHotLoader = require('react-hot-loader').default;
-
-  var leaveModule = require('react-hot-loader').leaveModule;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(Cell, "Cell", "src/components/cell.js");
-  leaveModule(module);
-})();
-
-;
+};

lib/components/cells.js

@@ -20,8 +20,2 @@ "use strict";
 
-(function () {
-  var enterModule = require('react-hot-loader').enterModule;
-
-  enterModule && enterModule(module);
-})();
-
 var Cells = exports.Cells = function Cells(props) {
@@ -41,20 +35,5 @@ return React.createElement(
 
+
 Cells.defaultProps = {
   children: []
-};
-;
-
-(function () {
-  var reactHotLoader = require('react-hot-loader').default;
-
-  var leaveModule = require('react-hot-loader').leaveModule;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(Cells, "Cells", "src/components/cells.js");
-  leaveModule(module);
-})();
-
-;
+};

lib/components/input.js

@@ -22,8 +22,2 @@ "use strict";
 
-(function () {
-  var enterModule = require('react-hot-loader').enterModule;
-
-  enterModule && enterModule(module);
-})();
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -63,9 +57,2 @@
     }
-  }, {
-    key: "__reactstandin__regenerateByEval",
-    // @ts-ignore
-    value: function __reactstandin__regenerateByEval(key, code) {
-      // @ts-ignore
-      this[key] = eval(code);
-    }
   }]);
@@ -79,18 +66,2 @@
   hidden: false
-};
-;
-
-(function () {
-  var reactHotLoader = require('react-hot-loader').default;
-
-  var leaveModule = require('react-hot-loader').leaveModule;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(Input, "Input", "src/components/input.js");
-  leaveModule(module);
-})();
-
-;
+};

lib/components/outputs.js

@@ -22,8 +22,2 @@ "use strict";
 
-(function () {
-  var enterModule = require('react-hot-loader').enterModule;
-
-  enterModule && enterModule(module);
-})();
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -67,9 +61,2 @@
     }
-  }, {
-    key: "__reactstandin__regenerateByEval",
-    // @ts-ignore
-    value: function __reactstandin__regenerateByEval(key, code) {
-      // @ts-ignore
-      this[key] = eval(code);
-    }
   }]);
@@ -84,18 +71,2 @@
   hidden: false
-};
-;
-
-(function () {
-  var reactHotLoader = require('react-hot-loader').default;
-
-  var leaveModule = require('react-hot-loader').leaveModule;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(Outputs, "Outputs", "src/components/outputs.js");
-  leaveModule(module);
-})();
-
-;
+};

lib/components/pagers.js

@@ -24,8 +24,2 @@ "use strict";
 
-(function () {
-  var enterModule = require('react-hot-loader').enterModule;
-
-  enterModule && enterModule(module);
-})();
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -72,9 +66,2 @@
     }
-  }, {
-    key: "__reactstandin__regenerateByEval",
-    // @ts-ignore
-    value: function __reactstandin__regenerateByEval(key, code) {
-      // @ts-ignore
-      this[key] = eval(code);
-    }
   }]);
@@ -88,18 +75,2 @@
   hidden: false
-};
-;
-
-(function () {
-  var reactHotLoader = require('react-hot-loader').default;
-
-  var leaveModule = require('react-hot-loader').leaveModule;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(Pagers, "Pagers", "src/components/pagers.js");
-  leaveModule(module);
-})();
-
-;
+};

lib/components/prompt.js

@@ -24,8 +24,2 @@ "use strict";
 
-(function () {
-  var enterModule = require('react-hot-loader').enterModule;
-
-  enterModule && enterModule(module);
-})();
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -81,9 +75,2 @@
     }
-  }, {
-    key: "__reactstandin__regenerateByEval",
-    // @ts-ignore
-    value: function __reactstandin__regenerateByEval(key, code) {
-      // @ts-ignore
-      this[key] = eval(code);
-    }
   }]);
@@ -102,20 +89,2 @@
   return React.createElement(Prompt, { blank: true });
-};
-;
-
-(function () {
-  var reactHotLoader = require('react-hot-loader').default;
-
-  var leaveModule = require('react-hot-loader').leaveModule;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(promptText, "promptText", "src/components/prompt.js");
-  reactHotLoader.register(Prompt, "Prompt", "src/components/prompt.js");
-  reactHotLoader.register(PromptBuffer, "PromptBuffer", "src/components/prompt.js");
-  leaveModule(module);
-})();
-
-;
+};

lib/components/source.js

@@ -22,8 +22,2 @@ "use strict";
 
-(function () {
-  var enterModule = require('react-hot-loader').enterModule;
-
-  enterModule && enterModule(module);
-})();
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -68,9 +62,2 @@
     }
-  }, {
-    key: "__reactstandin__regenerateByEval",
-    // @ts-ignore
-    value: function __reactstandin__regenerateByEval(key, code) {
-      // @ts-ignore
-      this[key] = eval(code);
-    }
   }]);
@@ -86,18 +73,2 @@
   theme: "light"
-};
-;
-
-(function () {
-  var reactHotLoader = require('react-hot-loader').default;
-
-  var leaveModule = require('react-hot-loader').leaveModule;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(Source, "Source", "src/components/source.js");
-  leaveModule(module);
-})();
-
-;
+};

lib/styles.js

@@ -22,8 +22,2 @@ "use strict";
 
-(function () {
-  var enterModule = require('react-hot-loader').enterModule;
-
-  enterModule && enterModule(module);
-})();
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -54,29 +48,5 @@
     }
-  }, {
-    key: "__reactstandin__regenerateByEval",
-    // @ts-ignore
-    value: function __reactstandin__regenerateByEval(key, code) {
-      // @ts-ignore
-      this[key] = eval(code);
-    }
   }]);
 
   return Styles;
-}(React.Component);
-
-;
-
-(function () {
-  var reactHotLoader = require('react-hot-loader').default;
-
-  var leaveModule = require('react-hot-loader').leaveModule;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(Styles, "Styles", "src/styles.js");
-  leaveModule(module);
-})();
-
-;
+}(React.Component);

lib/syntax-highlighter/index.js

@@ -21,8 +21,2 @@ "use strict";
 
-(function () {
-  var enterModule = require('react-hot-loader').enterModule;
-
-  enterModule && enterModule(module);
-})();
-
 // import syntax from "./theme";
@@ -59,2 +53,3 @@
 
+
 Highlighter.defaultProps = {
@@ -67,20 +62,2 @@ theme: "light",
 
-var _default = Highlighter;
-exports.default = _default;
-;
-
-(function () {
-  var reactHotLoader = require('react-hot-loader').default;
-
-  var leaveModule = require('react-hot-loader').leaveModule;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(Highlighter, "Highlighter", "src/syntax-highlighter/index.js");
-  reactHotLoader.register(_default, "default", "src/syntax-highlighter/index.js");
-  leaveModule(module);
-})();
-
-;
+exports.default = Highlighter;

lib/syntax-highlighter/theme.js

@@ -6,10 +6,3 @@ "use strict";
 });
-
-(function () {
-  var enterModule = require('react-hot-loader').enterModule;
-
-  enterModule && enterModule(module);
-})();
-
-var _default = {
+exports.default = {
   hljs: {
@@ -117,19 +110,2 @@ display: "block",
   }
-};
-exports.default = _default;
-;
-
-(function () {
-  var reactHotLoader = require('react-hot-loader').default;
-
-  var leaveModule = require('react-hot-loader').leaveModule;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(_default, "default", "src/syntax-highlighter/theme.js");
-  leaveModule(module);
-})();
-
-;
+};

lib/themes/dark.js

@@ -6,26 +6,2 @@ "use strict";
 });
-
-(function () {
-  var enterModule = require('react-hot-loader').enterModule;
-
-  enterModule && enterModule(module);
-})();
-
-var _default = "\n\n  --theme-app-bg: #2b2b2b;\n  --theme-app-fg: var(--nt-color-midnight-lightest);\n  --theme-app-border: var(--nt-color-midnight-light);\n\n  --theme-primary-bg: var(--nt-color-midnight);\n  --theme-primary-bg-hover: var(--nt-color-midnight);\n  --theme-primary-bg-focus: var(--nt-color-midnight-light);\n\n  --theme-primary-fg: var(--nt-color-midnight-light);\n  --theme-primary-fg-hover: var(--nt-color-midnight-lighter);\n  --theme-primary-fg-focus: var(--theme-app-fg);\n\n  --theme-secondary-bg: var(--theme-primary-bg);\n  --theme-secondary-bg-hover: var(--theme-primary-bg-hover);\n  --theme-secondary-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-secondary-fg: var(--nt-color-midnight-light);\n  --theme-secondary-fg-hover: var(--nt-color-midnight-lighter);\n  --theme-secondary-fg-focus: var(--theme-primary-fg);\n\n  --theme-primary-shadow-hover: 1px  1px 3px rgba(255, 255, 255, 0.12), -1px -1px 3px rgba(255, 255, 255, 0.12);\n  --theme-primary-shadow-focus: 3px  3px 9px rgba(255, 255, 255, 0.12), -3px -3px 9px rgba(255, 255, 255, 0.12);\n\n  --theme-title-bar-bg: var(--nt-color-midnight-darkest);\n\n  --theme-menu-bg: var(--theme-primary-bg);\n  --theme-menu-bg-hover: var(--theme-primary-bg-hover);\n  --theme-menu-bg-focus: var(--theme-primary-bg-focus);\n  --theme-menu-shadow: var(--theme-primary-shadow-hover);\n\n  --theme-menu-fg: var(--theme-app-fg);\n  --theme-menu-fg-hover: var(--theme-app-fg);\n  --theme-menu-fg-focus: var(--theme-app-fg);\n\n  --theme-cell-bg: var(--theme-app-bg);\n  --theme-cell-shadow-hover: var(--theme-primary-shadow-hover);\n  --theme-cell-shadow-focus: var(--theme-primary-shadow-focus);\n\n  --theme-cell-prompt-bg: var(--theme-primary-bg);\n  --theme-cell-prompt-bg-hover: var(--theme-primary-bg);\n  --theme-cell-prompt-bg-focus: var(--theme-primary-bg);\n\n  --theme-cell-prompt-fg: var(--theme-primary-fg);\n  --theme-cell-prompt-fg-hover: var(--theme-primary-fg-hover);\n  --theme-cell-prompt-fg-focus: var(--theme-primary-fg-focus);\n\n  --theme-cell-toolbar-bg: var(--theme-primary-bg);\n  --theme-cell-toolbar-bg-hover: var(--theme-primary-bg-hover);\n  --theme-cell-toolbar-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-cell-toolbar-fg: var(--theme-secondary-fg);\n  --theme-cell-toolbar-fg-hover: var(--theme-secondary-fg-hover);\n  --theme-cell-toolbar-fg-focus: var(--theme-secondary-fg-focus);\n\n  --theme-cell-menu-bg: var(--theme-primary-bg);\n  --theme-cell-menu-bg-hover: var(--theme-primary-bg-hover);\n  --theme-cell-menu-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-cell-menu-fg: var(--theme-primary-fg);\n  --theme-cell-menu-fg-hover: var(--theme-primary-fg-hover);\n  --theme-cell-menu-fg-focus: var(--theme-primary-fg-focus);\n\n  --theme-cell-input-bg: var(--theme-secondary-bg);\n  --theme-cell-input-fg: var(--theme-app-fg);\n\n  --theme-cell-output-bg: var(--theme-app-bg);\n  --theme-cell-output-fg: var(--theme-primary-fg);\n\n  --theme-cell-creator-bg: var(--theme-app-bg);\n\n  --theme-cell-creator-fg: var(--theme-secondary-fg);\n  --theme-cell-creator-fg-hover: var(--theme-secondary-fg-hover);\n  --theme-cell-creator-fg-focus: var(--theme-secondary-fg-focus);\n\n  --theme-pager-bg: #111;\n\n  --cm-background: #111;\n  --cm-color: #ecf0f1;\n\n  --cm-gutter-bg: #777;\n\n  --cm-comment: #777;\n  --cm-keyword: #3498db;\n  --cm-string: #f1c40f;\n  --cm-builtin: #16a085;\n  --cm-special: #1abc9c;\n  --cm-variable: #ecf0f1;\n  --cm-number: #2ecc71;\n  --cm-meta: #95a5a6;\n  --cm-link: #2ecc71;\n  --cm-operator: #ecf0f1;\n  --cm-def: #ecf0f1;\n\n  --cm-activeline-bg: #e8f2ff;\n  --cm-matchingbracket-outline: grey;\n  --cm-matchingbracket-color: white;\n\n  --cm-hint-color: var(--theme-app-fg);\n  --cm-hint-color-active: var(--cm-color);\n  --cm-hint-bg: var(--theme-app-bg);\n  --cm-hint-bg-active: #111;\n\n  --status-bar: #111;\n";
-exports.default = _default;
-;
-
-(function () {
-  var reactHotLoader = require('react-hot-loader').default;
-
-  var leaveModule = require('react-hot-loader').leaveModule;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(_default, "default", "src/themes/dark.js");
-  leaveModule(module);
-})();
-
-;
+exports.default = "\n\n  --theme-app-bg: #2b2b2b;\n  --theme-app-fg: var(--nt-color-midnight-lightest);\n  --theme-app-border: var(--nt-color-midnight-light);\n\n  --theme-primary-bg: var(--nt-color-midnight);\n  --theme-primary-bg-hover: var(--nt-color-midnight);\n  --theme-primary-bg-focus: var(--nt-color-midnight-light);\n\n  --theme-primary-fg: var(--nt-color-midnight-light);\n  --theme-primary-fg-hover: var(--nt-color-midnight-lighter);\n  --theme-primary-fg-focus: var(--theme-app-fg);\n\n  --theme-secondary-bg: var(--theme-primary-bg);\n  --theme-secondary-bg-hover: var(--theme-primary-bg-hover);\n  --theme-secondary-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-secondary-fg: var(--nt-color-midnight-light);\n  --theme-secondary-fg-hover: var(--nt-color-midnight-lighter);\n  --theme-secondary-fg-focus: var(--theme-primary-fg);\n\n  --theme-primary-shadow-hover: 1px  1px 3px rgba(255, 255, 255, 0.12), -1px -1px 3px rgba(255, 255, 255, 0.12);\n  --theme-primary-shadow-focus: 3px  3px 9px rgba(255, 255, 255, 0.12), -3px -3px 9px rgba(255, 255, 255, 0.12);\n\n  --theme-title-bar-bg: var(--nt-color-midnight-darkest);\n\n  --theme-menu-bg: var(--theme-primary-bg);\n  --theme-menu-bg-hover: var(--theme-primary-bg-hover);\n  --theme-menu-bg-focus: var(--theme-primary-bg-focus);\n  --theme-menu-shadow: var(--theme-primary-shadow-hover);\n\n  --theme-menu-fg: var(--theme-app-fg);\n  --theme-menu-fg-hover: var(--theme-app-fg);\n  --theme-menu-fg-focus: var(--theme-app-fg);\n\n  --theme-cell-bg: var(--theme-app-bg);\n  --theme-cell-shadow-hover: var(--theme-primary-shadow-hover);\n  --theme-cell-shadow-focus: var(--theme-primary-shadow-focus);\n\n  --theme-cell-prompt-bg: var(--theme-primary-bg);\n  --theme-cell-prompt-bg-hover: var(--theme-primary-bg);\n  --theme-cell-prompt-bg-focus: var(--theme-primary-bg);\n\n  --theme-cell-prompt-fg: var(--theme-primary-fg);\n  --theme-cell-prompt-fg-hover: var(--theme-primary-fg-hover);\n  --theme-cell-prompt-fg-focus: var(--theme-primary-fg-focus);\n\n  --theme-cell-toolbar-bg: var(--theme-primary-bg);\n  --theme-cell-toolbar-bg-hover: var(--theme-primary-bg-hover);\n  --theme-cell-toolbar-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-cell-toolbar-fg: var(--theme-secondary-fg);\n  --theme-cell-toolbar-fg-hover: var(--theme-secondary-fg-hover);\n  --theme-cell-toolbar-fg-focus: var(--theme-secondary-fg-focus);\n\n  --theme-cell-menu-bg: var(--theme-primary-bg);\n  --theme-cell-menu-bg-hover: var(--theme-primary-bg-hover);\n  --theme-cell-menu-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-cell-menu-fg: var(--theme-primary-fg);\n  --theme-cell-menu-fg-hover: var(--theme-primary-fg-hover);\n  --theme-cell-menu-fg-focus: var(--theme-primary-fg-focus);\n\n  --theme-cell-input-bg: var(--theme-secondary-bg);\n  --theme-cell-input-fg: var(--theme-app-fg);\n\n  --theme-cell-output-bg: var(--theme-app-bg);\n  --theme-cell-output-fg: var(--theme-primary-fg);\n\n  --theme-cell-creator-bg: var(--theme-app-bg);\n\n  --theme-cell-creator-fg: var(--theme-secondary-fg);\n  --theme-cell-creator-fg-hover: var(--theme-secondary-fg-hover);\n  --theme-cell-creator-fg-focus: var(--theme-secondary-fg-focus);\n\n  --theme-pager-bg: #111;\n\n  --cm-background: #111;\n  --cm-color: #ecf0f1;\n\n  --cm-gutter-bg: #777;\n\n  --cm-comment: #777;\n  --cm-keyword: #3498db;\n  --cm-string: #f1c40f;\n  --cm-builtin: #16a085;\n  --cm-special: #1abc9c;\n  --cm-variable: #ecf0f1;\n  --cm-number: #2ecc71;\n  --cm-meta: #95a5a6;\n  --cm-link: #2ecc71;\n  --cm-operator: #ecf0f1;\n  --cm-def: #ecf0f1;\n\n  --cm-activeline-bg: #e8f2ff;\n  --cm-matchingbracket-outline: grey;\n  --cm-matchingbracket-color: white;\n\n  --cm-hint-color: var(--theme-app-fg);\n  --cm-hint-color-active: var(--cm-color);\n  --cm-hint-bg: var(--theme-app-bg);\n  --cm-hint-bg-active: #111;\n\n  --status-bar: #111;\n";

lib/themes/light.js

@@ -7,10 +7,2 @@ "use strict";
 
-(function () {
-  var enterModule = require('react-hot-loader').enterModule;
-
-  enterModule && enterModule(module);
-})();
-
-var _default = "\n\n  --theme-app-bg: white;\n  --theme-app-fg: var(--nt-color-midnight);\n  --theme-app-border: var(--nt-color-grey-light);\n\n  --theme-primary-bg: var(--nt-color-grey-lightest);\n  --theme-primary-bg-hover: var(--nt-color-grey-lighter);\n  --theme-primary-bg-focus: var(--nt-color-grey-light);\n\n  --theme-primary-fg: var(--nt-color-midnight-light);\n  --theme-primary-fg-hover: var(--nt-color-midnight);\n  --theme-primary-fg-focus: var(--theme-app-fg);\n\n  --theme-secondary-bg: var(--theme-primary-bg);\n  --theme-secondary-bg-hover: var(--theme-primary-bg-hover);\n  --theme-secondary-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-secondary-fg: var(--nt-color-midnight-lighter);\n  --theme-secondary-fg-hover: var(--nt-color-midnight-light);\n  --theme-secondary-fg-focus: var(--theme-primary-fg);\n\n  --theme-primary-shadow-hover: 1px  1px 3px rgba(0, 0, 0, 0.12), -1px -1px 3px rgba(0, 0, 0, 0.12);\n  --theme-primary-shadow-focus: 3px  3px 9px rgba(0, 0, 0, 0.12), -3px -3px 9px rgba(0, 0, 0, 0.12);\n\n  --theme-title-bar-bg: var(--theme-primary-bg-hover);\n\n  --theme-menu-bg: var(--theme-primary-bg);\n  --theme-menu-bg-hover: var(--theme-primary-bg-hover);\n  --theme-menu-bg-focus: var(--theme-primary-bg-focus);\n  --theme-menu-shadow: var(--theme-primary-shadow-hover);\n\n  --theme-menu-fg: var(--theme-app-fg);\n  --theme-menu-fg-hover: var(--theme-app-fg);\n  --theme-menu-fg-focus: var(--theme-app-fg);\n\n  --theme-cell-bg: var(--theme-app-bg);\n  --theme-cell-shadow-hover: var(--theme-primary-shadow-hover);\n  --theme-cell-shadow-focus: var(--theme-primary-shadow-focus);\n\n  --theme-cell-prompt-bg: var(--theme-primary-bg);\n  --theme-cell-prompt-bg-hover: var(--theme-primary-bg-hover);\n  --theme-cell-prompt-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-cell-prompt-fg: var(--theme-secondary-fg);\n  --theme-cell-prompt-fg-hover: var(--theme-secondary-fg-hover);\n  --theme-cell-prompt-fg-focus: var(--theme-secondary-fg-focus);\n\n  --theme-cell-toolbar-bg: var(--theme-primary-bg);\n  --theme-cell-toolbar-bg-hover: var(--theme-primary-bg-hover);\n  --theme-cell-toolbar-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-cell-toolbar-fg: var(--theme-secondary-fg);\n  --theme-cell-toolbar-fg-hover: var(--theme-secondary-fg-hover);\n  --theme-cell-toolbar-fg-focus: var(--theme-secondary-fg-focus);\n\n  --theme-cell-menu-bg: var(--theme-primary-bg);\n  --theme-cell-menu-bg-hover: var(--theme-primary-bg-hover);\n  --theme-cell-menu-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-cell-menu-fg: var(--theme-primary-fg);\n  --theme-cell-menu-fg-hover: var(--theme-primary-fg-hover);\n  --theme-cell-menu-fg-focus: var(--theme-primary-fg-focus);\n\n  --theme-cell-input-bg: var(--theme-secondary-bg);\n  --theme-cell-input-fg: var(--theme-app-fg);\n\n  --theme-cell-output-bg: var(--theme-app-bg);\n  --theme-cell-output-fg: var(--theme-primary-fg);\n\n  --theme-cell-creator-bg: var(--theme-app-bg);\n\n  --theme-cell-creator-fg: var(--theme-secondary-fg);\n  --theme-cell-creator-fg-hover: var(--theme-secondary-fg-hover);\n  --theme-cell-creator-fg-focus: var(--theme-secondary-fg-focus);\n\n  --theme-pager-bg: #fafafa;\n\n  --cm-background: #fafafa;\n  --cm-color: black;\n\n  --cm-gutter-bg: white;\n\n  --cm-comment: #a86;\n  --cm-keyword: blue;\n  --cm-string: #a22;\n  --cm-builtin: #077;\n  --cm-special: #0aa;\n  --cm-variable: black;\n  --cm-number: #3a3;\n  --cm-meta: #555;\n  --cm-link: #3a3;\n  --cm-operator: black;\n  --cm-def: black;\n\n  --cm-activeline-bg: #e8f2ff;\n  --cm-matchingbracket-outline: grey;\n  --cm-matchingbracket-color: black;\n\n  --cm-hint-color: var(--cm-color);\n  --cm-hint-color-active: var(--cm-color);\n  --cm-hint-bg: var(--theme-app-bg);\n  --cm-hint-bg-active: #abd1ff;\n\n  --status-bar: #eeedee;\n";
-
 /*
@@ -23,18 +15,2 @@ * App level declarations that do not have static/hover/focus states.
  */
-exports.default = _default;
-;
-
-(function () {
-  var reactHotLoader = require('react-hot-loader').default;
-
-  var leaveModule = require('react-hot-loader').leaveModule;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(_default, "default", "src/themes/light.js");
-  leaveModule(module);
-})();
-
-;
+exports.default = "\n\n  --theme-app-bg: white;\n  --theme-app-fg: var(--nt-color-midnight);\n  --theme-app-border: var(--nt-color-grey-light);\n\n  --theme-primary-bg: var(--nt-color-grey-lightest);\n  --theme-primary-bg-hover: var(--nt-color-grey-lighter);\n  --theme-primary-bg-focus: var(--nt-color-grey-light);\n\n  --theme-primary-fg: var(--nt-color-midnight-light);\n  --theme-primary-fg-hover: var(--nt-color-midnight);\n  --theme-primary-fg-focus: var(--theme-app-fg);\n\n  --theme-secondary-bg: var(--theme-primary-bg);\n  --theme-secondary-bg-hover: var(--theme-primary-bg-hover);\n  --theme-secondary-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-secondary-fg: var(--nt-color-midnight-lighter);\n  --theme-secondary-fg-hover: var(--nt-color-midnight-light);\n  --theme-secondary-fg-focus: var(--theme-primary-fg);\n\n  --theme-primary-shadow-hover: 1px  1px 3px rgba(0, 0, 0, 0.12), -1px -1px 3px rgba(0, 0, 0, 0.12);\n  --theme-primary-shadow-focus: 3px  3px 9px rgba(0, 0, 0, 0.12), -3px -3px 9px rgba(0, 0, 0, 0.12);\n\n  --theme-title-bar-bg: var(--theme-primary-bg-hover);\n\n  --theme-menu-bg: var(--theme-primary-bg);\n  --theme-menu-bg-hover: var(--theme-primary-bg-hover);\n  --theme-menu-bg-focus: var(--theme-primary-bg-focus);\n  --theme-menu-shadow: var(--theme-primary-shadow-hover);\n\n  --theme-menu-fg: var(--theme-app-fg);\n  --theme-menu-fg-hover: var(--theme-app-fg);\n  --theme-menu-fg-focus: var(--theme-app-fg);\n\n  --theme-cell-bg: var(--theme-app-bg);\n  --theme-cell-shadow-hover: var(--theme-primary-shadow-hover);\n  --theme-cell-shadow-focus: var(--theme-primary-shadow-focus);\n\n  --theme-cell-prompt-bg: var(--theme-primary-bg);\n  --theme-cell-prompt-bg-hover: var(--theme-primary-bg-hover);\n  --theme-cell-prompt-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-cell-prompt-fg: var(--theme-secondary-fg);\n  --theme-cell-prompt-fg-hover: var(--theme-secondary-fg-hover);\n  --theme-cell-prompt-fg-focus: var(--theme-secondary-fg-focus);\n\n  --theme-cell-toolbar-bg: var(--theme-primary-bg);\n  --theme-cell-toolbar-bg-hover: var(--theme-primary-bg-hover);\n  --theme-cell-toolbar-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-cell-toolbar-fg: var(--theme-secondary-fg);\n  --theme-cell-toolbar-fg-hover: var(--theme-secondary-fg-hover);\n  --theme-cell-toolbar-fg-focus: var(--theme-secondary-fg-focus);\n\n  --theme-cell-menu-bg: var(--theme-primary-bg);\n  --theme-cell-menu-bg-hover: var(--theme-primary-bg-hover);\n  --theme-cell-menu-bg-focus: var(--theme-primary-bg-focus);\n\n  --theme-cell-menu-fg: var(--theme-primary-fg);\n  --theme-cell-menu-fg-hover: var(--theme-primary-fg-hover);\n  --theme-cell-menu-fg-focus: var(--theme-primary-fg-focus);\n\n  --theme-cell-input-bg: var(--theme-secondary-bg);\n  --theme-cell-input-fg: var(--theme-app-fg);\n\n  --theme-cell-output-bg: var(--theme-app-bg);\n  --theme-cell-output-fg: var(--theme-primary-fg);\n\n  --theme-cell-creator-bg: var(--theme-app-bg);\n\n  --theme-cell-creator-fg: var(--theme-secondary-fg);\n  --theme-cell-creator-fg-hover: var(--theme-secondary-fg-hover);\n  --theme-cell-creator-fg-focus: var(--theme-secondary-fg-focus);\n\n  --theme-pager-bg: #fafafa;\n\n  --cm-background: #fafafa;\n  --cm-color: black;\n\n  --cm-gutter-bg: white;\n\n  --cm-comment: #a86;\n  --cm-keyword: blue;\n  --cm-string: #a22;\n  --cm-builtin: #077;\n  --cm-special: #0aa;\n  --cm-variable: black;\n  --cm-number: #3a3;\n  --cm-meta: #555;\n  --cm-link: #3a3;\n  --cm-operator: black;\n  --cm-def: black;\n\n  --cm-activeline-bg: #e8f2ff;\n  --cm-matchingbracket-outline: grey;\n  --cm-matchingbracket-color: black;\n\n  --cm-hint-color: var(--cm-color);\n  --cm-hint-color-active: var(--cm-color);\n  --cm-hint-bg: var(--theme-app-bg);\n  --cm-hint-bg-active: #abd1ff;\n\n  --status-bar: #eeedee;\n";

package.json

 {
   "name": "@nteract/presentational-components",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "pure presentational components for nteract",
@@ -18,3 +18,4 @@ "main": "lib/index.js",
   "dependencies": {
-    "@nteract/styles": "^1.1.1",
+    "@nteract/styles": "^1.1.2",
+    "babel-runtime": "^6.26.0",
     "react-syntax-highlighter": "^8.0.0"
@@ -21,0 +22,0 @@ },

Fixed alerts

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

2

decreased by-50%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

95585

decreased by-6.27%

Dependency count

5

increased by25%

Lines of code

1383

decreased by-15.62%

Dependency changes

• + Addedbabel-runtime@^6.26.0

• Updated@nteract/styles@^1.1.2