Merge branch 'master' into release

Author: ethanshar

ReactNativeUiLib.podspec

@@ -0,0 +1,22 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name         = "ReactNativeUiLib"
+  s.version      = package['version']
+  s.summary      = "React Native UI Library"
+
+  s.authors      = "Wix.com"
+  s.homepage     = package['homepage']
+  s.license      = package['license']
+  s.platforms    = { :ios => "9.0", :tvos => "9.2" }
+
+  s.module_name  = 'ReactNativeUiLib'
+
+  s.source       = { :git => "https://github.com/wix/react-native-ui-lib.git", :tag => "#{s.version}" }
+  s.source_files  = "ios/**/*.{h,m}"
+
+  s.dependency 'React'
+  s.frameworks = 'UIKit'
+end

demo/src/screens/__tests__/__snapshots__/AvatarScreen.spec.js.snap

@@ -1796,7 +1796,9 @@ exports[`AvatarScreen renders screen 1`] = `
               }
               style={
                 Array [
-                  undefined,
+                  Object {
+                    "tintColor": "#FFFFFF",
+                  },
                   undefined,
                   undefined,
                   undefined,

demo/src/screens/componentScreens/BadgesScreen.tsx

@@ -21,18 +21,18 @@ export default class BadgesScreen extends Component {
 
   customElement1 = (
     <View row>
-      <Image source={bell}/>
-      <Image source={bell}/>
+      <Image tintColor={Colors.$iconDefaultLight} source={bell}/>
+      <Image tintColor={Colors.$iconDefaultLight} source={bell}/>
     </View>
   );
 
   customElement2 = (
     <View row>
-      <Image source={bell}/>
-      <Text white text90>
+      <Image tintColor={Colors.$iconSuccessLight} source={bell}/>
+      <Text $textSuccessLight text90>
         37
       </Text>
-      <Image source={bell}/>
+      <Image tintColor={Colors.$iconSuccessLight} source={bell}/>
     </View>
   );
 
@@ -152,7 +152,7 @@ export default class BadgesScreen extends Component {
           </Text>
           <View row spread marginH-50>
             <Badge marginR-10 label={'17'} customElement={this.customElement1}/>
-            <Badge marginR-10 customElement={this.customElement2} backgroundColor={Colors.$backgroundNeutralHeavy}/>
+            <Badge marginR-10 customElement={this.customElement2} backgroundColor={Colors.$backgroundDisabled}/>
           </View>
         </ScrollView>
       </View>

docuilib/sidebars.js

@@ -12,6 +12,7 @@
 const componentsCategories = {
   // foundation: 'Foundation',
   // assets: 'Assets',
+  basic: 'Basic',
   navigation: 'Navigation',
   layout: 'Layout',
   controls: 'Controls',

extensions/rnuilib-snippets/CHANGELOG.md

@@ -2,7 +2,14 @@
 
 All notable changes to the "rnuilib-snippets" extension will be documented in this file.
 
+## [1.0.3]
+- Updating snippets and README file.
 
-## [1.0.0]
+## [1.0.2]
+- Updating snippets.
+
+## [1.0.1]
+- Updating snippets.
 
-- Initial release of rnuilib-snippets extension.
+## [1.0.0]
+- Initial release of rnuilib-snippets extension.

extensions/rnuilib-snippets/README.md

@@ -1,22 +1,25 @@
 # rnuilib-snippets
+-------------------
 
-This extension provides code snippets for `react-native-ui-lib`'s components for Vs Code editor.
-It supports JavaScript and TypeScript, ReactJavaScript and ReactTypeScript.
+This extension provides code snippets for `react-native-ui-lib`'s components for VS Code editor. 
+The extension supports JavaScript and TypeScript, ReactJavaScript and ReactTypeScript.
 
 ## How to use
 
-After installing this extension you can generate a code snippet by simply typing a component's name (camelCase) and see the option in the suggestion tooltip.
-Using the tab key you can navigate through the fields to enter your values.
+After installing the extension you can generate a code snippet by simply typing a component's name (camelCase) and see the option in the suggestions tooltip.
+⚠️ Make sure the 'snippet suggestion' option in your user settings is set to 'top' for better visibility.
 
-Also, type `rnuilib` and get the uilib import - `import {} from 'react-native-ui-lib'` - to import the components.
+Using the 'tab' key you can navigate through the component's fields to enter your own values.
+
+Also, type 'rnuilib' and get the rnuilib import - `import {} from 'react-native-ui-lib'` - necessary to import the rnuilib components.
 
 See video:
 
 ![Extension usage](./assets/usage.gif)
 
 ## Requirements
 
-This extension generate code for `react-native-ui-lib`'s components. `react-native-ui-lib` should be installed as a dependency to your projects. See: https://github.com/wix/react-native-ui-lib#installing
+This extension generate code for `react-native-ui-lib`'s components. `react-native-ui-lib` should be installed as a dependency to your projects. See: https://wix.github.io/react-native-ui-lib/docs/getting-started/setup
 
 
 **Enjoy!**

extensions/rnuilib-snippets/package.json

@@ -10,12 +10,14 @@
         "url": "https://github.com/wix/react-native-ui-lib"
     },
     "icon": "assets/icon.png",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "engines": {
         "vscode": "^1.64.0"
     },
     "keywords": [
         "react-native",
+        "ui",
+        "components",
         "snippets",
         "javascript",
         "typescript"