fix(docs): theme import typo

akveo · Jun 13, 2019 · 6445a4b · 6445a4b
1 parent ce984cf
commit 6445a4b
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -41,14 +41,14 @@ Modify your application root:
 
 ```jsx
 import React from 'react';
-import { mapping, theme } from '@eva-design/eva';
+import { mapping, light as lightTheme } from '@eva-design/eva';
 import { ApplicationProvider } from 'react-native-ui-kitten';
 import { Application } from './path-to/application.component';
 
 export default App = () => (
   <ApplicationProvider 
     mapping={mapping}
-    theme={theme}
+    theme={lightTheme}
     <Application/>
   </ApplicationProvider>
 );

diff --git a/docs/src/guides/theme-switching.md b/docs/src/guides/theme-switching.md
@@ -9,7 +9,7 @@ through the property into the `ApplicationProvider`.
 ### Changing Theme Example
 
 ```tsx
-import { mapping, theme } from '@eva-design/eva';
+import { mapping, light as lightTheme } from '@eva-design/eva';
 import { customTheme } from './path-to/custom-theme;
 import {
   ApplicationProvider,
@@ -24,7 +24,7 @@ interface AppState {
 export default class App extends React.Component<any, State> {
 
   public state: State = {
-    theme: theme,
+    theme: lightTheme,
   };
 
   private changeTheme = () => {

diff --git a/docs/src/guides/theme-system.md b/docs/src/guides/theme-system.md
@@ -25,7 +25,7 @@ npm i @eva-design/eva
 ### Applying Theme System
 
 ```tsx
-import { mapping, theme } from '@eva-design/eva';
+import { mapping, light as lightTheme } from '@eva-design/eva';
 import { ApplicationProvider } from 'react-native-ui-kitten';
 import { Application } from './path-to/root.component';
 
@@ -35,7 +35,7 @@ export default class App extends React.Component {
      return (
        <ApplicationProvider
          mapping={mapping}
-         theme={theme}>
+         theme={lightTheme}>
          <Application/>
        </ApplicationProvider>
      );

diff --git a/docs/src/guides/theme-using-mapping.md b/docs/src/guides/theme-using-mapping.md
@@ -121,7 +121,7 @@ All that you have to do is to provide a custom mapping to ApplicationProvider.
 
 ```tsx
 import React from 'react';
-import { mapping, theme } from '@eva-design/eva';
+import { mapping, light as lightTheme } from '@eva-design/eva';
 @import { 
   ApplicationProvider,
   ApplicationProviderProps,
@@ -135,7 +135,7 @@ export default class App extends React.Component<ApplicationProviderProps> {
     return (
       <ApplicationProvider
         mapping={mapping}
-        theme={theme}
+        theme={lightTheme}
         customMapping={customMapping}>
         <Application/>
       </ApplicationProvider>

diff --git a/src/framework/theme/application/applicationProvider.component.tsx b/src/framework/theme/application/applicationProvider.component.tsx
@@ -54,7 +54,7 @@ interface State {
  *
  * ```
  * import React from 'react';
- * import { mapping, theme } from '@eva-design/eva';
+ * import { mapping, light as lightTheme } from '@eva-design/eva';
  * import { ApplicationProvider } from 'react-native-ui-kitten';
  * import { Application } from './path-to/root.component';
  *
@@ -64,7 +64,7 @@ interface State {
  *     return (
  *       <ApplicationProvider
  *         mapping={mapping}
- *         theme={theme}>
+ *         theme={lightTheme}>
  *         <Application/>
  *       </ApplicationProvider>
  *     );