@bufferapp/components - npm Package Compare versions

Comparing version 0.4.7 to 0.4.8

CHANGELOG.md

 # Changelog
 
+## 0.4.8 (April 6, 2017)
+
+- Add `mini` config to `Text`
+
 ## 0.4.7 (April 6, 2017)
@@ -4,0 +8,0 @@

package.json

 {
   "name": "@bufferapp/components",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "description": "A shared set of UI Components",
@@ -5,0 +5,0 @@ "main": "index.js",

Text/index.jsx

@@ -7,11 +7,12 @@ import React, { PropTypes } from 'react';
   const classes = classNames(styles, 'text', {
+    black: color === 'black',
+    blue: color === 'blue',
+    bold: weight === 'bold',
     extraSmall: size === 'extra-small',
+    gray: color === 'gray',
     large: size === 'large',
+    mini: size === 'mini',
+    red: color === 'red',
     small: size === 'small',
-    bold: weight === 'bold',
     thin: weight === 'thin',
-    black: color === 'black',
-    blue: color === 'blue',
-    gray: color === 'gray',
-    red: color === 'red',
     white: color === 'white',
@@ -26,3 +27,3 @@ });
   children: PropTypes.node,
-  size: PropTypes.oneOf(['extra-small', 'large', 'small']),
+  size: PropTypes.oneOf(['extra-small', 'large', 'mini', 'small']),
   weight: PropTypes.oneOf(['bold', 'thin']),
@@ -29,0 +30,0 @@ color: PropTypes.oneOf(['black', 'blue', 'gray', 'red', 'white']),

Text/story.jsx

@@ -13,31 +13,36 @@ import React from 'react';
   ))
+  .add('Black', () => (
+    <Text color={'black'}>{text}</Text>
+  ))
+  .add('Blue', () => (
+    <Text color={'blue'}>{text}</Text>
+  ))
+  .add('Bold', () => (
+    <Text weight={'bold'}>{text}</Text>
+  ))
   .add('ExtraSmall', () => (
     <Text size={'extra-small'}>{text}</Text>
   ))
+  .add('Gray', () => (
+    <Text color={'gray'}>{text}</Text>
+  ))
   .add('Large', () => (
     <Text size={'large'}>{text}</Text>
   ))
+  .add('Mini', () => (
+    <Text size={'mini'}>{text}</Text>
+  ))
+  .add('Red', () => (
+    <Text color={'red'}>{text}</Text>
+  ))
   .add('Small', () => (
     <Text size={'small'}>{text}</Text>
   ))
-  .add('Bold', () => (
-    <Text weight={'bold'}>{text}</Text>
-  ))
   .add('Thin', () => (
     <Text weight={'thin'}>{text}</Text>
   ))
-  .add('black', () => (
-    <Text color={'black'}>{text}</Text>
-  ))
-  .add('blue', () => (
-    <Text color={'blue'}>{text}</Text>
-  ))
-  .add('Gray', () => (
-    <Text color={'gray'}>{text}</Text>
-  ))
-  .add('Red', () => (
-    <Text color={'red'}>{text}</Text>
-  ))
   .add('White', () => (
-    <Text color={'white'}>{text}</Text>
+    <div style={{ backgroundColor: 'black' }}>
+      <Text color={'white'}>{text}</Text>
+    </div>
   ));

No alert changes

Improved metrics

Total package byte prevSize

1157381

increased by0.15%

Lines of code

4039

increased by0.25%

No dependency changes