@jouwomgeving/ui-button - npm Package Compare versions

Comparing version 0.0.2-alpha.5ffe785b to 0.0.2-alpha.6ac8ec77

es/Button/index.js

@@ -5,14 +5,14 @@ import React, { PropTypes } from 'react';
 const styles = {
-  'Button': 'styles__Button___25D3l',
-  'Button-content': 'styles__Button-content___asVnw',
-  'disabled': 'styles__disabled___3PoLx',
-  'Button-prefix': 'styles__Button-prefix___2euxs',
-  'Button-suffix': 'styles__Button-suffix___2gXk2',
-  'primary': 'styles__primary___2056t',
-  'secondary': 'styles__secondary___2Z3NI',
-  'Group': 'styles__Group___3t-Hw',
-  'Group-item': 'styles__Group-item___xJZUV',
-  'horizontal': 'styles__horizontal___1pcjx',
-  'vertical': 'styles__vertical___3Brjx',
-  'Close': 'styles__Close___3VI-x'
+  'Button': 'Button___558dcbc7545a2206c3c307c07b359c85',
+  'primary': 'primary___861ef6aa467bd14af672f36b7a671480',
+  'secondary': 'secondary___1df3c5d2993b93114e55c098011b0fbd',
+  'approve': 'approve___9ba315d31f9b9a0df0df90124fe3e266',
+  'decline': 'decline___124063290c2091ed793f0cdb05c73c4c',
+  'disabled': 'disabled___401ccd0cadad96164044b12f7bf862f3',
+  'Group': 'Group___2d8a85ab733625ec128d780729b8fadd',
+  'Group-item': 'Group-item___95b75bc8bf5a24f7e8490a6939deb721',
+  'horizontal': 'horizontal___891bda1ca193264cfdc69cb962383159',
+  'vertical': 'vertical___5c7c9ae9f35e8b90de67cc3779386de5',
+  'Close': 'Close___0cbb63c00333b0b3db6b74db4de8b3f9',
+  'Action': 'Action___45e3421b27df789553a20d8f67eef3a6'
 };
@@ -34,3 +34,3 @@
 Button.propTypes = {
-  type: PropTypes.oneOf(['primary', 'secondary', 'success', 'error']).isRequired,
+  type: PropTypes.oneOf(['primary', 'secondary', 'approve', 'decline']).isRequired,
   children: PropTypes.any,
@@ -37,0 +37,0 @@ label: PropTypes.string,

es/Close/index.js

@@ -7,14 +7,14 @@ import React, { PropTypes } from 'react';
 const styles = {
-  'Button': 'styles__Button___25D3l',
-  'Button-content': 'styles__Button-content___asVnw',
-  'disabled': 'styles__disabled___3PoLx',
-  'Button-prefix': 'styles__Button-prefix___2euxs',
-  'Button-suffix': 'styles__Button-suffix___2gXk2',
-  'primary': 'styles__primary___2056t',
-  'secondary': 'styles__secondary___2Z3NI',
-  'Group': 'styles__Group___3t-Hw',
-  'Group-item': 'styles__Group-item___xJZUV',
-  'horizontal': 'styles__horizontal___1pcjx',
-  'vertical': 'styles__vertical___3Brjx',
-  'Close': 'styles__Close___3VI-x'
+  'Button': 'Button___558dcbc7545a2206c3c307c07b359c85',
+  'primary': 'primary___861ef6aa467bd14af672f36b7a671480',
+  'secondary': 'secondary___1df3c5d2993b93114e55c098011b0fbd',
+  'approve': 'approve___9ba315d31f9b9a0df0df90124fe3e266',
+  'decline': 'decline___124063290c2091ed793f0cdb05c73c4c',
+  'disabled': 'disabled___401ccd0cadad96164044b12f7bf862f3',
+  'Group': 'Group___2d8a85ab733625ec128d780729b8fadd',
+  'Group-item': 'Group-item___95b75bc8bf5a24f7e8490a6939deb721',
+  'horizontal': 'horizontal___891bda1ca193264cfdc69cb962383159',
+  'vertical': 'vertical___5c7c9ae9f35e8b90de67cc3779386de5',
+  'Close': 'Close___0cbb63c00333b0b3db6b74db4de8b3f9',
+  'Action': 'Action___45e3421b27df789553a20d8f67eef3a6'
 };
@@ -21,0 +21,0 @@

es/Group/index.js

@@ -6,14 +6,14 @@ import React, { PropTypes } from 'react';
 const styles = {
-  'Button': 'styles__Button___25D3l',
-  'Button-content': 'styles__Button-content___asVnw',
-  'disabled': 'styles__disabled___3PoLx',
-  'Button-prefix': 'styles__Button-prefix___2euxs',
-  'Button-suffix': 'styles__Button-suffix___2gXk2',
-  'primary': 'styles__primary___2056t',
-  'secondary': 'styles__secondary___2Z3NI',
-  'Group': 'styles__Group___3t-Hw',
-  'Group-item': 'styles__Group-item___xJZUV',
-  'horizontal': 'styles__horizontal___1pcjx',
-  'vertical': 'styles__vertical___3Brjx',
-  'Close': 'styles__Close___3VI-x'
+  'Button': 'Button___558dcbc7545a2206c3c307c07b359c85',
+  'primary': 'primary___861ef6aa467bd14af672f36b7a671480',
+  'secondary': 'secondary___1df3c5d2993b93114e55c098011b0fbd',
+  'approve': 'approve___9ba315d31f9b9a0df0df90124fe3e266',
+  'decline': 'decline___124063290c2091ed793f0cdb05c73c4c',
+  'disabled': 'disabled___401ccd0cadad96164044b12f7bf862f3',
+  'Group': 'Group___2d8a85ab733625ec128d780729b8fadd',
+  'Group-item': 'Group-item___95b75bc8bf5a24f7e8490a6939deb721',
+  'horizontal': 'horizontal___891bda1ca193264cfdc69cb962383159',
+  'vertical': 'vertical___5c7c9ae9f35e8b90de67cc3779386de5',
+  'Close': 'Close___0cbb63c00333b0b3db6b74db4de8b3f9',
+  'Action': 'Action___45e3421b27df789553a20d8f67eef3a6'
 };
@@ -20,0 +20,0 @@

lib/Button/index.js

@@ -18,14 +18,14 @@ 'use strict';
 var styles = {
-  'Button': 'styles__Button___25D3l',
-  'Button-content': 'styles__Button-content___asVnw',
-  'disabled': 'styles__disabled___3PoLx',
-  'Button-prefix': 'styles__Button-prefix___2euxs',
-  'Button-suffix': 'styles__Button-suffix___2gXk2',
-  'primary': 'styles__primary___2056t',
-  'secondary': 'styles__secondary___2Z3NI',
-  'Group': 'styles__Group___3t-Hw',
-  'Group-item': 'styles__Group-item___xJZUV',
-  'horizontal': 'styles__horizontal___1pcjx',
-  'vertical': 'styles__vertical___3Brjx',
-  'Close': 'styles__Close___3VI-x'
+  'Button': 'Button___558dcbc7545a2206c3c307c07b359c85',
+  'primary': 'primary___861ef6aa467bd14af672f36b7a671480',
+  'secondary': 'secondary___1df3c5d2993b93114e55c098011b0fbd',
+  'approve': 'approve___9ba315d31f9b9a0df0df90124fe3e266',
+  'decline': 'decline___124063290c2091ed793f0cdb05c73c4c',
+  'disabled': 'disabled___401ccd0cadad96164044b12f7bf862f3',
+  'Group': 'Group___2d8a85ab733625ec128d780729b8fadd',
+  'Group-item': 'Group-item___95b75bc8bf5a24f7e8490a6939deb721',
+  'horizontal': 'horizontal___891bda1ca193264cfdc69cb962383159',
+  'vertical': 'vertical___5c7c9ae9f35e8b90de67cc3779386de5',
+  'Close': 'Close___0cbb63c00333b0b3db6b74db4de8b3f9',
+  'Action': 'Action___45e3421b27df789553a20d8f67eef3a6'
 };
@@ -36,7 +36,7 @@
 var Button = function Button(_ref) {
-  var type = _ref.type;
-  var children = _ref.children;
-  var disabled = _ref.disabled;
-  var onClick = _ref.onClick;
-  var submit = _ref.submit;
+  var type = _ref.type,
+      children = _ref.children,
+      disabled = _ref.disabled,
+      onClick = _ref.onClick,
+      submit = _ref.submit;
   return _react2.default.createElement(
@@ -55,3 +55,3 @@ 'button',
 Button.propTypes = {
-  type: _react.PropTypes.oneOf(['primary', 'secondary', 'success', 'error']).isRequired,
+  type: _react.PropTypes.oneOf(['primary', 'secondary', 'approve', 'decline']).isRequired,
   children: _react.PropTypes.any,
@@ -58,0 +58,0 @@ label: _react.PropTypes.string,

lib/Close/index.js

@@ -22,14 +22,14 @@ 'use strict';
 var styles = {
-  'Button': 'styles__Button___25D3l',
-  'Button-content': 'styles__Button-content___asVnw',
-  'disabled': 'styles__disabled___3PoLx',
-  'Button-prefix': 'styles__Button-prefix___2euxs',
-  'Button-suffix': 'styles__Button-suffix___2gXk2',
-  'primary': 'styles__primary___2056t',
-  'secondary': 'styles__secondary___2Z3NI',
-  'Group': 'styles__Group___3t-Hw',
-  'Group-item': 'styles__Group-item___xJZUV',
-  'horizontal': 'styles__horizontal___1pcjx',
-  'vertical': 'styles__vertical___3Brjx',
-  'Close': 'styles__Close___3VI-x'
+  'Button': 'Button___558dcbc7545a2206c3c307c07b359c85',
+  'primary': 'primary___861ef6aa467bd14af672f36b7a671480',
+  'secondary': 'secondary___1df3c5d2993b93114e55c098011b0fbd',
+  'approve': 'approve___9ba315d31f9b9a0df0df90124fe3e266',
+  'decline': 'decline___124063290c2091ed793f0cdb05c73c4c',
+  'disabled': 'disabled___401ccd0cadad96164044b12f7bf862f3',
+  'Group': 'Group___2d8a85ab733625ec128d780729b8fadd',
+  'Group-item': 'Group-item___95b75bc8bf5a24f7e8490a6939deb721',
+  'horizontal': 'horizontal___891bda1ca193264cfdc69cb962383159',
+  'vertical': 'vertical___5c7c9ae9f35e8b90de67cc3779386de5',
+  'Close': 'Close___0cbb63c00333b0b3db6b74db4de8b3f9',
+  'Action': 'Action___45e3421b27df789553a20d8f67eef3a6'
 };
@@ -36,0 +36,0 @@

lib/Group/index.js

@@ -18,14 +18,14 @@ 'use strict';
 var styles = {
-  'Button': 'styles__Button___25D3l',
-  'Button-content': 'styles__Button-content___asVnw',
-  'disabled': 'styles__disabled___3PoLx',
-  'Button-prefix': 'styles__Button-prefix___2euxs',
-  'Button-suffix': 'styles__Button-suffix___2gXk2',
-  'primary': 'styles__primary___2056t',
-  'secondary': 'styles__secondary___2Z3NI',
-  'Group': 'styles__Group___3t-Hw',
-  'Group-item': 'styles__Group-item___xJZUV',
-  'horizontal': 'styles__horizontal___1pcjx',
-  'vertical': 'styles__vertical___3Brjx',
-  'Close': 'styles__Close___3VI-x'
+  'Button': 'Button___558dcbc7545a2206c3c307c07b359c85',
+  'primary': 'primary___861ef6aa467bd14af672f36b7a671480',
+  'secondary': 'secondary___1df3c5d2993b93114e55c098011b0fbd',
+  'approve': 'approve___9ba315d31f9b9a0df0df90124fe3e266',
+  'decline': 'decline___124063290c2091ed793f0cdb05c73c4c',
+  'disabled': 'disabled___401ccd0cadad96164044b12f7bf862f3',
+  'Group': 'Group___2d8a85ab733625ec128d780729b8fadd',
+  'Group-item': 'Group-item___95b75bc8bf5a24f7e8490a6939deb721',
+  'horizontal': 'horizontal___891bda1ca193264cfdc69cb962383159',
+  'vertical': 'vertical___5c7c9ae9f35e8b90de67cc3779386de5',
+  'Close': 'Close___0cbb63c00333b0b3db6b74db4de8b3f9',
+  'Action': 'Action___45e3421b27df789553a20d8f67eef3a6'
 };
@@ -36,4 +36,4 @@
 function Group(_ref) {
-  var children = _ref.children;
-  var direction = _ref.direction;
+  var children = _ref.children,
+      direction = _ref.direction;
 
@@ -40,0 +40,0 @@ return _react2.default.createElement(

package.json

 {
   "name": "@jouwomgeving/ui-button",
-  "version": "0.0.2-alpha.5ffe785b",
+  "version": "0.0.2-alpha.6ac8ec77",
   "author": "Jouw Omgeving",
@@ -23,3 +23,3 @@ "license": "UNLICENSED",
   "devDependencies": {
-    "@jouwomgeving/ui-icon": "^0.0.1-alpha.5ffe785b"
+    "@jouwomgeving/ui-icon": "^0.0.1-alpha.6ac8ec77"
   },
@@ -26,0 +26,0 @@ "dependencies": {

src/Button/index.js

@@ -20,3 +20,3 @@ import React, { PropTypes } from 'react';
 Button.propTypes = {
-  type: PropTypes.oneOf(['primary', 'secondary', 'success', 'error']).isRequired,
+  type: PropTypes.oneOf(['primary', 'secondary', 'approve', 'decline']).isRequired,
   children: PropTypes.any,
@@ -23,0 +23,0 @@ label: PropTypes.string,

src/Button/stories/Button.stories.js

 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
+import { withKnobs, select, boolean } from '@kadira/storybook-addon-knobs';
 
-import * as Button from '@jouwomgeving/ui-button';
-import * as Icon from '@jouwomgeving/ui-icon';
+import Button from '@jouwomgeving/ui-button';
+import Text from '@jouwomgeving/ui-typography/Text';
 
-const settings = {
-  source: true,
-  inline: false,
-  propTables: [Button.default],
-  header: false,
+const types = {
+  primary: 'primary',
+  secondary: 'secondary',
+  approve: 'approve',
+  decline: 'decline',
 };
 
-function randomIcon(icons) {
-  const keys = Object.keys(icons);
-  return icons[keys[keys.length * Math.random() << 0]];
-}
-
 storiesOf('<Button.default />', module)
-  .addWithInfo('Default', '',
+  .addDecorator(withKnobs)
+  .add(
+    'Default',
     () => (
-      <Button.default
-        label="Primary"
-        type="primary"
+      <Button
+        type={select('Type', types, types.primary)}
         onClick={action('Button')}
-      />
-    ), settings
-  )
-  .addWithInfo('Type: Secondary', '',
-    () => (
-      <Button.default
-        label="Secondary"
-        type="secondary"
-        onClick={action('Button Secondary')}
-      />
-    ), settings
-  )
-  .addWithInfo('Disabled: true', '',
-    () => (
-      <Button.default
-        label="Disabled"
-        disabled
-      />
-    ), settings
-  )
-  .addWithInfo('Type: Secondary, Disabled: true', '',
-    () => (
-      <Button.default
-        label="Secondary Disabled"
-        disabled
-        type="secondary"
-      />
-    ), settings
-  )
-  .addWithInfo('Prefix: Icon', '',
-    () => {
-      const SelectedIcon = randomIcon(Icon.FontAwesome);
+        disabled={boolean('Disabled', false)}
 
-      return (
-        <Button.default
-          label="Prefix"
-          prefix={(
-            <SelectedIcon
-              color="currentColor"
-              size={18}
-            />
-          )}
-        />
-      );
-    }, settings
-  )
-  .addWithInfo('Suffix: Icon', '',
-    () => {
-      const SelectedIcon = randomIcon(Icon.FontAwesome);
-
-      return (
-        <Button.default
-          label="Suffix"
-          suffix={(
-            <SelectedIcon
-              size={18}
-              color="currentColor"
-            />
-          )}
-        />
-      );
-    }, settings
+      >
+        <Text color="inherit">Button content</Text>
+      </Button>
+    )
   );

src/Close/stories/Close.stories.js

@@ -6,11 +6,5 @@ import React from 'react';
 
-const settings = {
-  source: true,
-  inline: false,
-  propTables: [Button.Close],
-  header: true,
-};
-
 storiesOf('<Button.Close />', module)
-  .addWithInfo('Default', '',
+  .add(
+    'Default',
     () => (
@@ -20,3 +14,3 @@ <Button.Close
       />
-    ), settings
+    )
   );

src/Group/stories/Group.stories.js

@@ -6,11 +6,5 @@ import React from 'react';
 
-const settings = {
-  source: true,
-  inline: false,
-  propTables: [Button.Group],
-  header: false,
-};
-
 storiesOf('<Button.Group />', module)
-  .addWithInfo('Horizontal', '',
+  .add(
+    'Horizontal',
     () => (
@@ -24,5 +18,6 @@ <Button.Group direction="horizontal">
       </Button.Group>
-    ), settings
+    )
   )
-  .addWithInfo('Vertical', '',
+  .add(
+    'Vertical',
     () => (
@@ -36,3 +31,3 @@ <Button.Group direction="vertical">
       </Button.Group>
-    ), settings
+    )
   );

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 package files

23

4.55%

Number of low quality alerts

3

-25%

Worsened metrics

Total package byte prevSize

30478

-33.14%

Lines of code

866

-20.33%

No dependency changes