From 89582784696a2cbd4ac43ee95866a0bc09a47315 Mon Sep 17 00:00:00 2001
From: Anton Kuznetsov <isnifer@gmail.com>
Date: Thu, 9 Feb 2017 11:28:38 +0300
Subject: [PATCH 1/3] Add react-native-svg, add examples with gradient to
 <Label />

---
 .ci/local-ci.sh                               |   1 +
 .../__snapshots__/Storyshots.test.js.snap     | 290 ++++++++++++------
 android/app/build.gradle                      |   1 +
 .../java/com/tipsiuikit/MainApplication.java  |   2 +
 android/settings.gradle                       |   2 +
 ios/TipsiUIKit.xcodeproj/project.pbxproj      |  10 +-
 package.json                                  |   1 +
 src/Label/Label.js                            |  30 +-
 uiexplorer/core/utils/shots.js                |  35 +++
 uiexplorer/examples/Label.js                  |   9 +
 10 files changed, 287 insertions(+), 94 deletions(-)

diff --git a/.ci/local-ci.sh b/.ci/local-ci.sh
index f595f76..25f3ef2 100755
--- a/.ci/local-ci.sh
+++ b/.ci/local-ci.sh
@@ -33,6 +33,7 @@ npm run appium > /dev/null 2>&1 &
 ###################
 
 # Build Android app
+cd android && ./gradlew clean
 npm run build:android
 # Build iOS app
 isMacOS && npm run build:ios
diff --git a/__tests__/unit/__snapshots__/Storyshots.test.js.snap b/__tests__/unit/__snapshots__/Storyshots.test.js.snap
index 17d0d64..9823d9a 100644
--- a/__tests__/unit/__snapshots__/Storyshots.test.js.snap
+++ b/__tests__/unit/__snapshots__/Storyshots.test.js.snap
@@ -4101,22 +4101,25 @@ exports[`UIExplorer components <Label /> Custom Text and Custom Background - Lab
   <View
     style={
       Array [
-        Object {
-          "backgroundColor": "#82909d",
-          "borderRadius": 3,
-          "flex": 0,
-          "height": 20,
-          "marginRight": 5,
-          "overflow": "hidden",
-          "paddingBottom": 2,
-          "paddingLeft": 5,
-          "paddingRight": 5,
-          "paddingTop": 2,
-        },
-        undefined,
-        Object {
-          "backgroundColor": "blue",
-        },
+        Array [
+          Object {
+            "backgroundColor": "#82909d",
+            "borderRadius": 3,
+            "flex": 0,
+            "height": 20,
+            "marginRight": 5,
+            "overflow": "hidden",
+            "paddingBottom": 2,
+            "paddingLeft": 5,
+            "paddingRight": 5,
+            "paddingTop": 2,
+          },
+          undefined,
+          Object {
+            "backgroundColor": "blue",
+          },
+        ],
+        Object {},
       ]
     }>
     <Text
@@ -4149,22 +4152,25 @@ exports[`UIExplorer components <Label /> Default themes - Labels' wrapper has fl
   <View
     style={
       Array [
-        Object {
-          "backgroundColor": "#82909d",
-          "borderRadius": 3,
-          "flex": 0,
-          "height": 20,
-          "marginRight": 5,
-          "overflow": "hidden",
-          "paddingBottom": 2,
-          "paddingLeft": 5,
-          "paddingRight": 5,
-          "paddingTop": 2,
-        },
-        undefined,
-        Object {
-          "backgroundColor": "#CD0315",
-        },
+        Array [
+          Object {
+            "backgroundColor": "#82909d",
+            "borderRadius": 3,
+            "flex": 0,
+            "height": 20,
+            "marginRight": 5,
+            "overflow": "hidden",
+            "paddingBottom": 2,
+            "paddingLeft": 5,
+            "paddingRight": 5,
+            "paddingTop": 2,
+          },
+          undefined,
+          Object {
+            "backgroundColor": "#CD0315",
+          },
+        ],
+        Object {},
       ]
     }>
     <Text
@@ -4187,22 +4193,25 @@ exports[`UIExplorer components <Label /> Default themes - Labels' wrapper has fl
   <View
     style={
       Array [
-        Object {
-          "backgroundColor": "#82909d",
-          "borderRadius": 3,
-          "flex": 0,
-          "height": 20,
-          "marginRight": 5,
-          "overflow": "hidden",
-          "paddingBottom": 2,
-          "paddingLeft": 5,
-          "paddingRight": 5,
-          "paddingTop": 2,
-        },
-        undefined,
-        Object {
-          "backgroundColor": "#34834C",
-        },
+        Array [
+          Object {
+            "backgroundColor": "#82909d",
+            "borderRadius": 3,
+            "flex": 0,
+            "height": 20,
+            "marginRight": 5,
+            "overflow": "hidden",
+            "paddingBottom": 2,
+            "paddingLeft": 5,
+            "paddingRight": 5,
+            "paddingTop": 2,
+          },
+          undefined,
+          Object {
+            "backgroundColor": "#34834C",
+          },
+        ],
+        Object {},
       ]
     }>
     <Text
@@ -4225,22 +4234,25 @@ exports[`UIExplorer components <Label /> Default themes - Labels' wrapper has fl
   <View
     style={
       Array [
-        Object {
-          "backgroundColor": "#82909d",
-          "borderRadius": 3,
-          "flex": 0,
-          "height": 20,
-          "marginRight": 5,
-          "overflow": "hidden",
-          "paddingBottom": 2,
-          "paddingLeft": 5,
-          "paddingRight": 5,
-          "paddingTop": 2,
-        },
-        undefined,
-        Object {
-          "backgroundColor": "#F09817",
-        },
+        Array [
+          Object {
+            "backgroundColor": "#82909d",
+            "borderRadius": 3,
+            "flex": 0,
+            "height": 20,
+            "marginRight": 5,
+            "overflow": "hidden",
+            "paddingBottom": 2,
+            "paddingLeft": 5,
+            "paddingRight": 5,
+            "paddingTop": 2,
+          },
+          undefined,
+          Object {
+            "backgroundColor": "#F09817",
+          },
+        ],
+        Object {},
       ]
     }>
     <Text
@@ -4263,24 +4275,118 @@ exports[`UIExplorer components <Label /> Default themes - Labels' wrapper has fl
   <View
     style={
       Array [
+        Array [
+          Object {
+            "backgroundColor": "#82909d",
+            "borderRadius": 3,
+            "flex": 0,
+            "height": 20,
+            "marginRight": 5,
+            "overflow": "hidden",
+            "paddingBottom": 2,
+            "paddingLeft": 5,
+            "paddingRight": 5,
+            "paddingTop": 2,
+          },
+          undefined,
+          Object {
+            "backgroundColor": "black",
+          },
+        ],
+        Object {},
+      ]
+    }>
+    <Text
+      accessible={true}
+      allowFontScaling={true}
+      ellipsizeMode="tail"
+      style={
+        Array [
+          Object {
+            "color": "white",
+            "fontSize": 12,
+          },
+          undefined,
+          undefined,
+        ]
+      }>
+      Super Vintage
+    </Text>
+  </View>
+</View>
+`;
+
+exports[`UIExplorer components <Label /> Gradient themes - Labels' wrapper has flexDirection: row, Labels has "colors" prop 1`] = `
+<View
+  style={
+    Object {
+      "flexDirection": "row",
+    }
+  }>
+  <View
+    style={
+      Array [
+        Array [
+          Object {
+            "backgroundColor": "#82909d",
+            "borderRadius": 3,
+            "flex": 0,
+            "height": 20,
+            "marginRight": 5,
+            "overflow": "hidden",
+            "paddingBottom": 2,
+            "paddingLeft": 5,
+            "paddingRight": 5,
+            "paddingTop": 2,
+          },
+          undefined,
+        ],
         Object {
-          "backgroundColor": "#82909d",
-          "borderRadius": 3,
-          "flex": 0,
-          "height": 20,
-          "marginRight": 5,
-          "overflow": "hidden",
-          "paddingBottom": 2,
-          "paddingLeft": 5,
-          "paddingRight": 5,
-          "paddingTop": 2,
+          "backgroundColor": "transparent",
         },
-        undefined,
+      ]
+    }>
+    <Svg />
+    <Text
+      accessible={true}
+      allowFontScaling={true}
+      ellipsizeMode="tail"
+      style={
+        Array [
+          Object {
+            "color": "white",
+            "fontSize": 12,
+          },
+          undefined,
+        ]
+      }>
+      Value Pick
+    </Text>
+  </View>
+  <View
+    style={
+      Array [
+        Array [
+          Object {
+            "backgroundColor": "#82909d",
+            "borderRadius": 3,
+            "flex": 0,
+            "height": 20,
+            "marginRight": 5,
+            "overflow": "hidden",
+            "paddingBottom": 2,
+            "paddingLeft": 5,
+            "paddingRight": 5,
+            "paddingTop": 2,
+          },
+          undefined,
+        ],
         Object {
-          "backgroundColor": "black",
+          "backgroundColor": "transparent",
         },
       ]
     }>
+    <Svg />
     <Text
       accessible={true}
       allowFontScaling={true}
@@ -4292,10 +4398,9 @@ exports[`UIExplorer components <Label /> Default themes - Labels' wrapper has fl
             "fontSize": 12,
           },
           undefined,
-          undefined,
         ]
       }>
-      Super Vintage
+      Staff Pick
     </Text>
   </View>
 </View>
@@ -4311,19 +4416,22 @@ exports[`UIExplorer components <Label /> Label - Label theme "default" 1`] = `
   <View
     style={
       Array [
-        Object {
-          "backgroundColor": "#82909d",
-          "borderRadius": 3,
-          "flex": 0,
-          "height": 20,
-          "marginRight": 5,
-          "overflow": "hidden",
-          "paddingBottom": 2,
-          "paddingLeft": 5,
-          "paddingRight": 5,
-          "paddingTop": 2,
-        },
-        undefined,
+        Array [
+          Object {
+            "backgroundColor": "#82909d",
+            "borderRadius": 3,
+            "flex": 0,
+            "height": 20,
+            "marginRight": 5,
+            "overflow": "hidden",
+            "paddingBottom": 2,
+            "paddingLeft": 5,
+            "paddingRight": 5,
+            "paddingTop": 2,
+          },
+          undefined,
+        ],
+        Object {},
       ]
     }>
     <Text
diff --git a/android/app/build.gradle b/android/app/build.gradle
index 106ef57..6b2185c 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -135,6 +135,7 @@ android {
 }
 
 dependencies {
+    compile project(':react-native-svg')
     compile project(':react-native-vector-icons')
     compile fileTree(dir: "libs", include: ["*.jar"])
     compile "com.android.support:appcompat-v7:23.0.1"
diff --git a/android/app/src/main/java/com/tipsiuikit/MainApplication.java b/android/app/src/main/java/com/tipsiuikit/MainApplication.java
index 225455a..c85501b 100644
--- a/android/app/src/main/java/com/tipsiuikit/MainApplication.java
+++ b/android/app/src/main/java/com/tipsiuikit/MainApplication.java
@@ -4,6 +4,7 @@
 import android.util.Log;
 
 import com.facebook.react.ReactApplication;
+import com.horcrux.svg.RNSvgPackage;
 import com.oblador.vectoricons.VectorIconsPackage;
 import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactNativeHost;
@@ -26,6 +27,7 @@ protected boolean getUseDeveloperSupport() {
     protected List<ReactPackage> getPackages() {
       return Arrays.<ReactPackage>asList(
           new MainReactPackage(),
+            new RNSvgPackage(),
             new VectorIconsPackage()
       );
     }
diff --git a/android/settings.gradle b/android/settings.gradle
index eec39a1..f27fc1e 100644
--- a/android/settings.gradle
+++ b/android/settings.gradle
@@ -1,4 +1,6 @@
 rootProject.name = 'TipsiUIKit'
+include ':react-native-svg'
+project(':react-native-svg').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-svg/android')
 include ':react-native-vector-icons'
 project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
 
diff --git a/ios/TipsiUIKit.xcodeproj/project.pbxproj b/ios/TipsiUIKit.xcodeproj/project.pbxproj
index efed1d6..719dad9 100644
--- a/ios/TipsiUIKit.xcodeproj/project.pbxproj
+++ b/ios/TipsiUIKit.xcodeproj/project.pbxproj
@@ -5,7 +5,6 @@
 	};
 	objectVersion = 46;
 	objects = {
-
 /* Begin PBXBuildFile section */
 		00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; };
 		00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; };
@@ -34,6 +33,7 @@
 		C81C1E909BAD4E6483E81810 /* Zocial.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 999294C0733C49698D6E1D9A /* Zocial.ttf */; };
 		D0885A6549C44CC9A7BA3E5A /* Entypo.ttf in Resources */ = {isa = PBXBuildFile; fileRef = ECF083602B3D4A6182AAD27F /* Entypo.ttf */; };
 		EBED0D0CA49B4AF8ABEF878F /* Foundation.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 9635DB858DB64BA9851CAF38 /* Foundation.ttf */; };
+		F0B30624D9664ABF939768B0 /* libRNSVG.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5CA990B07AD040F9BD6D897D /* libRNSVG.a */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -220,6 +220,8 @@
 		E6758B68D982483D89756A3E /* MaterialIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = MaterialIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf"; sourceTree = "<group>"; };
 		E8453A125E8E4A8CAB89ACE9 /* EvilIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = EvilIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf"; sourceTree = "<group>"; };
 		ECF083602B3D4A6182AAD27F /* Entypo.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Entypo.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Entypo.ttf"; sourceTree = "<group>"; };
+		0E59EDEED90640CD99F97FC6 /* RNSVG.xcodeproj */ = {isa = PBXFileReference; name = "RNSVG.xcodeproj"; path = "../node_modules/react-native-svg/ios/RNSVG.xcodeproj"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = wrapper.pb-project; explicitFileType = undefined; includeInIndex = 0; };
+		5CA990B07AD040F9BD6D897D /* libRNSVG.a */ = {isa = PBXFileReference; name = "libRNSVG.a"; path = "libRNSVG.a"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = archive.ar; explicitFileType = undefined; includeInIndex = 0; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -247,6 +249,7 @@
 				00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */,
 				139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */,
 				A7FA61539587489B82FA7F2D /* libRNVectorIcons.a in Frameworks */,
+				F0B30624D9664ABF939768B0 /* libRNSVG.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -394,6 +397,7 @@
 				00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */,
 				139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */,
 				39CEB4DCD16049C387818AEE /* RNVectorIcons.xcodeproj */,
+				0E59EDEED90640CD99F97FC6 /* RNSVG.xcodeproj */,
 			);
 			name = Libraries;
 			sourceTree = "<group>";
@@ -811,6 +815,7 @@
 				LIBRARY_SEARCH_PATHS = (
 					"$(inherited)",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 				);
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/TipsiUIKit.app/TipsiUIKit";
@@ -828,6 +833,7 @@
 				LIBRARY_SEARCH_PATHS = (
 					"$(inherited)",
 					"\"$(SRCROOT)/$(TARGET_NAME)\"",
+					"\"$(SRCROOT)/$(TARGET_NAME)\"",
 				);
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/TipsiUIKit.app/TipsiUIKit";
@@ -908,6 +914,7 @@
 					"$(SRCROOT)/../node_modules/react-native/React/**",
 					"$(SRCROOT)/../node_modules/react-native/ReactCommon/**",
 					"$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
+					"$(SRCROOT)/../node_modules/react-native-svg/ios/**",
 				);
 				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
@@ -949,6 +956,7 @@
 					"$(SRCROOT)/../node_modules/react-native/React/**",
 					"$(SRCROOT)/../node_modules/react-native/ReactCommon/**",
 					"$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
+					"$(SRCROOT)/../node_modules/react-native-svg/ios/**",
 				);
 				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
diff --git a/package.json b/package.json
index 3745cff..b211f0a 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
   "homepage": "https://github.com/tipsi/tipsi-ui-kit#readme",
   "dependencies": {
     "hoist-non-react-statics": "^1.2.0",
+    "react-native-svg": "4.4.1",
     "react-native-vector-icons": "^3.0.0"
   },
   "devDependencies": {
diff --git a/src/Label/Label.js b/src/Label/Label.js
index faca6e4..c979abb 100644
--- a/src/Label/Label.js
+++ b/src/Label/Label.js
@@ -1,5 +1,6 @@
 import React, { PureComponent, PropTypes } from 'react'
 import { View, Text, StyleSheet, Platform } from 'react-native'
+import Svg, { LinearGradient, Rect, Defs, Stop } from 'react-native-svg'
 import ThemeConstants from '../utils/ThemeConstants'
 import themeable from '../utils/themeable'
 
@@ -7,12 +8,31 @@ class Label extends PureComponent {
   static propTypes = {
     title: PropTypes.string.isRequired,
     styles: PropTypes.object.isRequired,
+    colors: PropTypes.array,
+  }
+
+  static defaultProps = {
+    colors: [],
   }
 
   render() {
-    const { title, styles } = this.props
+    const { title, styles, colors, ...rest } = this.props
+    const isGradientColors = Boolean(colors.length)
+    const backgroundOnGradient = isGradientColors ? { backgroundColor: 'transparent' } : {}
     return (
-      <View style={styles.container}>
+      <View style={[styles.container, backgroundOnGradient]} {...rest}>
+        {isGradientColors &&
+          <Svg style={styles.gradientBackground}>
+            <Defs>
+              <LinearGradient id="grad" x1="50%" y1="0%" x2="50%" y2="100%">
+                {colors.map((item, index) => (
+                  <Stop offset={index.toString()} stopColor={item} key={item} />
+                ))}
+              </LinearGradient>
+            </Defs>
+            <Rect x="0" cy="0" width="100%" height="100%" rx="4" fill="url(#grad)" />
+          </Svg>
+        }
         <Text style={styles.title}>{title}</Text>
       </View>
     )
@@ -36,6 +56,12 @@ const baseStyles = StyleSheet.create({
     color: ThemeConstants.WHITE,
     fontSize: 12,
   },
+  gradientBackground: {
+    height: 20,
+    left: 0,
+    right: 0,
+    position: 'absolute',
+  },
 })
 
 const primary = StyleSheet.create({
diff --git a/uiexplorer/core/utils/shots.js b/uiexplorer/core/utils/shots.js
index cef0c70..624b153 100644
--- a/uiexplorer/core/utils/shots.js
+++ b/uiexplorer/core/utils/shots.js
@@ -4,6 +4,41 @@ import '../../examples'
 
 const { describe, it, expect } = global
 
+// eslint-disable-next-line no-undef
+jest.mock('react-native-svg', () => {
+  const React = require('react')
+  // eslint-disable-next-line no-undef
+  const ReactNativeSvg = jest.genMockFromModule('react-native-svg')
+
+  const svgElementMockGenerator = (name, propTypes) => {
+    function SvgMock() {
+      return (
+        React.createElement(name, null, null)
+      )
+    }
+
+    SvgMock.displayName = name
+    SvgMock.propTypes = propTypes
+
+    return SvgMock
+  }
+
+  const Svg = svgElementMockGenerator('Svg', ReactNativeSvg.Svg.propTypes)
+
+  Svg.Rect = svgElementMockGenerator('Rect', ReactNativeSvg.Rect.propTypes)
+  Svg.LinearGradient = svgElementMockGenerator(
+    'LinearGradient',
+    ReactNativeSvg.LinearGradient.propTypes
+  )
+  Svg.Path = svgElementMockGenerator('Path', ReactNativeSvg.Path.propTypes)
+  Svg.Symbol = svgElementMockGenerator('Symbol', ReactNativeSvg.Symbol.propTypes)
+  Svg.Use = svgElementMockGenerator('Use', ReactNativeSvg.Use.propTypes)
+  Svg.Stop = svgElementMockGenerator('Stop', ReactNativeSvg.Stop.propTypes)
+  Svg.Defs = svgElementMockGenerator('Defs', ReactNativeSvg.Defs.propTypes)
+
+  return Svg
+})
+
 export default ({ suit = 'UIExplorer', storyRegex } = {}) => {
   if (typeof describe !== 'function') {
     throw new Error('\'testStorySnapshots\' is intended only to be used inside jest')
diff --git a/uiexplorer/examples/Label.js b/uiexplorer/examples/Label.js
index 4ecc5a2..affaf37 100644
--- a/uiexplorer/examples/Label.js
+++ b/uiexplorer/examples/Label.js
@@ -26,6 +26,15 @@ register.addExample({
         <Label title="Super Vintage" theme="black" />
       </View>
     ),
+  }, {
+    title: 'Gradient themes',
+    description: 'Labels\' wrapper has flexDirection: row, Labels has "colors" prop',
+    render: () => (
+      <View style={{ flexDirection: 'row' }}>
+        <Label title="Value Pick" colors={['#52B02C', '#97C33E']} />
+        <Label title="Staff Pick" colors={['#EA8C28', '#F0B64A']} />
+      </View>
+    ),
   }, {
     title: 'Custom Text and Custom Background',
     description: 'Label with custom text and style props',

From c2916e975eb2b3f31e62c80bab47afaac3e0d41c Mon Sep 17 00:00:00 2001
From: Anton Kuznetsov <isnifer@gmail.com>
Date: Thu, 9 Feb 2017 12:35:06 +0300
Subject: [PATCH 2/3] Fix android build script

---
 .ci/local-ci.sh          | 1 -
 scripts/build-android.sh | 4 ++++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/.ci/local-ci.sh b/.ci/local-ci.sh
index 25f3ef2..f595f76 100755
--- a/.ci/local-ci.sh
+++ b/.ci/local-ci.sh
@@ -33,7 +33,6 @@ npm run appium > /dev/null 2>&1 &
 ###################
 
 # Build Android app
-cd android && ./gradlew clean
 npm run build:android
 # Build iOS app
 isMacOS && npm run build:ios
diff --git a/scripts/build-android.sh b/scripts/build-android.sh
index 3911688..6ec7fe0 100755
--- a/scripts/build-android.sh
+++ b/scripts/build-android.sh
@@ -2,6 +2,10 @@
 
 # Go to android path
 cd android
+
+# Clean
+./gradlew clean
+
 # Remove old release keystore
 rm -rf app/release.keystore
 # Generate release keystore

From 41b6c2a990b149e695af1c0aa84ab245a8ed447b Mon Sep 17 00:00:00 2001
From: Anton Kuznetsov <isnifer@gmail.com>
Date: Thu, 9 Feb 2017 16:45:06 +0300
Subject: [PATCH 3/3] Update README for <Label />

---
 README.md | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 29cb4d4..9aee0a2 100644
--- a/README.md
+++ b/README.md
@@ -219,6 +219,7 @@ Default themes: **primary**, **success**, **warning**, **alert**
 | Name | Desc | Type | Default |
 | --- | --- | --- | --- |
 | `title` | [isRequired] Title of label | String | `-` |
+| `colors` | Two colors for gradient | Array | `-` |
 
 #### Example
 
@@ -232,6 +233,14 @@ const Example = () => (
     <Label title="On Sale" />
   </View>
 )
+
+// Gradient mor powerfull than theme
+// Don't use "colors" prop if you want to use theme
+const GradientExample = () => (
+  <View style={{ flexDirection: 'row' }}>
+    <Label title="On Sale" colors={['#52B02C', '#97C33E']} />
+  </View>
+)
 ```
 
 #### Label Themes
@@ -242,6 +251,7 @@ Theme structure:
 {
   container: <View />,
   title: <Text />,
+  gradientBackground: <Svg >,
 }
 ```
 
@@ -249,8 +259,8 @@ Default themes: **primary**, **success**, **warning**, **alert**, **black**
 
 #### Preview
 
-![label_ios](https://cloud.githubusercontent.com/assets/1788245/22148163/9a4b7132-df1d-11e6-90bd-a920e83db5ad.png)
-![label_android](https://cloud.githubusercontent.com/assets/1788245/22148162/9a31d772-df1d-11e6-9cac-5f335b10c41d.png)
+![ios_666](https://cloud.githubusercontent.com/assets/1788245/22783023/f983ff62-eeda-11e6-8148-0c5ae3a45e0d.png)
+![android_666](https://cloud.githubusercontent.com/assets/1788245/22783024/f9a22370-eeda-11e6-96f7-572d62754530.png)
 
 ### `<RangeSlider />`