react-polymorph - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

package.json

 {
   "name": "react-polymorph",
   "description": "React components with highly customizable logic, markup and styles.",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "author": {
@@ -6,0 +6,0 @@ "name": "Dominik Guzei",

source/skins/simple/ButtonSkin.js

@@ -7,4 +7,5 @@ import React from 'react';
 import Button from '../../components/Button';
+import DefaultButtonTheme from '../../themes/simple/SimpleButton.scss';
 
-export default themr(BUTTON, null, { withRef: true })((props) => (
+export default themr(BUTTON, DefaultButtonTheme, { withRef: true })((props) => (
   <button
@@ -11,0 +12,0 @@ {...omit(props, Button.metaProps)}

source/skins/simple/FormFieldSkin.js

@@ -5,4 +5,5 @@ import React from 'react';
 import { FORM_FIELD } from './identifiers';
+import DefaultFormFieldTheme from '../../themes/simple/SimpleFormField.scss';
 
-export default themr(FORM_FIELD, null, { withRef: true })((props) => (
+export default themr(FORM_FIELD, DefaultFormFieldTheme, { withRef: true })((props) => (
   <div
@@ -9,0 +10,0 @@ className={classnames([

source/skins/simple/InputSkin.js

@@ -8,4 +8,5 @@ import React from 'react';
 import Input from '../../components/Input';
+import DefaultInputTheme from '../../themes/simple/SimpleInput.scss';
 
-export default themr(INPUT, null, { withRef: true })((props) => (
+export default themr(INPUT, DefaultInputTheme, { withRef: true })((props) => (
   <FormFieldSkin input={
@@ -12,0 +13,0 @@ <input

source/skins/simple/SelectSkin.js

@@ -7,2 +7,3 @@ import React, { Component } from 'react';
 import Select from '../../components/Select';
+import DefaultSelectTheme from '../../themes/simple/SimpleSelect.scss';
 
@@ -69,2 +70,2 @@ class SelectSkin extends Component {
 
-export default themr(SELECT, null, { withRef: true })(SelectSkin);
+export default themr(SELECT, DefaultSelectTheme, { withRef: true })(SelectSkin);

source/skins/simple/TextAreaSkin.js

@@ -8,4 +8,5 @@ import React from 'react';
 import TextArea from '../../components/TextArea';
+import DefaultTextAreaTheme from '../../themes/simple/SimpleTextArea.scss';
 
-export default themr(TEXT_AREA, null, { withRef: true })((props) => (
+export default themr(TEXT_AREA, DefaultTextAreaTheme, { withRef: true })((props) => (
   <FormFieldSkin input={
@@ -12,0 +13,0 @@ <textarea

stories/Button.stories.js

 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
 import { observable, action as mobxAction } from 'mobx';
-import SimpleThemeProvider from './support/SimpleThemeProvider';
 import PropsObserver from './support/PropsObserver';
@@ -20,9 +19,3 @@ import Button from '../source/components/Button';
     });
-    return (
-      <SimpleThemeProvider>
-        <PropsObserver propsForChildren={state}>
-          {story()}
-        </PropsObserver>
-      </SimpleThemeProvider>
-    );
+    return <PropsObserver propsForChildren={state}>{story()}</PropsObserver>;
   })
@@ -29,0 +22,0 @@

stories/Input.stories.js

 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
 import { observable, action as mobxAction } from 'mobx';
-import SimpleThemeProvider from './support/SimpleThemeProvider';
 import PropsObserver from './support/PropsObserver';
@@ -20,9 +19,3 @@ import Input from '../source/components/Input';
     });
-    return (
-      <SimpleThemeProvider>
-        <PropsObserver propsForChildren={state}>
-          {story()}
-        </PropsObserver>
-      </SimpleThemeProvider>
-    );
+    return <PropsObserver propsForChildren={state}>{story()}</PropsObserver>;
   })
@@ -29,0 +22,0 @@

stories/Select.stories.js

 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
 import { observable, action as mobxAction } from 'mobx';
-import SimpleThemeProvider from './support/SimpleThemeProvider';
 import PropsObserver from './support/PropsObserver';
@@ -39,9 +38,3 @@ import Select from '../source/components/Select';
     });
-    return (
-      <SimpleThemeProvider>
-        <PropsObserver propsForChildren={state}>
-          {story(state)}
-        </PropsObserver>
-      </SimpleThemeProvider>
-    );
+    return <PropsObserver propsForChildren={state}>{story()}</PropsObserver>;
   })
@@ -48,0 +41,0 @@

stories/TextArea.stories.js

 import React from 'react';
 import { storiesOf, action } from '@kadira/storybook';
 import { observable, action as mobxAction } from 'mobx';
-import SimpleThemeProvider from './support/SimpleThemeProvider';
 import PropsObserver from './support/PropsObserver';
@@ -20,9 +19,3 @@ import TextArea from '../source/components/TextArea';
     });
-    return (
-      <SimpleThemeProvider>
-        <PropsObserver propsForChildren={state}>
-          {story()}
-        </PropsObserver>
-      </SimpleThemeProvider>
-    );
+    return <PropsObserver propsForChildren={state}>{story()}</PropsObserver>;
   })
@@ -29,0 +22,0 @@

No alert changes

Worsened metrics

Total package byte prevSize

58054

decreased by-1.71%

Number of package files

42

decreased by-2.33%

Lines of code

818

decreased by-5.21%

No dependency changes