rebass - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

dist/Badge.js

@@ -25,2 +25,6 @@ 'use strict';
 
+var _colors = require('./colors');
+
+var _colors2 = _interopRequireDefault(_colors);
+
 var Badge = (function (_React$Component) {
@@ -52,3 +56,3 @@ function Badge() {
 Badge.propTypes = {
-  color: _react2['default'].PropTypes.string
+  color: _react2['default'].PropTypes.oneOf(_colors2['default'])
 };
@@ -55,0 +59,0 @@

dist/Banner.js

@@ -21,2 +21,6 @@ 'use strict';
 
+var _colors = require('./colors');
+
+var _colors2 = _interopRequireDefault(_colors);
+
 var Banner = (function (_React$Component) {
@@ -87,3 +91,3 @@ function Banner() {
   right: _react2['default'].PropTypes.bool,
-  bgColor: _react2['default'].PropTypes.string,
+  bgColor: _react2['default'].PropTypes.oneOf(_colors2['default']),
   bgImage: _react2['default'].PropTypes.string,
@@ -90,0 +94,0 @@ bgSize: _react2['default'].PropTypes.string,

dist/Button.js

@@ -27,2 +27,6 @@ 'use strict';
 
+var _colors = require('./colors');
+
+var _colors2 = _interopRequireDefault(_colors);
+
 var Button = (function (_React$Component) {
@@ -58,3 +62,3 @@ function Button() {
 Button.propTypes = {
-  color: _react2['default'].PropTypes.string,
+  color: _react2['default'].PropTypes.oneOf(_colors2['default']),
   outline: _react2['default'].PropTypes.bool
@@ -61,0 +65,0 @@ };

dist/index.js

@@ -57,6 +57,2 @@ 'use strict';
 
-var _Link = require('./Link');
-
-var _Link2 = _interopRequireDefault(_Link);
-
 var _LinkBtn = require('./LinkBtn');
@@ -167,3 +163,2 @@
   Media: _Media2['default'],
-  Link: _Link2['default'],
   LinkBtn: _LinkBtn2['default'],
@@ -170,0 +165,0 @@ Button: _Button2['default'],

dist/LinkBtn.js

@@ -27,2 +27,6 @@ 'use strict';
 
+var _colors = require('./colors');
+
+var _colors2 = _interopRequireDefault(_colors);
+
 var LinkBtn = (function (_React$Component) {
@@ -64,2 +68,3 @@ function LinkBtn() {
 LinkBtn.propTypes = {
+  color: _react2['default'].PropTypes.oneOf(_colors2['default']),
   outline: _react2['default'].PropTypes.bool
@@ -66,0 +71,0 @@ };

dist/Message.js

@@ -27,2 +27,6 @@ 'use strict';
 
+var _colors = require('./colors');
+
+var _colors2 = _interopRequireDefault(_colors);
+
 var Message = (function (_React$Component) {
@@ -57,3 +61,3 @@ function Message() {
 Message.propTypes = {
-  color: _react2['default'].PropTypes.string,
+  color: _react2['default'].PropTypes.oneOf(_colors2['default']),
   outline: _react2['default'].PropTypes.bool
@@ -60,0 +64,0 @@ };

dist/Progress.js

@@ -27,2 +27,6 @@ 'use strict';
 
+var _colors = require('./colors');
+
+var _colors2 = _interopRequireDefault(_colors);
+
 var Progress = (function (_React$Component) {
@@ -53,3 +57,3 @@ function Progress() {
 Progress.propTypes = {
-  color: _react2['default'].PropTypes.string
+  color: _react2['default'].PropTypes.oneOf(_colors2['default'])
 };
@@ -56,0 +60,0 @@

dist/Toolbar.js

@@ -25,2 +25,6 @@ 'use strict';
 
+var _colors = require('./colors');
+
+var _colors2 = _interopRequireDefault(_colors);
+
 var Toolbar = (function (_React$Component) {
@@ -51,3 +55,7 @@ function Toolbar() {
 
+Toolbar.propTypes = {
+  color: _react2['default'].PropTypes.oneOf(_colors2['default'])
+};
+
 exports['default'] = Toolbar;
 module.exports = exports['default'];

docs/components-data.jsx

@@ -16,3 +16,2 @@
   Media,
-  Link,
   LinkBtn,
@@ -175,9 +174,2 @@ Button,
   },
-  //{
-  //  name: 'Link',
-  //  description: 'Just a link tag',
-  //  examples: [
-  //    <Link href='#Link'>Link</Link>
-  //  ]
-  //},
   {
@@ -184,0 +176,0 @@ name: 'LinkBtn',

docs/components/Example.jsx

@@ -7,4 +7,2 @@
 
-const JS_COMMENT_REGEX = /(\/\*[\w\'\s\r\n\*]*\*\/)|(\/\/[\w\s\']*)|(\<![\-\-\s\w\>\/]*\>)/
-
 class Example extends React.Component {
@@ -15,3 +13,2 @@
     let html = { __html: code }
-    // maxHeight
     return <pre dangerouslySetInnerHTML={html}
@@ -18,0 +15,0 @@ className='p2 mb0 rounded-bottom border-none' />

docs/components/Root.jsx

@@ -5,2 +5,4 @@
 import Logo from 'basscss-logo'
+import favicon from 'basscss-logo/images/basscss-32.png'
+import touchicon from 'basscss-logo/images/basscss-512.png'
 import {
@@ -50,2 +52,7 @@ Container,
           <title>{this.props.title}</title>
+          <meta name='description' content={this.props.description} />
+          <meta name='viewport' content='width=device-width, initial-scale=1' />
+          <link rel='icon' href={favicon} />
+          <link rel='apple-touch-icon-precomposed' href={touchicon} />
+
           <style dangerouslySetInnerHTML={{ __html: css }} />
@@ -52,0 +59,0 @@ </head>

package.json

 {
   "name": "rebass",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Stateless React UI components built with Basscss",
@@ -10,3 +10,4 @@ "author": "Brent Jackson",
     "babel:watch": "babel src -w --out-dir dist",
-    "docs": "webpack -p --progress --colors",
+    "prod": "webpack -p --progress --colors",
+    "docs": "webpack --progress --colors",
     "docs:dev": "webpack-dev-server --progress --colors",
@@ -33,2 +34,3 @@ "start": "npm run babel:watch & npm run docs:dev"
     "cssnext-loader": "^1.0.1",
+    "file-loader": "^0.8.4",
     "highlight.js": "^8.6.0",
@@ -35,0 +37,0 @@ "jsx-loader": "^0.12.2",

src/Badge.jsx

 
 import React from 'react'
 import cx from 'classnames'
+import colors from './colors'
 
@@ -28,3 +29,3 @@ class Badge extends React.Component {
 Badge.propTypes = {
-  color: React.PropTypes.string
+  color: React.PropTypes.oneOf(colors)
 }
@@ -31,0 +32,0 @@

src/Banner.jsx

 
 import React from 'react'
+import colors from './colors'
 
@@ -55,3 +56,3 @@ class Banner extends React.Component {
   right: React.PropTypes.bool,
-  bgColor: React.PropTypes.string,
+  bgColor: React.PropTypes.oneOf(colors),
   bgImage: React.PropTypes.string,
@@ -58,0 +59,0 @@ bgSize: React.PropTypes.string,

src/Button.jsx

 
 import React from 'react'
 import cx from 'classnames'
+import colors from './colors'
 
@@ -28,3 +29,3 @@ class Button extends React.Component {
 Button.propTypes = {
-  color: React.PropTypes.string,
+  color: React.PropTypes.oneOf(colors),
   outline: React.PropTypes.bool
@@ -31,0 +32,0 @@ }

src/index.js

@@ -14,3 +14,2 @@
 import Media from './Media'
-import Link from './Link'
 import LinkBtn from './LinkBtn'
@@ -53,3 +52,2 @@ import Button from './Button'
   Media,
-  Link,
   LinkBtn,
@@ -56,0 +54,0 @@ Button,

src/LinkBtn.jsx

 
 import React from 'react'
 import cx from 'classnames'
+import colors from './colors'
 
@@ -30,2 +31,3 @@ class LinkBtn extends React.Component {
 LinkBtn.propTypes = {
+  color: React.PropTypes.oneOf(colors),
   outline: React.PropTypes.bool
@@ -32,0 +34,0 @@ }

src/Message.jsx

 
 import React from 'react'
 import cx from 'classnames'
+import colors from './colors'
 
@@ -28,3 +29,3 @@ class Message extends React.Component {
 Message.propTypes = {
-  color: React.PropTypes.string,
+  color: React.PropTypes.oneOf(colors),
   outline: React.PropTypes.bool
@@ -31,0 +32,0 @@ }

src/Progress.jsx

 
 import React from 'react'
 import cx from 'classnames'
+import colors from './colors'
 
@@ -19,3 +20,3 @@ class Progress extends React.Component {
 Progress.propTypes = {
-  color: React.PropTypes.string
+  color: React.PropTypes.oneOf(colors)
 }
@@ -22,0 +23,0 @@

src/Toolbar.jsx

 
 import React from 'react'
 import cx from 'classnames'
+import colors from './colors'
 
@@ -27,3 +28,7 @@ class Toolbar extends React.Component {
 
+Toolbar.propTypes = {
+  color: React.PropTypes.oneOf(colors)
+}
+
 export default Toolbar
 

webpack.config.js

@@ -12,2 +12,3 @@
     path: __dirname,
+    publicPath: '/rebass/',
     libraryTarget: 'umd'
@@ -20,3 +21,4 @@ },
       { test: /\.json$/, loader: 'json-loader' },
-      { test: /\.css$/, exclude: /colors\.css/, loader: 'css-loader!cssnext-loader' }
+      { test: /\.css$/, exclude: /colors\.css/, loader: 'css-loader!cssnext-loader' },
+      { test: /\.png$/, loader: 'file-loader?name=/images/[hash].[ext]' }
     ]
@@ -23,0 +25,0 @@ },

New alerts

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

Improved metrics

Total package byte prevSize

2096179

increased by116.3%

Number of package files

103

increased by4.04%

Lines of code

50216

increased by697.46%

Worsened metrics

Dev dependency count

18

increased by5.88%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes