@rentalutions/elements - npm Package Compare versions

Comparing version 1.2.4 to 1.3.0

lib/index.js

@@ -6,7 +6,7 @@ 'use strict';
 });
-exports.TouchTarget = exports.Tooltip = exports.Text = exports.Loader = exports.Input = exports.Image = exports.Icon = exports.Container = exports.Card = undefined;
+exports.Tooltip = exports.Text = exports.Loader = exports.Input = exports.Image = exports.Icon = exports.Container = exports.Card = exports.Button = undefined;
 
-var _TouchTarget = require('./TouchTarget');
+var _Button = require('./Button');
 
-var _TouchTarget2 = _interopRequireDefault(_TouchTarget);
+var _Button2 = _interopRequireDefault(_Button);
 
@@ -43,2 +43,3 @@ var _Card = require('./Card');
 
+exports.Button = _Button2.default;
 exports.Card = _Card2.default;
@@ -51,3 +52,2 @@ exports.Container = _Container2.default;
 exports.Text = _Text2.default;
-exports.Tooltip = _Tooltip2.default;
-exports.TouchTarget = _TouchTarget2.default;
+exports.Tooltip = _Tooltip2.default;

lib/variables.js

@@ -15,9 +15,17 @@ 'use strict';
 var colors = exports.colors = {
-  primary: 'rgba(101, 126, 212, 1)',
-  accent: 'rgba(255, 51, 31, 1)',
-  dark: 'rgba(13, 1, 6, 1)',
-  light: 'rgba(251, 251, 255, 1)',
-  darkSecondary: 'rgba(13, 1, 6, 0.6)',
-  lightSecondary: 'rgba(251, 251, 255, 0.8)',
-  disabled: 'rgba(13, 1, 6, 0.4)'
+  brand: {
+    primary: 'rgba(101, 126, 212, 1)',
+    accent: 'rgba(255, 51, 31, 1)',
+    dark: 'rgba(13, 1, 6, 1)',
+    light: 'rgba(251, 251, 255, 1)',
+    darkSecondary: 'rgba(13, 1, 6, 0.6)',
+    lightSecondary: 'rgba(251, 251, 255, 0.8)',
+    disabled: 'rgba(13, 1, 6, 0.4)'
+  },
+  ui: {
+    feedback: '#1FB6FF',
+    positive: '#1ABC9C',
+    negative: '#FF2D55',
+    warning: '#F5D76E'
+  }
 };

package.json

 {
   "name": "@rentalutions/elements",
-  "version": "1.2.4",
+  "version": "1.3.0",
   "description": "A suite of elements for the consistent and responsive UI",
@@ -16,10 +16,5 @@ "main": "lib/index.js",
   "peerDependencies": {
-    "classnames": "^2.2.5",
     "react": "^15.5.4",
     "react-router-dom": "^4.1.1"
   },
-  "dependencies": {
-    "prop-types": "^15.5.10",
-    "styled-components": "^2.1.0"
-  },
   "devDependencies": {
@@ -32,2 +27,5 @@ "babel-cli": "^6.24.1",
     "jest": "^20.0.4",
+    "polished": "^1.2.0",
+    "prop-types": "^15.5.10",
+    "styled-components": "^2.1.0",
     "react": "^15.5.4",
@@ -34,0 +32,0 @@ "react-router-dom": "^4.1.1"

src/index.js

@@ -1,2 +0,2 @@
-import TouchTarget from './TouchTarget'
+import Button from './Button'
 import Card from './Card'
@@ -11,2 +11,3 @@ import Container from './Container'
 export {
+  Button,
   Card,
@@ -19,4 +20,3 @@ Container,
   Text,
-  Tooltip,
-  TouchTarget
+  Tooltip
 }

src/variables.js

@@ -10,9 +10,17 @@ export const sizes = {
 export const colors = {
-  primary: 'rgba(101, 126, 212, 1)',
-  accent: 'rgba(255, 51, 31, 1)',
-  dark: 'rgba(13, 1, 6, 1)',
-  light: 'rgba(251, 251, 255, 1)',
-  darkSecondary: 'rgba(13, 1, 6, 0.6)',
-  lightSecondary: 'rgba(251, 251, 255, 0.8)',
-  disabled: 'rgba(13, 1, 6, 0.4)',
+  brand: {
+    primary: 'rgba(101, 126, 212, 1)',
+    accent: 'rgba(255, 51, 31, 1)',
+    dark: 'rgba(13, 1, 6, 1)',
+    light: 'rgba(251, 251, 255, 1)',
+    darkSecondary: 'rgba(13, 1, 6, 0.6)',
+    lightSecondary: 'rgba(251, 251, 255, 0.8)',
+    disabled: 'rgba(13, 1, 6, 0.4)',
+  },
+  ui: {
+    feedback: '#1FB6FF',
+    positive: '#1ABC9C',
+    negative: '#FF2D55',
+    warning: '#F5D76E',
+  }
 }

No alert changes

Improved metrics

Total package byte prevSize

128332

increased by1.7%

Dependency count

2

decreased by-60%

Lines of code

501

increased by11.58%

Worsened metrics

Dev dependency count

11

increased by37.5%

Dependency changes

• - Removedprop-types@^15.5.10

• - Removedstyled-components@^2.1.0

• - Removedbase64-js@1.5.1(transitive)

• - Removedbuffer@5.7.1(transitive)

• - Removedcamelize@1.0.1(transitive)

• - Removedclassnames@2.5.1(transitive)

• - Removedcss-color-keywords@1.0.0(transitive)

• - Removedcss-to-react-native@2.3.2(transitive)

• - Removedhas-flag@1.0.0(transitive)

• - Removedhoist-non-react-statics@1.2.0(transitive)

• - Removedieee754@1.2.1(transitive)

• - Removedis-plain-object@2.0.4(transitive)

• - Removedisobject@3.0.1(transitive)

• - Removedpostcss-value-parser@3.3.1(transitive)

• - Removedstyled-components@2.4.1(transitive)

• - Removedstylis@3.5.4(transitive)

• - Removedsupports-color@3.2.3(transitive)