Update color package

package.json

@@ -31,10 +31,10 @@
   },
   "homepage": "https://github.com/xotahal/react-native-material-ui",
   "dependencies": {
-    "color": "^0.11.3",
+    "color": "^1.0.3",
     "lodash.merge": "^4.0.0",
     "react-native-material-design-styles": "^0.2.6",
-    "react-native-vector-icons": "^3.0.0"
+    "react-native-vector-icons": "3.0.0"
   },
   "devDependencies": {
     "babel-core": "^6.14.0",

src/IconToggle/IconToggle.react.js

@@ -189,7 +189,7 @@ class IconToggle extends PureComponent {
                     borderRadius: (rippleSize) / 2,
                     transform: [{ scale: scaleValue }],
                     opacity: opacityValue,
-                    backgroundColor: color.hexString(),
+                    backgroundColor: color.toString(),
                     // we need set zindex for iOS, because the components with elevation have the
                     // zindex set as well, thus, there could be displayed backgroundColor of
                     // component with bigger zindex - and that's not good

src/styles/getTheme.js

@@ -39,7 +39,7 @@ export default function getTheme(theme, ...more) {
             },
             overlayContainer: {
                 ...StyleSheet.absoluteFillObject,
-                backgroundColor: Color('#fff').alpha(0.8).rgbaString(),
+                backgroundColor: Color('#fff').alpha(0.8).toString(),
                 // we need overlay to be above the toolbar - so maybe we could use some variable
                 // to get elevation for toolbar and this overlay
                 ...getPlatformElevation(4),
@@ -100,7 +100,7 @@ export default function getTheme(theme, ...more) {
                 width: spacing.avatarSize,
                 height: spacing.avatarSize,
                 borderRadius: spacing.avatarSize / 2,
-                backgroundColor: darkenOrLighten(palette.canvasColor, 0.26).hexString(),
+                backgroundColor: darkenOrLighten(palette.canvasColor, 0.26).toString(),
                 alignItems: 'center',
                 justifyContent: 'center',
             },

src/styles/themes/light.js

@@ -18,17 +18,17 @@ export default {
         primaryColor: blue500,
         accentColor: red500,
         // text color palette
-        primaryTextColor: Color(black).alpha(.87).rgbaString(),
-        secondaryTextColor: Color(black).alpha(.54).rgbaString(),
+        primaryTextColor: Color(black).alpha(.87).toString(),
+        secondaryTextColor: Color(black).alpha(.54).toString(),
         alternateTextColor: white,
         // backgournds and borders
         canvasColor: white,
-        borderColor: Color(black).alpha(.12).rgbaString(),
+        borderColor: Color(black).alpha(.12).toString(),
         // https://material.google.com/style/color.html#color-text-background-colors
-        disabledColor: Color(black).alpha(.38).rgbaString(),
-        disabledTextColor: Color(black).alpha(.26).rgbaString(),
-        activeIcon: Color(black).alpha(.54).rgbaString(),
-        inactiveIcon: Color(black).alpha(.38).rgbaString(),
+        disabledColor: Color(black).alpha(.38).toString(),
+        disabledTextColor: Color(black).alpha(.26).toString(),
+        activeIcon: Color(black).alpha(.54).toString(),
+        inactiveIcon: Color(black).alpha(.38).toString(),
         // pickerHeaderColor: cyan500,
         // clockCircleColor: faintBlack,
         // shadowColor: fullBlack,