cf-component-button - npm Package Compare versions

Comparing version 4.3.2 to 5.0.0

es/index.js

@@ -1,6 +0,11 @@
-import Button from './Button';
+import ButtonUnstyled from './Button';
 import ButtonTheme from './ButtonTheme';
-import ButtonGroup from './ButtonGroup';
+import ButtonGroupUnstyled from './ButtonGroup';
 import ButtonGroupTheme from './ButtonGroupTheme';
 
-export { Button, ButtonTheme, ButtonGroup, ButtonGroupTheme };
+import { applyTheme } from 'cf-style-container';
+
+var Button = applyTheme(ButtonUnstyled, ButtonTheme);
+var ButtonGroup = applyTheme(ButtonGroupUnstyled, ButtonGroupTheme);
+
+export { Button, ButtonTheme, ButtonUnstyled, ButtonGroup, ButtonGroupTheme, ButtonGroupUnstyled };

lib/index.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.ButtonGroupTheme = exports.ButtonGroup = exports.ButtonTheme = exports.Button = undefined;
+exports.ButtonGroupUnstyled = exports.ButtonGroupTheme = exports.ButtonGroup = exports.ButtonUnstyled = exports.ButtonTheme = exports.Button = undefined;
 
@@ -25,7 +25,14 @@ var _Button = require('./Button');
 
+var _cfStyleContainer = require('cf-style-container');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-exports.Button = _Button2.default;
+var Button = (0, _cfStyleContainer.applyTheme)(_Button2.default, _ButtonTheme2.default);
+var ButtonGroup = (0, _cfStyleContainer.applyTheme)(_ButtonGroup2.default, _ButtonGroupTheme2.default);
+
+exports.Button = Button;
 exports.ButtonTheme = _ButtonTheme2.default;
-exports.ButtonGroup = _ButtonGroup2.default;
-exports.ButtonGroupTheme = _ButtonGroupTheme2.default;
+exports.ButtonUnstyled = _Button2.default;
+exports.ButtonGroup = ButtonGroup;
+exports.ButtonGroupTheme = _ButtonGroupTheme2.default;
+exports.ButtonGroupUnstyled = _ButtonGroup2.default;

package.json

 {
   "name": "cf-component-button",
   "description": "Cloudflare Button Component",
-  "version": "4.3.2",
+  "version": "5.0.0",
   "main": "lib/index.js",
@@ -6,0 +6,0 @@ "module": "es/index.js",

README.md

@@ -15,13 +15,4 @@ # cf-component-button
 import React from 'react';
-import { applyTheme } from 'cf-style-container';
-import {
-  ButtonGroup as ButtonGroupUnstyled,
-  Button as ButtonUnstyled,
-  ButtonTheme,
-  ButtonGroupTheme
-} from 'cf-component-button';
+import { Button, ButtonGroup } from 'cf-component-button';
 
-const Button = applyTheme(ButtonUnstyled, ButtonTheme);
-const ButtonGroup = applyTheme(ButtonGroupUnstyled, ButtonGroupTheme);
-
 const ButtonComponent = () => (
@@ -28,0 +19,0 @@ <ButtonGroup>

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

-50%

Worsened metrics

Total package byte prevSize

27729

-46.02%

Number of package files

13

-13.33%

Lines of code

617

-40.62%

Number of lines in readme file

33

-21.43%

No dependency changes