@blerp/design - npm Package Compare versions

Comparing version 0.0.12 to 0.0.13

dist/index.cjs.js

 'use strict';
 
 var React = require('react');
-var core = require('@material-ui/core');
+var styles = require('@material-ui/core/styles');
+var Button = require('@material-ui/core/Button');
 
@@ -9,10 +10,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 
-var Button = function Button() {
-  return /*#__PURE__*/React__default['default'].createElement(core.Button, null);
-};
+var StyledButton = styles.styled(Button__default['default'])({
+  background: "linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)",
+  border: 0,
+  borderRadius: 3,
+  boxShadow: "0 3px 5px 2px rgba(255, 105, 135, .3)",
+  color: "white",
+  height: 48,
+  padding: "0 30px"
+});
+function Test() {
+  return /*#__PURE__*/React__default['default'].createElement(StyledButton, null, "Styled Components");
+}
 
 var returnLibrary = function returnLibrary() {
   return {
-    Button: Button // you can add here other components that you want to export
+    Button: Test // you can add here other components that you want to export
 
@@ -19,0 +30,0 @@ };

dist/index.esm.js

 import React from 'react';
-import { Button as Button$1 } from '@material-ui/core';
+import { styled } from '@material-ui/core/styles';
+import Button from '@material-ui/core/Button';
 
-var Button = function Button() {
-  return /*#__PURE__*/React.createElement(Button$1, null);
-};
+var StyledButton = styled(Button)({
+  background: "linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)",
+  border: 0,
+  borderRadius: 3,
+  boxShadow: "0 3px 5px 2px rgba(255, 105, 135, .3)",
+  color: "white",
+  height: 48,
+  padding: "0 30px"
+});
+function Test() {
+  return /*#__PURE__*/React.createElement(StyledButton, null, "Styled Components");
+}
 
 var returnLibrary = function returnLibrary() {
   return {
-    Button: Button // you can add here other components that you want to export
+    Button: Test // you can add here other components that you want to export
 
@@ -12,0 +22,0 @@ };

dist/index.umd.js

 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('@material-ui/core')) :
-  typeof define === 'function' && define.amd ? define(['react', '@material-ui/core'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global['react-awesome-buttons'] = factory(global.React, global.core));
-}(this, (function (React, core) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('@material-ui/core/styles'), require('@material-ui/core/Button')) :
+    typeof define === 'function' && define.amd ? define(['react', '@material-ui/core/styles', '@material-ui/core/Button'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global['react-awesome-buttons'] = factory(global.React, global.styles, global.Button));
+}(this, (function (React, styles, Button) { 'use strict';
 
-  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+    var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+    var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 
-  var Button = function Button() {
-    return /*#__PURE__*/React__default['default'].createElement(core.Button, null);
-  };
+    var StyledButton = styles.styled(Button__default['default'])({
+      background: "linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)",
+      border: 0,
+      borderRadius: 3,
+      boxShadow: "0 3px 5px 2px rgba(255, 105, 135, .3)",
+      color: "white",
+      height: 48,
+      padding: "0 30px"
+    });
+    function Test() {
+      return /*#__PURE__*/React__default['default'].createElement(StyledButton, null, "Styled Components");
+    }
 
-  var returnLibrary = function returnLibrary() {
-    return {
-      Button: Button // you can add here other components that you want to export
+    var returnLibrary = function returnLibrary() {
+      return {
+        Button: Test // you can add here other components that you want to export
 
+      };
     };
-  };
 
-  var index = returnLibrary();
+    var index = returnLibrary();
 
-  return index;
+    return index;
 
 })));

package.json

 {
     "name": "@blerp/design",
-    "version": "0.0.12",
+    "version": "0.0.13",
     "description": "your description",
@@ -14,3 +14,4 @@ "main": "dist/index.cjs.js",
     "dependencies": {
-        "@babel/runtime": "^7.14.0"
+        "@babel/runtime": "^7.14.0",
+        "@material-ui/core": "^4.11.4"
     },
@@ -17,0 +18,0 @@ "keywords": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

33227

increased by3.91%

Lines of code

76

increased by68.89%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dependency count

4

increased by33.33%

Dependency changes

• + Added@material-ui/core@^4.11.4

• + Added@emotion/hash@0.8.0(transitive)

• + Added@material-ui/core@4.12.4(transitive)

• + Added@material-ui/styles@4.11.5(transitive)

• + Added@material-ui/system@4.12.2(transitive)

• + Added@material-ui/types@5.1.0(transitive)

• + Added@material-ui/utils@4.11.3(transitive)

• + Added@types/prop-types@15.7.13(transitive)

• + Added@types/react@18.3.12(transitive)

• + Added@types/react-transition-group@4.4.11(transitive)

• + Addedclsx@1.2.1(transitive)

• + Addedcss-vendor@2.0.8(transitive)

• + Addedcsstype@2.6.213.1.3(transitive)

• + Addeddom-helpers@5.2.1(transitive)

• + Addedhoist-non-react-statics@3.3.2(transitive)

• + Addedhyphenate-style-name@1.1.0(transitive)

• + Addedis-in-browser@1.1.3(transitive)

• + Addedjss@10.10.0(transitive)

• + Addedjss-plugin-camel-case@10.10.0(transitive)

• + Addedjss-plugin-default-unit@10.10.0(transitive)

• + Addedjss-plugin-global@10.10.0(transitive)

• + Addedjss-plugin-nested@10.10.0(transitive)

• + Addedjss-plugin-props-sort@10.10.0(transitive)

• + Addedjss-plugin-rule-value-function@10.10.0(transitive)

• + Addedjss-plugin-vendor-prefixer@10.10.0(transitive)

• + Addedpopper.js@1.16.1-lts(transitive)

• + Addedprop-types@15.8.1(transitive)

• + Addedreact-is@16.13.117.0.2(transitive)

• + Addedreact-transition-group@4.4.5(transitive)

• + Addedtiny-warning@1.0.3(transitive)